@riverbankcms/sdk 0.81.0 → 0.84.0

package/dist/{PreviewEditorSidebar-RDCMEXIJ.mjs → PreviewEditorSidebar-HML67UDA.mjs}

@@ -1,496 +1,13 @@
 "use client";
-import { resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSidebarChromeModel, resolvePreviewEditorGuidanceModel, SiteOptionPickerField, ButtonVariantField, IconPickerField, EntryPickerField, ReferenceField, RichTextField, MediaField, FileField, LinkField, canInspectSiteStyle, mapContentSchemaToFormFields, usePreviewBlockCustomizeSelectionOptional, BlockEditor, canApplySiteStyle, LinkWidgetProvider, ReferenceWidgetProvider, EntryPickerWidgetProvider, SiteOptionWidgetProvider, ButtonWidgetProvider, createSiteOptionWidgetAdapters, createSiteOptionApiLoader, BUILT_IN_REFERENCE_KINDS, useRichTextImagePicker, RichTextWidgetProvider, useBlockCustomizeControls, MAX_QUICK_MANIFEST_FIELDS, parseReferenceKind } from './chunk-3QWQ2MUQ.mjs';
-import { unwrapResponse, useEntryController, useEditorUiStoreInstance, useUISelector, resolvePreviewSidebarTab, BackgroundGradientField, BackgroundColorField, unsafeAsEditorBlockId, Tabs, TabsList, TabsTrigger, Button, X, TabsContent, useEditorUiStore, deriveRouteMetadataPresentation, resolvePageRouteSlug, createManifestValidation, createStoreBackend, ManifestForm, previewAssistantEnabled, Collapsible, CollapsibleTrigger, ChevronRight, CollapsibleContent, ContentFieldsForm, usePreviewDesignCoordinator, useSiteChromeCustomizeOptional, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, isPreviewingChange, createOptimisticActionRunner, syncStyleConfiguratorState, getCuratedSiteStyle, planSiteStylePreviewChange, openRow, previewSiteStyle, applyResolvedSelections, previewButtonPersonality, previewHeaderLayout, previewHeaderStyle, planSiteChromeLookSelection, previewFooterLook, previewPaletteVariant, previewTypographyPreset, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, clearTypographyFontOverrides, paletteOverridesSchema, setPaletteOverrides, toggleRow, cancelPreview, dismissWarnings, dismissNotices, deriveStyleConfiguratorCapabilities, buildApplySiteStyleSelectionBody, markApplyFailed, selectionSnapshotFromApplySiteStyleSelectionResponse, styleConfiguratorHistoryEntryForPersistedSelection, markApplySaved, markApplySaving, findButtonPersonality, findPaletteVariant, findTypographyPreset, buildSiteChromeLookModels, getHeaderLayout, getHeaderStyle, findFooterLook, cycleSiteChromeLookId, footerLookCatalog, resolveContentTitle, foldSubroute, SUBROUTE_KINDS, Smartphone, Tablet, Monitor, Maximize2, cn, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, expectParsedBrandedId, parseSiteId, buildThemeRuntime, SdkConfigProvider, PaletteProvider, MediaEditorProvider, curatedSiteStyles, ChevronLeft, cycleableSiteChromeOptions, requireEntriesForCuratedChoices, buttonPersonalities, typographyPresets, paletteVariants, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, FormRenderer, evaluateTypographyFontSlot, Callout, CalloutDescription, Separator, Surface, ColorPicker, Input } from './chunk-WUHKQBB6.mjs';
-import { usePreviewAuth, getDashboardUrl } from './chunk-E3NZYEKF.mjs';
+import { resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSidebarChromeModel, resolvePreviewEditorGuidanceModel, previewWidgetOverrides, canInspectSiteStyle, mapContentSchemaToFormFields, PreviewFormProvider, usePreviewBlockCustomizeSelectionOptional, BlockEditor, canApplySiteStyle, useBlockCustomizeControls, MAX_QUICK_MANIFEST_FIELDS } from './chunk-5E33VO6J.mjs';
+import { useEntryController, useEditorUiStoreInstance, useUISelector, resolvePreviewSidebarTab, unsafeAsEditorBlockId, Tabs, TabsList, TabsTrigger, Button, X, TabsContent, useEditorUiStore, deriveRouteMetadataPresentation, resolvePageRouteSlug, createManifestValidation, createStoreBackend, ManifestForm, previewAssistantEnabled, Collapsible, CollapsibleTrigger, ChevronRight, CollapsibleContent, ContentFieldsForm, usePreviewDesignCoordinator, useSiteChromeCustomizeOptional, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, isPreviewingChange, createOptimisticActionRunner, syncStyleConfiguratorState, getCuratedSiteStyle, planSiteStylePreviewChange, openRow, previewSiteStyle, applyResolvedSelections, previewButtonPersonality, previewHeaderLayout, previewHeaderStyle, planSiteChromeLookSelection, previewFooterLook, buildSiteChromeLookModels, planSiteChromeFooterLayoutSelection, previewPaletteVariant, previewTypographyPreset, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, clearTypographyFontOverrides, paletteOverridesSchema, setPaletteOverrides, toggleRow, cancelPreview, dismissWarnings, dismissNotices, deriveStyleConfiguratorCapabilities, buildApplySiteStyleSelectionBody, markApplyFailed, selectionSnapshotFromApplySiteStyleSelectionResponse, styleConfiguratorHistoryEntryForPersistedSelection, markApplySaved, unwrapResponse, markApplySaving, findButtonPersonality, findPaletteVariant, findTypographyPreset, getHeaderLayout, getHeaderStyle, getFooterLayout, findFooterLook, cycleSiteChromeLookId, resolveContentTitle, foldSubroute, SUBROUTE_KINDS, Smartphone, Tablet, Monitor, Maximize2, cn, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, listEntryPageContentSlots, ContentSpinner, Callout, CalloutDescription, curatedSiteStyles, ChevronLeft, cycleableSiteChromeOptions, requireEntriesForCuratedChoices, buttonPersonalities, typographyPresets, paletteVariants, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, FormRenderer, evaluateTypographyFontSlot, Separator, Surface, ColorPicker, Input } from './chunk-MSHZO4SL.mjs';
+import { usePreviewAuth, getDashboardUrl } from './chunk-LBBPD2IW.mjs';
 import './chunk-R7POPVJR.mjs';
