@riverbankcms/sdk 0.79.0 → 0.80.0

package/dist/{chunk-4HCW7FHJ.mjs → chunk-7PCYG6YV.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-A3HHFKVT.mjs';
-import { PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, resolveSiteStyleAccess, usePreviewDesignCoordinator, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, planSiteStylePreviewChange, markApplyFailed, markApplySaved, markApplySaving, previewHeaderStyle, previewHeaderLayout, previewFooterLook, cycleSiteChromeLookId, usePreviewThemeOverlay, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, planSiteChromeLookSelection, sanitizeDashboardPath } from './chunk-LCY32PXF.mjs';
-import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-GP555I66.mjs';
-import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, ResizableSplitPane, BlockApiProvider, EditorProvider, MediaEditorProvider, getCuratedSiteStyle, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, planSiteDocument, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, 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, Image, useMediaEditorOptional, defaultBackgroundOverrideForMode, Upload, MediaEditor, visibleHeaderClearancePx, systemCustomizeFacetNextValue, GRADIENT_PRESETS, planBackgroundTransition, parseMediaAssetId, planBackgroundOverride, EDITABLE_SURFACE_FORWARDING_PROP, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR } from './chunk-V47ZU33I.mjs';
-import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken, parseSurfaceId } from './chunk-K2IIF34C.mjs';
+import { useOptionalPreviewLayout, PreviewQueryProvider } from './chunk-MPBNEVPB.mjs';
+import { PreviewThemeOverlayProvider, PreviewDesignCoordinatorProvider, PreviewBlockCustomizeSelectionProvider, resolveSiteStyleAccess, usePreviewDesignCoordinator, createOptimisticActionRunner, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, syncStyleConfiguratorState, buildSiteChromeLookModels, planSiteStylePreviewChange, markApplyFailed, markApplySaved, markApplySaving, previewHeaderStyle, previewHeaderLayout, previewFooterLook, cycleSiteChromeLookId, usePreviewThemeOverlay, resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSetupBannerModel, planSiteChromeLookSelection, usePreviewBlockCustomizeSelectionOptional, useBlockCustomizeControls, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, sanitizeDashboardPath } from './chunk-5NZGBSJF.mjs';
+import { resolvePreviewChromeSurface, getPreviewSidebarTab, onPreviewSidebarOpenRequest, getPreviewChromeSurfaceDataProps, PREVIEW_CHROME_THEME_CLASS_NAME, setPreviewSidebarTab, PreviewPageDesignEditorStateProvider, usePreviewPageDesignEditorState, PREVIEW_SURFACE_PARAM } from './chunk-HTB4BMKD.mjs';
+import { clientComponentRegistry, deriveLaunchReadiness, DEFAULT_LAUNCH_READINESS_INPUT, useEditorUiStore, ResizableSplitPane, BlockApiProvider, EditorProvider, MediaEditorProvider, getCuratedSiteStyle, useEditor, createRoutingHelpers, createSnapshotFromPageRecord, EntryControllerProvider, useEntryEditorController, useEditorUiStoreInstance, surfaceResolutionContextFromTheme, unsafeAsEditorBlockId, EditableBlockProvider, asDesignBlockId, PageRenderer, planSiteDocument, ThemeScope, FixedBottomSurface, Button, unwrapResponse, X, ChevronLeft, ChevronRight, RotateCcw, parseBackgroundOverrideFromContent, rankBackgroundImagePoolItems, imagePoolForOverride, resolveBackgroundCapability, enabledBackgroundModes, FormRenderer, 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, Image, useMediaEditorOptional, defaultBackgroundOverrideForMode, Upload, MediaEditor, visibleHeaderClearancePx, systemCustomizeFacetNextValue, planBackgroundTransition, GRADIENT_PRESETS, gradientToCss, parseMediaAssetId, planBackgroundOverride, EDITABLE_SURFACE_FORWARDING_PROP, assertNever, SITE_CHROME_VISIBLE_HEADER_SELECTOR } from './chunk-GYXKAUFV.mjs';
+import { API_ENDPOINTS, createBearerAPIClient, isPreviewRuntimeSessionEditable, DEFAULT_SURFACE_ID, initPreviewAuth, usePreviewAuth, usePreviewAuthFetch, markPreviewAuthExpired, usePreviewToken, parseSurfaceId } from './chunk-BBLZSQEY.mjs';
 import React9, { 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';
 
@@ -613,17 +613,28 @@ function BlockToolbar({
   blockId,
   blockKind,
   content,
+  theme = null,
   headerClearancePx = 0
 }) {
   const uiStore = useEditorUiStoreInstance();
+  const editorBlockId = useMemo(() => unsafeAsEditorBlockId(blockId), [blockId]);
+  const draftContent = useEditorUiStore(
+    (state) => state.drafts.getCurrentValues(editorBlockId)
+  );
+  const customizeContent = useMemo(
+    () => isRecord3(draftContent) ? draftContent : content,
+    [content, draftContent]
+  );
+  const customizeSelection = usePreviewBlockCustomizeSelectionOptional();
   const customizePanelId = useId();
   const customizeDescriptionId = `${customizePanelId}-description`;
   const focusTarget = useMemo(
-    () => computeDefaultFocus(blockKind, content),
-    [blockKind, content]
+    () => computeDefaultFocus(blockKind, customizeContent),
+    [blockKind, customizeContent]
   );
   const [customizeOpen, setCustomizeOpen] = useState(false);
   const [backgroundChooserOpen, setBackgroundChooserOpen] = useState(false);
+  const [backgroundColorPalette, setBackgroundColorPalette] = useState(null);
   const customizeButtonRef = useRef(null);
   const {
     state: pageDesignState,
@@ -662,13 +673,13 @@ function BlockToolbar({
     designBlock && designBlock.availableLooks.length > 1
   );
   const facetControls = useMemo(
-    () => previewCustomizeFacetControlsFor(blockKind, content, designBlock),
-    [blockKind, content, designBlock]
+    () => previewCustomizeFacetControlsFor(blockKind, customizeContent, designBlock),
+    [blockKind, customizeContent, designBlock]
   );
   const hasFacetControls = facetControls.length > 0;
   const currentBackground = useMemo(
-    () => parseBackgroundOverrideFromContent(content),
-    [content]
+    () => parseBackgroundOverrideFromContent(customizeContent),
+    [customizeContent]
   );
   const mergedBackgroundImagePool = useMemo(
     () => rankBackgroundImagePoolItems(
@@ -682,16 +693,37 @@ function BlockToolbar({
   const backgroundCapability = useMemo(
     () => designBlock ? resolveBackgroundCapability({
       block: designBlock,
-      imagePool: mergedBackgroundImagePool
+      imagePool: mergedBackgroundImagePool,
+      palette: backgroundColorPalette
     }) : null,
-    [designBlock, mergedBackgroundImagePool]
+    [backgroundColorPalette, designBlock, mergedBackgroundImagePool]
   );
   const enabledBackgroundModeList = useMemo(
     () => backgroundCapability ? enabledBackgroundModes(backgroundCapability) : [],
     [backgroundCapability]
   );
   const hasBackgroundControls = currentBackground.kind === "supported" && enabledBackgroundModeList.length > 1;
-  const hasCustomizeControls = hasLayoutControls || hasLookControls || hasFacetControls || hasBackgroundControls;
+  const builtInCustomizeRowCount = (hasLayoutControls ? 1 : 0) + facetControls.length + (hasBackgroundControls ? 1 : 0) + (hasLookControls ? 1 : 0);
+  const manifestCustomize = useBlockCustomizeControls({
+    blockId,
+    blockKind,
+    content: customizeContent,
+    uiStore,
+    theme,
+    maxQuickFields: MAX_QUICK_MANIFEST_FIELDS,
+    maxPopoverRows: MAX_CUSTOMIZE_POPOVER_ROWS,
+    builtInPopoverRows: builtInCustomizeRowCount
+  });
+  const quickManifestFields = manifestCustomize.quickFields;
+  const hasSidebarCustomizeControls = manifestCustomize.hasControls;
+  const hasOverflowCustomizeControls = manifestCustomize.hasOverflowControls;
+  const quickManifestBackend = manifestCustomize.backend;
+  const canCycleBackgroundMode = enabledBackgroundModeList.length > 1;
+  const canCycleBackgroundValue = currentBackground.kind === "supported" && backgroundCapability ? canCycleBackgroundOverrideValue(
+    currentBackground.override,
+    backgroundCapability
+  ) : false;
+  const hasCustomizeControls = hasLayoutControls || hasLookControls || hasFacetControls || hasBackgroundControls || quickManifestFields.length > 0 || hasSidebarCustomizeControls;
   const isSavingCustomize = isHistoryPending;
   useEffect(() => {
     if (!hasCustomizeControls) {
@@ -699,6 +731,10 @@ function BlockToolbar({
       setBackgroundChooserOpen(false);
     }
   }, [hasCustomizeControls]);
+  useEffect(() => {
+    if (!customizeOpen) return;
+    setBackgroundColorPalette(readBackgroundColorPaletteSnapshot());
+  }, [customizeOpen, pageDesignState]);
   useEffect(() => {
     if (!customizeOpen || !backgroundCapability?.modes.includes("image")) {
       return;
@@ -719,11 +755,23 @@ function BlockToolbar({
     state.setPreviewSidebarTab("editor");
     state.setDrawerOpen(true);
     state.requestFocus({
-      blockId: unsafeAsEditorBlockId(blockId),
+      blockId: editorBlockId,
       fieldPath: focusTarget.fieldPath,
       itemIndex: focusTarget.itemIndex
     });
   };
+  const inspectBlock = useCallback(() => {
+    customizeSelection?.inspectBlock(unsafeAsEditorBlockId(blockId));
+  }, [blockId, customizeSelection]);
+  const openCustomizeSettings = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    inspectBlock();
+    const state = uiStore.getState();
+    setPreviewSidebarTab("editor");
+    state.setPreviewSidebarTab("editor");
+    state.setDrawerOpen(true);
+  }, [inspectBlock, uiStore]);
   const cycleLayout = (direction) => (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -768,7 +816,7 @@ function BlockToolbar({
     const action = setPageDesignBlockBackground({
       block: designBlock,
       override,
-      currentContent: content,
+      currentContent: customizeContent,
       imagePool: mergedBackgroundImagePool
     });
     if (!action) return;
@@ -788,19 +836,20 @@ function BlockToolbar({
     const action = setPageDesignBlockBackground({
       block: designBlock,
       override: plan.override,
-      currentContent: content,
+      currentContent: customizeContent,
       imagePool: mergedBackgroundImagePool
     });
     if (!action) return;
     saveBlockCustomizeAction(action);
   };
   const saveBlockCustomizeAction = (action) => {
-    void applyPageDesignAction(action);
+    void applyPageDesignAction(action, { runtimeContent: customizeContent });
   };
   const toggleCustomize = (e) => {
     e.preventDefault();
     e.stopPropagation();
     if (!customizeOpen) {
+      inspectBlock();
       setCustomizeReturnFocusTarget(
         e.currentTarget instanceof HTMLElement ? e.currentTarget : customizeButtonRef.current
       );
@@ -836,7 +885,7 @@ function BlockToolbar({
             children: "Edit"
           }
         ),
-        customizeOpen && designBlock ? /* @__PURE__ */ jsxs(
+        customizeOpen && (designBlock || hasSidebarCustomizeControls) ? /* @__PURE__ */ jsxs(
           "div",
           {
             id: customizePanelId,
@@ -877,7 +926,7 @@ function BlockToolbar({
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                designBlock.layout && hasLayoutControls ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                designBlock?.layout && hasLayoutControls ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Layout" }),
                     /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: layoutLabel(
@@ -908,7 +957,7 @@ function BlockToolbar({
                     )
                   ] })
                 ] }) : null,
-                designBlock.layout?.status === "unsupported" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-700", children: "This layout is no longer available. The preview is using the closest safe option." }) : null,
+                designBlock?.layout?.status === "unsupported" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-amber-700", children: "This layout is no longer available. The preview is using the closest safe option." }) : null,
                 facetControls.map((control) => /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -948,14 +997,63 @@ function BlockToolbar({
                   },
                   control.facetId
                 )),
-                hasBackgroundControls && currentBackground.kind === "supported" && backgroundCapability ? /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                hasBackgroundControls && currentBackground.kind === "supported" && backgroundCapability ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-stretch overflow-hidden rounded-full border bg-background", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleBackgroundCycle({
+                          kind: "cycle-mode",
+                          direction: "prev"
+                        }),
+                        className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+                        "aria-label": "Previous background mode",
+                        disabled: !canCycleBackgroundMode,
+                        children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 border-x px-2 py-1 text-center", children: [
+                      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium leading-3 text-muted-foreground", children: "Background:" }),
+                      /* @__PURE__ */ jsx("div", { className: "truncate text-xs font-semibold leading-4", children: backgroundModeLabel(currentBackground.override.kind) })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleBackgroundCycle({
+                          kind: "cycle-mode",
+                          direction: "next"
+                        }),
+                        className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+                        "aria-label": "Next background mode",
+                        disabled: !canCycleBackgroundMode,
+                        children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-stretch overflow-hidden rounded-full border bg-background", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleBackgroundCycle({
+                          kind: "cycle-value",
+                          direction: "prev"
+                        }),
+                        className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+                        "aria-label": "Previous background value",
+                        disabled: !canCycleBackgroundValue,
+                        children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
+                      }
+                    ),
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
                         type: "button",
-                        className: "flex min-w-0 items-center gap-2 text-left",
+                        className: "flex min-w-0 flex-1 items-center justify-center gap-2 border-x px-2 py-1 text-center hover:bg-muted",
                         "aria-expanded": backgroundChooserOpen,
+                        "aria-label": `Choose background ${backgroundOverrideLabel(currentBackground.override).toLowerCase()}`,
                         onClick: (event) => {
                           event.preventDefault();
                           event.stopPropagation();
@@ -963,73 +1061,27 @@ function BlockToolbar({
                         },
                         children: [
                           /* @__PURE__ */ jsx(BackgroundPreviewSwatch, { override: currentBackground.override }),
-                          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Background" }),
-                            /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-muted-foreground", children: backgroundOverrideLabel(currentBackground.override) })
-                          ] })
+                          /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: backgroundOverrideValueLabel(
+                            currentBackground.override,
+                            mergedBackgroundImagePool
+                          ) })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center overflow-hidden rounded-full border bg-background", children: [
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: handleBackgroundCycle({
-                              kind: "cycle-mode",
-                              direction: "prev"
-                            }),
-                            className: "grid h-8 w-8 place-items-center hover:bg-muted",
-                            "aria-label": "Previous background mode",
-                            children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: handleBackgroundCycle({
-                              kind: "cycle-mode",
-                              direction: "next"
-                            }),
-                            className: "grid h-8 w-8 place-items-center border-l hover:bg-muted",
-                            "aria-label": "Next background mode",
-                            children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center overflow-hidden rounded-full border bg-background", children: [
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: handleBackgroundCycle({
-                              kind: "cycle-value",
-                              direction: "prev"
-                            }),
-                            className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-                            "aria-label": "Previous background value",
-                            disabled: currentBackground.override.kind === "default",
-                            children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: handleBackgroundCycle({
-                              kind: "cycle-value",
-                              direction: "next"
-                            }),
-                            className: "grid h-8 w-8 place-items-center border-l hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-                            "aria-label": "Next background value",
-                            disabled: currentBackground.override.kind === "default",
-                            children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
-                          }
-                        )
-                      ] })
-                    ] })
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleBackgroundCycle({
+                          kind: "cycle-value",
+                          direction: "next"
+                        }),
+                        className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+                        "aria-label": "Next background value",
+                        disabled: !canCycleBackgroundValue,
+                        children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
+                      }
+                    )
                   ] }),
                   backgroundChooserOpen ? /* @__PURE__ */ jsx(
                     BackgroundChooser,
@@ -1042,7 +1094,17 @@ function BlockToolbar({
                     }
                   ) : null
                 ] }) : null,