-import { useMemo, useRef, useCallback, useEffect, useState, useTransition, useSyncExternalStore, useId } from 'react';
+import { useMemo, useRef, useCallback, useEffect, useState, useTransition, useLayoutEffect, useSyncExternalStore, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/navigation';
+import { useQueryClient, useQuery } from '@tanstack/react-query';
 
-// ../editor-blocks/src/widgets/entry-picker/loaders.ts
-function getStatusBadgeVariant(status) {
-  switch (status) {
-    case "published":
-      return "default";
-    case "draft":
-      return "secondary";
-    case "scheduled":
-      return "outline";
-    case "archived":
-      return "destructive";
-    default:
-      return "secondary";
-  }
-}
-function mapEntryPickerItems(entries, valueFrom) {
-  return entries.map((entry) => ({
-    value: valueFrom === "identifier" ? entry.identifier ?? entry.id : valueFrom === "slug" ? entry.slug ?? entry.id : entry.id,
-    label: entry.draftTitle || entry.title || entry.slug || entry.id,
-    id: entry.id,
-    identifier: entry.identifier ?? null,
-    slug: entry.slug ?? null,
-    badge: {
-      label: entry.status,
-      variant: getStatusBadgeVariant(entry.status)
-    }
-  }));
-}
-async function loadEntryPickerItems({
-  apiClient,
-  siteId,
-  contentType,
-  valueFrom
-}) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentType }
-  });
-  const { entries } = unwrapResponse(result);
-  return mapEntryPickerItems(entries, valueFrom);
-}
-
-// ../editor-blocks/src/widgets/link/loaders.ts
-async function loadRoutableContentItems({
-  apiClient,
-  siteId
-}) {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const payload = unwrapResponse(result);
-  return Array.isArray(payload?.items) ? payload.items : [];
-}
-
-// ../editor-blocks/src/widgets/reference/dynamicAdapters.ts
-function createDynamicReferenceAdapters(staticAdapters, createDynamicContentAdapter) {
-  return new Proxy(staticAdapters, {
-    get(target, prop) {
-      if (typeof prop !== "string") {
-        return void 0;
-      }
-      if (prop in target) {
-        return target[prop];
-      }
-      const parsed = parseReferenceKind(prop);
-      if (parsed.kind === "dynamicContent") {
-        return createDynamicContentAdapter(parsed.contentTypeKey);
-      }
-      return void 0;
-    }
-  });
-}
-
-// ../editor-blocks/src/widgets/reference/loaders.ts
-function defineReferenceLoader(referenceKind, loader) {
-  return Object.assign(loader, { referenceKind });
-}
-function formatStatusBadge(status) {
-  if (status === "published") {
-    return { label: "Published", variant: "default" };
-  }
-  if (status === "scheduled") {
-    return { label: "Scheduled", variant: "secondary" };
-  }
-  if (status === "archived") {
-    return { label: "Archived", variant: "outline" };
-  }
-  return { label: "Draft", variant: "outline" };
-}
-function hasSlug(entry) {
-  return entry.slug !== null;
-}
-var loadPostReferenceItems = defineReferenceLoader("post", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: "post" }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter(hasSlug).filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.slug,
-    label: entry.title || entry.slug || entry.id,
-    badge: formatStatusBadge(entry.status)
-  }));
-});
-var loadFormReferenceItems = defineReferenceLoader("form", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listForms",
-    params: { siteId }
-  });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.slug,
-    label: form.name
-  }));
-});
-var loadBookingFormReferenceItems = defineReferenceLoader("bookingForm", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listBookingForms",
-    params: { siteId }
-  });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.id,
-    label: form.name
-  }));
-});
-var loadAppointmentServiceReferenceItems = defineReferenceLoader(
-  "appointmentService",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentServicesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
-  }
-);
-var loadAppointmentResourceReferenceItems = defineReferenceLoader(
-  "appointmentResource",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentResourcesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
-  }
-);
-var loadPageReferenceItems = defineReferenceLoader("page", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const { items } = unwrapResponse(result);
-  return items.filter((item) => item.entityType === "page").map((page) => ({
-    value: page.entityId,
-    label: page.title || "Untitled"
-  }));
-});
-var loadNewsletterListReferenceItems = defineReferenceLoader(
-  "newsletterList",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "listNewsletterLists",
-      params: { siteId }
-    });
-    const { lists } = unwrapResponse(result);
-    return lists.map((list) => ({
-      value: list.id,
-      label: list.name
-    }));
-  }
-);
-async function loadDynamicContentReferenceItems({
-  apiClient,
-  siteId,
-  contentTypeKey
-}) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentTypeKey }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.id,
-    label: entry.title || entry.slug || entry.id,
-    badge: { label: "Published", variant: "default" }
-  }));
-}
-var referenceLoaders = {
-  post: loadPostReferenceItems,
-  form: loadFormReferenceItems,
-  bookingForm: loadBookingFormReferenceItems,
-  appointmentService: loadAppointmentServiceReferenceItems,
-  appointmentResource: loadAppointmentResourceReferenceItems,
-  page: loadPageReferenceItems,
-  newsletterList: loadNewsletterListReferenceItems
-};
-
-// ../preview-next/src/client/widgets/widgetAdapters.ts
-var routableContentCache = /* @__PURE__ */ new Map();
-var entryPickerCache = /* @__PURE__ */ new Map();
-var siteOptionItemsCache = /* @__PURE__ */ new Map();
-var referenceItemsCache = /* @__PURE__ */ new Map();
-var dynamicReferenceItemsCache = /* @__PURE__ */ new Map();
-var MAX_CACHE_ENTRIES = 50;
-function setBoundedCache(map, key, value) {
-  if (!map.has(key) && map.size >= MAX_CACHE_ENTRIES) {
-    const firstKey = map.keys().next().value;
-    if (firstKey !== void 0) {
-      map.delete(firstKey);
-    }
-  }
-  map.set(key, value);
-}
-function createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, fallbackSiteId) {
-  return {
-    labels: {
-      loading: "Loading entries\u2026",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to continue."
-    },
-    loadItems: async ({ siteId }) => {
-      const resolvedSiteId = siteId || fallbackSiteId;
-      if (!resolvedSiteId) {
-        return [];
-      }
-      const cacheKey = `${resolvedSiteId}:content:${contentTypeKey}`;
-      const cached = dynamicReferenceItemsCache.get(cacheKey);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadDynamicContentReferenceItems({
-            apiClient: previewClient,
-            siteId: resolvedSiteId,
-            contentTypeKey
-          });
-        } catch (error) {
-          dynamicReferenceItemsCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(dynamicReferenceItemsCache, cacheKey, promise);
-      return promise;
-    }
-  };
-}
-function createCachedReferenceAdapterLoader(kind, loader, previewClient, fallbackSiteId) {
-  return async ({ siteId }) => {
-    const resolvedSiteId = siteId || fallbackSiteId;
-    if (!resolvedSiteId) {
-      return [];
-    }
-    const cacheKey = `${kind}:${resolvedSiteId}`;
-    const cached = referenceItemsCache.get(cacheKey);
-    if (cached) return cached;
-    const promise = (async () => {
-      try {
-        return await loader({ apiClient: previewClient, siteId: resolvedSiteId });
-      } catch (error) {
-        referenceItemsCache.delete(cacheKey);
-        throw error;
-      }
-    })();
-    setBoundedCache(referenceItemsCache, cacheKey, promise);
-    return promise;
-  };
-}
-function createPreviewLinkAdapters(previewClient) {
-  return {
-    fetchRoutableContent: async (currentSiteId) => {
-      const cached = routableContentCache.get(currentSiteId);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadRoutableContentItems({ apiClient: previewClient, siteId: currentSiteId });
-        } catch (error) {
-          routableContentCache.delete(currentSiteId);
-          throw error;
-        }
-      })();
-      setBoundedCache(routableContentCache, currentSiteId, promise);
-      return promise;
-    }
-  };
-}
-function createPreviewEntryPickerAdapter(previewClient) {
-  return {
-    loadItems: async ({ siteId, contentType, valueFrom }) => {
-      if (!siteId || !contentType) return [];
-      const cacheKey = `${siteId}:${contentType}:${valueFrom ?? "id"}`;
-      const cached = entryPickerCache.get(cacheKey);
-      if (cached) return cached;
-      const request = (async () => {
-        try {
-          return await loadEntryPickerItems({
-            apiClient: previewClient,
-            siteId,
-            contentType,
-            valueFrom
-          });
-        } catch (error) {
-          entryPickerCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(entryPickerCache, cacheKey, request);
-      return request;
-    },
-    labels: {
-      loading: "Loading entries...",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to embed.",
-      noContentType: "Select a content type first."
-    }
-  };
-}
-function createCachedSiteOptionLoader(loadItems) {
-  return async ({ siteId, source }) => {
-    const cacheKey = `${source}:${siteId}`;
-    const cached = siteOptionItemsCache.get(cacheKey);
-    if (cached) return cached;
-    const promise = (async () => {
-      try {
-        return await loadItems({ siteId, source });
-      } catch (error) {
-        siteOptionItemsCache.delete(cacheKey);
-        throw error;
-      }
-    })();
-    setBoundedCache(siteOptionItemsCache, cacheKey, promise);
-    return promise;
-  };
-}
-function createPreviewSiteOptionAdapters(previewClient) {
-  return createSiteOptionWidgetAdapters({
-    loadItems: createCachedSiteOptionLoader(createSiteOptionApiLoader(previewClient))
-  });
-}
-var previewReferenceChrome = {
-  post: {
-    labels: {
-      loading: "Loading posts\u2026",
-      select: "Select a post",
-      empty: "No posts found",
-      emptySelection: "Select a post to continue."
-    }
-  },
-  form: {
-    labels: {
-      loading: "Loading forms\u2026",
-      select: "Select a form",
-      empty: "No forms found",
-      emptySelection: "Select a form to continue."
-    }
-  },
-  bookingForm: {
-    labels: {
-      loading: "Loading booking forms\u2026",
-      select: "Select a booking form",
-      empty: "No booking forms yet",
-      emptySelection: "Select a booking form to enable appointment booking."
-    }
-  },
-  appointmentService: {
-    labels: {
-      loading: "Loading appointment services\u2026",
-      select: "Select a service",
-      empty: "No services available",
-      emptySelection: "Select a service to enable booking."
-    }
-  },
-  appointmentResource: {
-    labels: {
-      loading: "Loading resources\u2026",
-      select: "Select a resource",
-      empty: "No resources available",
-      emptySelection: "Select a resource (optional)."
-    }
-  },
-  page: {
-    labels: {
-      loading: "Loading pages\u2026",
-      select: "Select a page",
-      empty: "No pages available",
-      emptySelection: "Select a page."
-    }
-  },
-  newsletterList: {
-    labels: {
-      loading: "Loading lists\u2026",
-      select: "Select a list",
-      empty: "No lists yet",
-      emptySelection: "Select a newsletter list to subscribe users to."
-    }
-  }
-};
-function createPreviewReferenceAdapters(previewClient, fallbackSiteId) {
-  const brandedFallbackSiteId = void 0;
-  const adapters = {};
-  for (const kind of BUILT_IN_REFERENCE_KINDS) {
-    adapters[kind] = {
-      loadItems: createCachedReferenceAdapterLoader(
-        kind,
-        referenceLoaders[kind],
-        previewClient,
-        brandedFallbackSiteId
-      ),
-      labels: previewReferenceChrome[kind].labels
-    };
-  }
-  return createDynamicReferenceAdapters(
-    adapters,
-    (contentTypeKey) => createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, brandedFallbackSiteId)
-  );
-}
-function PreviewFormProviderInner({ theme, children }) {
-  const { onPickImage, picker } = useRichTextImagePicker();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(RichTextWidgetProvider, { theme, onPickImage, children }),
-    picker
-  ] });
-}
-function PreviewFormProvider({
-  siteId: rawSiteId,
-  theme = null,
-  previewClient,
-  bearerToken,
-  supabaseUrl,
-  mediaAssets,
-  sdkConfig,
-  children
-}) {
-  const siteId = useMemo(() => expectParsedBrandedId(parseSiteId(rawSiteId)), [rawSiteId]);
-  const linkAdapters = useMemo(() => createPreviewLinkAdapters(previewClient), [previewClient]);
-  const entryPickerAdapter = useMemo(() => createPreviewEntryPickerAdapter(previewClient), [previewClient]);
-  const siteOptionAdapters = useMemo(() => createPreviewSiteOptionAdapters(previewClient), [previewClient]);
-  const referenceAdapters = useMemo(
-    () => createPreviewReferenceAdapters(previewClient),
-    [previewClient]
-  );
-  const paletteTokens = useMemo(() => {
-    if (!theme) return void 0;
-    try {
-      const runtime = buildThemeRuntime(theme);
-      return runtime.paletteTokens;
-    } catch {
-      return void 0;
-    }
-  }, [theme]);
-  return /* @__PURE__ */ jsx(SdkConfigProvider, { sdkConfig: sdkConfig ?? null, children: /* @__PURE__ */ jsx(PaletteProvider, { tokens: paletteTokens, children: /* @__PURE__ */ jsx(LinkWidgetProvider, { siteId, adapters: linkAdapters, children: /* @__PURE__ */ jsx(ReferenceWidgetProvider, { siteId, adapters: referenceAdapters, children: /* @__PURE__ */ jsx(EntryPickerWidgetProvider, { siteId, adapter: entryPickerAdapter, children: /* @__PURE__ */ jsx(SiteOptionWidgetProvider, { siteId, adapters: siteOptionAdapters, children: /* @__PURE__ */ jsx(
-    MediaEditorProvider,
-    {
-      siteId,
-      apiClient: previewClient,
-      bearerToken,
-      supabaseUrl,
-      mediaAssets,
-      children: /* @__PURE__ */ jsx(ButtonWidgetProvider, { buttonSystem: theme?.buttons ?? null, children: /* @__PURE__ */ jsx(PreviewFormProviderInner, { theme, children }) })
-    }
-  ) }) }) }) }) }) });
-}
-var previewWidgetOverrides = {
-  link: LinkField,
-  file: FileField,
-  media: MediaField,
-  richText: RichTextField,
-  reference: ReferenceField,
-  backgroundColor: BackgroundColorField,
-  backgroundGradient: BackgroundGradientField,
-  entryPicker: EntryPickerField,
-  iconPicker: IconPickerField,
-  buttonVariant: ButtonVariantField,
-  siteOptionPicker: SiteOptionPickerField
-};
 function PreviewZoomControls({ zoom, onZoomChange, disabled }) {
   return /* @__PURE__ */ jsxs(
     Select,
@@ -638,6 +155,239 @@ function resolveSubrouteNotice(ctx, args) {
     "course-run": (run) => buildNoticeFromMeta(SUBROUTE_KINDS["course-run"], run, args.siteId)
   });
 }
+var EMPTY_BLOCKS = [];
+var EMPTY_SLOTS = [];
+var EMPTY_SELECTION = { kind: "none" };
+function entryPageContentSlotsKey(siteId, typeKey, entryId) {
+  return ["preview-entry-page-content-slots", siteId, typeKey, entryId];
+}
+function getAllowedBlockKinds(slot) {
+  return slot.allowedBlocks.blockKinds;
+}
+function resolveSlotSelection(current, slots) {
+  const firstSlotKey = slots[0]?.slotKey;
+  if (!firstSlotKey) return EMPTY_SELECTION;
+  if (current.kind === "selected" && slots.some((slot) => slot.slotKey === current.slotKey)) {
+    return current;
+  }
+  return { kind: "selected", slotKey: firstSlotKey };
+}
+function findSelectedSlot(selection, slots) {
+  if (selection.kind === "none") return null;
+  return slots.find((slot) => slot.slotKey === selection.slotKey) ?? null;
+}
+function selectionsEqual(left, right) {
+  if (left.kind !== right.kind) return false;
+  switch (left.kind) {
+    case "none":
+      return true;
+    case "selected":
+      return right.kind === "selected" && left.slotKey === right.slotKey;
+  }
+}
+function findSlotKeyForBlock(slots, blockId) {
+  if (!blockId) return null;
+  return slots.find((slot) => slot.blocks.some((block) => block.id === blockId))?.slotKey ?? null;
+}
+function updateBlocksWithSavedContent(blocks, blockId, content) {
+  let changed = false;
+  const nextBlocks = blocks.map((block) => {
+    if (block.id !== blockId) return block;
+    changed = true;
+    return {
+      ...block,
+      content,
+      draftContent: content
+    };
+  });
+  return changed ? nextBlocks : blocks;
+}
+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
+}) {
+  const router = useRouter();
+  const queryClient = useQueryClient();
+  const uiStore = useEditorUiStoreInstance();
+  const blockEditorRef = useRef(null);
+  const focusRequest = useEditorUiStore((state) => state.focusRequest);
+  const blockAutosaveStatus = useEditorUiStore(
+    (state) => state.autosave.blocks.status
+  );
+  const [slotSelection, setSlotSelection] = useState(EMPTY_SELECTION);
+  const queryKey = useMemo(
+    () => entryPageContentSlotsKey(siteId, typeKey, entryId),
+    [entryId, siteId, typeKey]
+  );
+  const slotsQuery = useQuery({
+    queryKey,
+    queryFn: () => listEntryPageContentSlots(apiClient, {
+      siteId,
+      type: typeKey,
+      entryId
+    }),
+    staleTime: 3e4
+  });
+  const handleBlockSave = useCallback(
+    (blockId, content) => {
+      const structure = uiStore.getState().structure;
+      const currentBlocks = structure.getList();
+      const nextBlocks = updateBlocksWithSavedContent(currentBlocks, blockId, content);
+      if (nextBlocks !== currentBlocks) {
+        structure.replaceList(nextBlocks);
+      }
+      queryClient.setQueryData(
+        queryKey,
+        (current) => {
+          if (!current) return current;
+          return {
+            ...current,
+            slots: current.slots.map((slot) => ({
+              ...slot,
+              blocks: updateBlocksWithSavedContent(slot.blocks, blockId, content)
+            }))
+          };
+        }
+      );
+      void queryClient.invalidateQueries({ queryKey });
+      router.refresh();
+    },
+    [queryClient, queryKey, router, uiStore]
+  );
+  const slots = slotsQuery.data?.slots ?? EMPTY_SLOTS;
+  const warnings = slotsQuery.data?.warnings ?? [];
+  const selection = useMemo(
+    () => resolveSlotSelection(slotSelection, slots),
+    [slotSelection, slots]
+  );
+  const selectedSlot = useMemo(
+    () => findSelectedSlot(selection, slots),
+    [selection, slots]
+  );
+  const selectedBlocks = selectedSlot?.blocks ?? EMPTY_BLOCKS;
+  const focusRequestedBlockField = useCallback(
+    (editor) => {
+      if (!editor) return false;
+      if (!focusRequest?.blockId) return false;
+      if (!selectedBlocks.some((block) => block.id === focusRequest.blockId)) return false;
+      editor.focusField({
+        blockId: focusRequest.blockId,
+        fieldPath: focusRequest.fieldPath ?? void 0,
+        itemIndex: focusRequest.itemIndex ?? void 0
+      });
+      uiStore.getState().clearFocus();
+      return true;
+    },
+    [focusRequest, selectedBlocks, uiStore]
+  );
+  const handleBlockEditorRef = useCallback(
+    (editor) => {
+      blockEditorRef.current = editor;
+      focusRequestedBlockField(editor);
+    },
+    [focusRequestedBlockField]
+  );
+  useEffect(() => {
+    setSlotSelection(
+      (current) => selectionsEqual(current, selection) ? current : selection
+    );
+  }, [selection]);
+  useEffect(() => {
+    const focusedSlotKey = findSlotKeyForBlock(slots, focusRequest?.blockId);
+    if (!focusedSlotKey) return;
+    setSlotSelection({ kind: "selected", slotKey: focusedSlotKey });
+  }, [focusRequest?.blockId, slots]);
+  useLayoutEffect(() => {
+    focusRequestedBlockField(blockEditorRef.current);
+  }, [focusRequestedBlockField]);
+  if (slotsQuery.isLoading) {
+    return /* @__PURE__ */ jsx(ContentSpinner, { className: "py-8" });
+  }
+  if (slotsQuery.isError) {
+    return /* @__PURE__ */ jsx(Callout, { tone: "danger", role: "alert", className: "px-4 py-3", children: /* @__PURE__ */ jsx(CalloutDescription, { className: "mt-0", children: getErrorMessage(slotsQuery.error) }) });
+  }
+  if (!selectedSlot) {
+    return null;
+  }
+  const slotEditor = /* @__PURE__ */ jsx(
+    PreviewFormProvider,
+    {
+      siteId,
+      theme,
+      previewClient: apiClient,
+      bearerToken,
+      supabaseUrl,
+      mediaAssets,
+      sdkConfig,
+      children: /* @__PURE__ */ jsx(
+        BlockEditor,
+        {
+          ref: handleBlockEditorRef,
+          siteId,
+          owner: {
+            kind: "entry-slot",
+            type: typeKey,
+            entryId,
+            slotKey: selectedSlot.slotKey
+          },
+          blocks: [...selectedBlocks],
+          apiClient,
+          uiStore,
+          theme,
+          widgetOverrides: widgets,
+          allowedBlockKinds: getAllowedBlockKinds(selectedSlot),
+          emptyUnavailableMessage: "No blocks are available for this slot.",
+          sdkConfig,
+          initialCollapsed: false,
+          enableCreation: false,
+          enableDeletion: false,
+          enableReordering: false,
+          reorderControlMode: "drag-handle-only",
+          onBlockSave: handleBlockSave
+        },
+        selectedSlot.slotKey
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    warnings.map((warning) => /* @__PURE__ */ jsx(
+      Callout,
+      {
+        tone: "warning",
+        role: "status",
+        className: "px-4 py-3",
+        children: /* @__PURE__ */ jsx(CalloutDescription, { className: "mt-0", children: warning.message })
+      },
+      `${warning.kind}:${warning.slotKey}`
+    )),
+    slots.length > 1 ? /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        value: selectedSlot.slotKey,
+        onValueChange: (nextSlotKey) => {
+          if (blockAutosaveStatus === "saving") return;
+          uiStore.getState().autosave.saveNow(["blocks"]);
+          setSlotSelection({ kind: "selected", slotKey: nextSlotKey });
+        },
+        children: [
+          /* @__PURE__ */ jsx(TabsList, { className: "h-auto flex-wrap justify-start gap-1 bg-transparent p-0", children: slots.map((slot) => /* @__PURE__ */ jsx(TabsTrigger, { value: slot.slotKey, children: slot.label }, slot.slotKey)) }),
+          slots.map((slot) => /* @__PURE__ */ jsx(TabsContent, { value: slot.slotKey, className: "mt-4", children: slot.slotKey === selectedSlot.slotKey ? slotEditor : null }, slot.slotKey))
+        ]
+      }
+    ) : slotEditor
+  ] });
+}
 function EntryEditorPanel({
   siteId,
   entryData,
@@ -654,6 +404,7 @@ function EntryEditorPanel({
   linkedEntrySection,
   mediaAssets,
   widgets,
+  sdkConfig,
   viewportMode,
   viewportWidth,
   zoom,
@@ -662,8 +413,15 @@ function EntryEditorPanel({
   onZoomChange
 }) {
   const [contentOpen, setContentOpen] = useState(true);
+  const [pageContentOpen, setPageContentOpen] = useState(false);
   const [templateOpen, setTemplateOpen] = useState(false);
   const [detailsOpen, setDetailsOpen] = useState(false);
+  const focusRequest = useEditorUiStore((state) => state.focusRequest);
+  useEffect(() => {
+    if (focusRequest?.blockId) {
+      setPageContentOpen(true);
+    }
+  }, [focusRequest?.blockId]);
   const contentFormFields = useMemo(
     // content-model keeps a source-local structural field type so it can typecheck natively
     // without importing @riverbankcms/blocks source. Preview is the integration boundary where
@@ -738,6 +496,27 @@ function EntryEditorPanel({
           }
         ) }) })
       ] }) }) : /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "Content schema not available for this entry type." }) }),