-                hasLookControls ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                quickManifestFields.length > 0 && quickManifestBackend ? /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx(
+                  FormRenderer,
+                  {
+                    fields: quickManifestFields,
+                    backend: quickManifestBackend,
+                    showSettingsTrigger: false,
+                    blockKind,
+                    className: "space-y-3"
+                  }
+                ) }) : null,
+                hasLookControls && designBlock ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                   /* @__PURE__ */ jsxs("div", { children: [
                     /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Look" }),
                     /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: lookLabel(designBlock) })
@@ -1072,7 +1134,16 @@ function BlockToolbar({
                     )
                   ] })
                 ] }) : null,
-                historyFailure ? /* @__PURE__ */ jsx("p", { className: "text-xs text-red-700", children: historyFailure }) : 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",
+                  {
+                    type: "button",
+                    className: "w-full rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-muted",
+                    onClick: openCustomizeSettings,
+                    children: "Settings"
+                  }
+                ) }) : null
               ] })
             ]
           }
@@ -1319,8 +1390,32 @@ function backgroundOverrideLabel(override) {
       return "Image";
   }
 }
+function backgroundOverrideValueLabel(override, imagePool) {
+  switch (override.kind) {
+    case "default":
+      return "Default";
+    case "color":
+      return formatTokenLabel(override.token);
+    case "gradient":
+      return gradientLabel(override.gradientId);
+    case "image":
+      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 }) {
-  const baseClassName = "grid h-8 w-10 shrink-0 place-items-center overflow-hidden rounded-md border";
+  const baseClassName = "grid h-6 w-9 shrink-0 place-items-center overflow-hidden rounded-md border";
   switch (override.kind) {
     case "default":
       return /* @__PURE__ */ jsx("span", { className: `${baseClassName} bg-background`, children: /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full border bg-muted" }) });
@@ -1367,9 +1462,27 @@ function tokenSwatchCss(token) {
 }
 function gradientPreviewCss(gradientId) {
   const preset = GRADIENT_PRESETS.find((candidate) => candidate.id === gradientId);
-  if (!preset) return "linear-gradient(135deg, rgb(var(--tb-primary)), rgb(var(--tb-secondary)))";
-  const stops = preset.stops.map((stop) => `${tokenSwatchCss(stop.color)} ${stop.position}%`).join(", ");
-  return preset.type === "radial" ? `radial-gradient(circle, ${stops})` : `linear-gradient(${preset.angle ?? 135}deg, ${stops})`;
+  if (!preset) {
+    return "linear-gradient(135deg, rgb(var(--tb-primary)), rgb(var(--tb-secondary)))";
+  }
+  return gradientToCss(
+    preset,
+    Object.fromEntries(
+      preset.stops.map((stop) => [stop.color, tokenSwatchCss(stop.color)])
+    )
+  );
+}
+function readBackgroundColorPaletteSnapshot() {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return null;
+  }
+  const rootStyle = window.getComputedStyle(document.documentElement);
+  const bodyStyle = document.body ? window.getComputedStyle(document.body) : null;
+  const entries = backgroundColorTokens.flatMap((token) => {
+    const value = rootStyle.getPropertyValue(`--tb-${token}`).trim() || bodyStyle?.getPropertyValue(`--tb-${token}`).trim() || "";
+    return value ? [[token, value]] : [];
+  });
+  return entries.length > 0 ? Object.fromEntries(entries) : null;
 }
 function formatTokenLabel(token) {
   return formatVariantLabel(token.replace(/\//g, " "));
@@ -1726,6 +1839,7 @@ function EditablePageRenderer(props) {
               blockId,
               blockKind: block.kind,
               content,
+              theme: props.theme,
               headerClearancePx: shouldClearHeaderForBlock(blockItemsForRender, blockIndex) ? headerClearancePx : 0
             }
           )
@@ -3519,11 +3633,11 @@ function renderPreviewDocument({
 }
 var previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 var PreviewEditorSidebar = React9.lazy(async () => {
-  const mod = await import('./PreviewEditorSidebar-56NMJMIK.mjs');
+  const mod = await import('./PreviewEditorSidebar-QZG37QIF.mjs');
   return { default: mod.PreviewEditorSidebar };
 });
 var PreviewEditorUI = React9.lazy(async () => {
-  const mod = await import('./PreviewEditorUI-27KJVEET.mjs');
+  const mod = await import('./PreviewEditorUI-AXIKSMZA.mjs');
   return { default: mod.PreviewEditorUI };
 });
 var previewPaneContainmentStyle = {
@@ -3836,43 +3950,7 @@ function PreviewShellLayout({
       surfaceId
     }
   );
-  if (!isOpen) {
-    return /* @__PURE__ */ jsx(PreviewThemeOverlayProvider, { baseTheme: theme, children: /* @__PURE__ */ jsx(PreviewDesignCoordinatorProvider, { children: /* @__PURE__ */ jsxs(
-      SiteChromeCustomizeProvider,
-      {
-        siteId,
-        apiClient,
-        theme,
-        themeId,
-        selectionId: themeSelectionId,
-        selectionVersion: themeSelectionVersion,
-        selectionUpdatedAt: themeSelectionUpdatedAt,
-        initialSelections: {
-          selectionVersion: themeSelectionVersion,
-          selectionUpdatedAt: themeSelectionUpdatedAt,
-          buttonPersonalityId: themeSelectionButtonPersonalityId,
-          paletteVariantId: themeSelectionPaletteVariantId,
-          paletteOverrides: themeSelectionPaletteOverrides,
-          headerLayoutId: themeSelectionHeaderLayoutId,
-          headerStyleId: themeSelectionHeaderStyleId,
-          typographyPresetId: themeSelectionTypographyPresetId,
-          typographyBodyFontOverride: themeSelectionTypographyBodyFontOverride,
-          typographyHeadingFontOverride: themeSelectionTypographyHeadingFontOverride,
-          headerLookId: themeSelectionHeaderLookId,
-          footerLookId: themeSelectionFooterLookId
-        },
-        headerSelectionContext: themeSelectionHeaderContext,
-        footerSelectionContext: themeSelectionFooterContext,
-        siteStyleAccess,
-        children: [
-          editorUI,
-          previewBanner,
-          /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-hidden bg-background", children: leftPane })
-        ]
-      }
-    ) }) });
-  }
-  return /* @__PURE__ */ jsx(PreviewThemeOverlayProvider, { baseTheme: theme, children: /* @__PURE__ */ jsx(PreviewDesignCoordinatorProvider, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(PreviewThemeOverlayProvider, { baseTheme: theme, children: /* @__PURE__ */ jsx(PreviewDesignCoordinatorProvider, { children: /* @__PURE__ */ jsx(
     SiteChromeCustomizeProvider,
     {
       siteId,
@@ -3899,10 +3977,10 @@ function PreviewShellLayout({
       headerSelectionContext: themeSelectionHeaderContext,
       footerSelectionContext: themeSelectionFooterContext,
       siteStyleAccess,
-      children: [
+      children: /* @__PURE__ */ jsxs(PreviewBlockCustomizeSelectionProvider, { children: [
         editorUI,
         previewBanner,
-        /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-hidden bg-background", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-hidden bg-background", children: isOpen ? /* @__PURE__ */ jsx(
           ResizableSplitPane,
           {
             left: leftPane,
@@ -3917,8 +3995,8 @@ function PreviewShellLayout({
             onSplitChange: (split) => handleSidebarWidthChange(100 - split),
             splitPercent: 100 - sidebarWidth
           }
-        ) })
-      ]
+        ) : leftPane })
+      ] })
     }
   ) }) });
 }

package/dist/{chunk-K2IIF34C.mjs → chunk-BBLZSQEY.mjs}

@@ -656,6 +656,23 @@ var ENDPOINT_DEFINITIONS = {
     auth: "user",
     responseKind: "json"
   },
+  getSdkDeploymentHealth: {
+    path: "/sites/{siteId}/sdk-deployment/health",
+    method: "GET",
+    tags: ["site-{siteId}", "webhooks"],
+    auth: "user",
+    errors: [],
+    responseKind: "json"
+  },
+  setupSdkDeploymentRevalidationWebhook: {
+    path: "/sites/{siteId}/sdk-deployment/revalidation-webhook",
+    method: "POST",
+    tags: ["site-{siteId}", "webhooks"],
+    auth: "user",
+    errors: ["validation:invalid_input", "resource:conflict"],
+    responseKind: "json",
+    demoMutation: DEMO_MUTATION_BLOCKED_DISABLED
+  },
   // API Keys (Site-scoped)
   listSiteApiKeys: {
     path: "/sites/{siteId}/api-keys",
@@ -6150,6 +6167,13 @@ var ENDPOINT_DEFINITIONS = {
     auth: "service",
     responseKind: "json"
   },
+  sdkSetupRevalidationWebhook: {
+    path: "/sdk/{siteId}/webhooks/revalidation/setup",
+    method: "POST",
+    auth: "service",
+    responseKind: "json",
+    errors: ["validation:invalid_input", "server:internal_error"]
+  },
   // Customer portal
   portalGetProfile: {
     path: "/portal/me",