+      entryData.type ? /* @__PURE__ */ jsx(Collapsible, { open: pageContentOpen, onOpenChange: setPageContentOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
+          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${pageContentOpen ? "rotate-90" : ""}` }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Page Content" })
+        ] }) }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", "data-testid": "entry-page-content-editor", children: /* @__PURE__ */ jsx(
+          EntrySlotBlockEditorPanel,
+          {
+            siteId,
+            typeKey: entryData.type,
+            entryId: entryData.id,
+            theme,
+            apiClient,
+            bearerToken,
+            supabaseUrl,
+            sdkConfig: sdkConfig ?? null,
+            mediaAssets,
+            widgets
+          }
+        ) }) })
+      ] }) }) : null,
       currentTemplate && entryData.type ? /* @__PURE__ */ jsx(Collapsible, { open: templateOpen, onOpenChange: setTemplateOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
         /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
           /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${templateOpen ? "rotate-90" : ""}` }),
@@ -910,6 +689,7 @@ function PageBlockEditorPanel({
   designPanel,
   sdkConfig,
   mediaAssets,
+  bookingOfferingPresets,
   viewportMode,
   viewportWidth,
   zoom,
@@ -922,6 +702,7 @@ function PageBlockEditorPanel({
   const [customizeOpen, setCustomizeOpen] = useState(false);
   const [contentOpen, setContentOpen] = useState(true);
   const [detailsOpen, setDetailsOpen] = useState(false);
+  const customizeSectionRef = useRef(null);
   const selectionKind = customizeSelection?.selection.kind;
   const selectionRequestId = customizeSelection?.selection.kind === "selected" ? customizeSelection.selection.requestId : 0;
   const handleCustomizeBlock = useCallback(
@@ -938,6 +719,10 @@ function PageBlockEditorPanel({
   useEffect(() => {
     if (selectionKind === "selected") {
       setCustomizeOpen(true);
+      customizeSectionRef.current?.scrollIntoView({
+        block: "start",
+        behavior: "smooth"
+      });
     }
   }, [selectionKind, selectionRequestId]);
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
@@ -961,6 +746,7 @@ function PageBlockEditorPanel({
         bearerToken,
         supabaseUrl,
         mediaAssets,
+        bookingOfferingPresets,
         sdkConfig: sdkConfig ?? null,
         children: /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-0 overflow-auto", children: [
           linkedEntrySection ? /* @__PURE__ */ jsx(
@@ -978,7 +764,7 @@ function PageBlockEditorPanel({
             ] }) }),
             /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: designPanel }) })
           ] }) }) : null,
-          /* @__PURE__ */ jsx(Collapsible, { open: customizeOpen, onOpenChange: setCustomizeOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
+          /* @__PURE__ */ jsx(Collapsible, { open: customizeOpen, onOpenChange: setCustomizeOpen, children: /* @__PURE__ */ jsxs("div", { ref: customizeSectionRef, className: "border-b", children: [
             /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
               /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${customizeOpen ? "rotate-90" : ""}` }),
               /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Customize" })
@@ -1003,7 +789,7 @@ function PageBlockEditorPanel({
               {
                 ref: blockEditorRef,
                 siteId,
-                pageId,
+                owner: { kind: "page", pageId },
                 blocks: blockItems,
                 uiStore: uiStoreForBlockEditor,
                 apiClient,
@@ -1445,6 +1231,28 @@ function StyleConfigurator({
       (current) => current ? previewFooterLook(current, plan.next.footerLookId) : current
     );
   }, []);
+  const handlePreviewFooterLayout = useCallback(
+    (id) => {
+      if (!id) return;
+      setState((current) => {
+        if (!current) return current;
+        const siteStyle = getCuratedSiteStyle(current.previewed.siteStyleId);
+        if (!siteStyle) return current;
+        const models = buildSiteChromeLookModels({
+          state: current,
+          siteStyle,
+          headerSelectionContext,
+          footerSelectionContext
+        });
+        const nextLookId = planSiteChromeFooterLayoutSelection({
+          layoutId: id,
+          currentLookId: current.previewed.footerLookId ?? models.footer.renderedLookId
+        });
+        return nextLookId ? previewFooterLook(current, nextLookId) : current;
+      });
+    },
+    [footerSelectionContext, headerSelectionContext]
+  );
   const handlePreviewPalette = useCallback((id) => {
     setState(
       (current) => current ? previewPaletteVariant(current, id) : current
@@ -1624,6 +1432,9 @@ function StyleConfigurator({
   });
   const currentHeaderLayout = getHeaderLayout(state.previewed.headerLayoutId);
   const currentHeaderStyle = getHeaderStyle(state.previewed.headerStyleId);
+  const currentFooterLayout = getFooterLayout(
+    chromeLookModels.footerLayout.renderedLayoutId
+  );
   const currentFooterLook = state.previewed.footerLookId ? findFooterLook(state.previewed.footerLookId) : findFooterLook(chromeLookModels.footer.renderedLookId);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     state.warnings.length > 0 ? /* @__PURE__ */ jsx(
@@ -1703,10 +1514,34 @@ function StyleConfigurator({
     /* @__PURE__ */ jsx(
       SiteChromeLookRow,
       {
-        label: "Footer",
-        ariaLabel: "Footer",
-        defaultDescription: "Use the footer chosen for this site style.",
-        catalog: footerLookCatalog,
+        label: "Footer layout",
+        ariaLabel: "Footer layout",
+        defaultDescription: "Choose the footer structure.",
+        expanded: state.expandedRow === "footer-layout",
+        onToggle: () => handleToggleRow("footer-layout"),
+        currentId: chromeLookModels.footerLayout.renderedLayoutId,
+        currentLabel: currentFooterLayout?.label ?? chromeLookModels.footerLayout.renderedLayoutId,
+        scopeDescription: "Changes the footer structure on every page.",
+        options: chromeLookModels.footerLayout.options,
+        diagnostics: [],
+        onCycle: (direction) => {
+          const next = cycleSiteChromeLookId(
+            chromeLookModels.footerLayout.options,
+            chromeLookModels.footerLayout.renderedLayoutId,
+            direction
+          );
+          if (next !== void 0) handlePreviewFooterLayout(next);
+        },
+        onPreview: handlePreviewFooterLayout,
+        disabled: saving
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SiteChromeLookRow,
+      {
+        label: "Footer look",
+        ariaLabel: "Footer look",
+        defaultDescription: "Use the footer look chosen for this site style.",
         expanded: state.expandedRow === "footer",
         onToggle: () => handleToggleRow("footer"),
         currentId: state.previewed.footerLookId,
@@ -2700,6 +2535,7 @@ function PreviewEditorSidebar({
   assistantPanel,
   sdkConfig,
   mediaAssets,
+  bookingOfferingPresets,
   siteStyleAccess = { kind: "hidden" },
   activeTab,
   onTabChange,
@@ -2785,6 +2621,7 @@ function PreviewEditorSidebar({
     [controllerBlocks.actions, uiStore]
   );
   useEffect(() => {
+    if (entryData) return;
     const req = focusRequest;
     if (!req?.blockId) return;
     blockEditorRef.current?.focusField({
@@ -2793,7 +2630,7 @@ function PreviewEditorSidebar({
       itemIndex: req.itemIndex ?? void 0
     });
     uiStore.getState().clearFocus();
-  }, [focusRequest, uiStore]);
+  }, [entryData, focusRequest, uiStore]);
   const metadataSectionContent = useMemo(() => {
     if (!pageId && !entryData) return null;
     return /* @__PURE__ */ jsx(
@@ -2819,7 +2656,7 @@ function PreviewEditorSidebar({
         mediaAssets,
         widgets: contentFormWidgets,
         entry: snapshot,
-        fields: findLinkedEntryFieldsFromSnapshot(snapshot)
+        fields: findLinkedEntryManifestFieldsFromSnapshot(snapshot)
       }
     )
   });
@@ -2841,6 +2678,7 @@ function PreviewEditorSidebar({
       linkedEntrySection,
       mediaAssets,
       widgets: contentFormWidgets,
+      sdkConfig: sdkConfig ?? null,
       viewportMode,
       viewportWidth,
       zoom,
@@ -2894,6 +2732,7 @@ function PreviewEditorSidebar({
       ) : null,
       sdkConfig: sdkConfig ?? null,
       mediaAssets,
+      bookingOfferingPresets,
       linkedEntrySection,
       viewportMode,
       viewportWidth,
@@ -3056,10 +2895,7 @@ function LinkedEntryEditorPanel({
       title: entry.meta.contentTypeLabel,
       component: "content-form",
       description: "",
-      fields: fields.map((field) => ({
-        ...field,
-        label: fieldIdToLabel(field.id)
-      })),
+      fields,
       slots: []
     }),
     [entry.meta.contentTypeKey, entry.meta.contentTypeLabel, fields]
@@ -3090,7 +2926,10 @@ function LinkedEntryEditorPanel({
   );
   return /* @__PURE__ */ jsxs("div", { className: "bg-muted/20", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 px-4 py-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: displayTitle }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: displayTitle }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-5 text-muted-foreground", children: "Changes update this linked entry wherever it appears." })
+      ] }),
       /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsx(
         Button,
         {
@@ -3143,17 +2982,38 @@ function buildLinkedEntrySidebarSection(input) {
     content: renderContent(snapshot)
   };
 }
-function findLinkedEntryFieldsFromSnapshot(snapshot) {
+function findLinkedEntryManifestFieldsFromSnapshot(snapshot) {
   return snapshot.meta.fields.flatMap((field) => {
     if (typeof field.id !== "string" || typeof field.type !== "string") {
       return [];
     }
-    return [{
+    const base = {
       id: field.id,
-      type: field.type,
-      mediaKinds: Array.isArray(field.mediaKinds) ? field.mediaKinds.filter((item) => typeof item === "string") : null,
-      fileKinds: Array.isArray(field.fileKinds) ? field.fileKinds.filter((item) => typeof item === "string") : null
-    }];
+      label: fieldIdToLabel(field.id),
+      required: false
+    };
+    switch (field.type) {
+      case "text":
+        return [{ ...base, type: "text", multiline: false }];
+      case "textarea":
+        return [{ ...base, type: "text", multiline: true }];
+      case "richText":
+        return [{ ...base, type: "richText" }];
+      case "number":
+        return [{ ...base, type: "number" }];
+      case "boolean":
+        return [{ ...base, type: "boolean" }];
+      case "date":
+        return [{ ...base, type: "date" }];
+      case "datetime":
+        return [{ ...base, type: "datetime" }];
+      case "url":
+        return [{ ...base, type: "url", allowRelative: false }];
+      case "link":
+        return [{ ...base, type: "link" }];
+      default:
+        return [];
+    }
   });
 }
 function fieldIdToLabel(fieldId) {