@riverbankcms/sdk 0.74.0 → 0.76.0

package/README.md

@@ -3286,6 +3286,8 @@ Keep the `import()` inside the lazy factory. Wrapping a component that was impor
 
 `createCatchAllPage()` filters and resolves lazy overrides per rendered page, so unused factories are not invoked. Next.js still builds the client-reference manifest from the static catch-all route graph, though, so a static `import('./HeavyClientBlock')` inside the route graph can still appear in internal build manifests even when that block is not on the current page. For client-heavy blocks, keep the server override wrapper small and put ALTCHA/forms/booking widgets behind block-local client boundaries, then verify the production build artifacts for the specific site.
 
+For a fuller public-performance checklist covering broad client imports, bundle measurement, and decorative image/LCP pitfalls, see [`docs/usage-patterns.md#performance-optimization`](./docs/usage-patterns.md#performance-optimization).
+
 This single call replaces ~160 lines of typical boilerplate that handles:
 - Path resolution from URL slugs
 - Content loading (pages and entries)

package/dist/{PreviewEditorSidebar-5XL7M3OM.mjs → PreviewEditorSidebar-X2HWXFOL.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSidebarChromeModel, resolvePreviewEditorGuidanceModel, canInspectSiteStyle, usePreviewThemeOverlay, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, createOptimisticActionRunner, syncStyleConfiguratorState, isPreviewingChange, openRow, previewSiteStyle, applyResolvedSelections, previewButtonPersonality, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, previewPaletteVariant, setPaletteOverrides, toggleRow, cancelPreview, dismissWarnings, dismissNotices, markApplyFailed, markApplySaved, markApplySaving, canApplySiteStyle, buildSiteChromeLookModels, cycleSiteChromeLookId, cycleableSiteChromeOptions } from './chunk-CEQBBLMJ.mjs';
-import { KeyboardCode, getBlockDefinition, CSS, useSdkConfig, listBlockDescriptors, useSensor, PointerSensor, useSensors, deleteBlock, createEditorRemoveBlockCommand, asEditorBlockId, DndContext, closestCenter, Button, Plus, useDroppable, useDraggable, useCombinedRefs, isKeyboardEvent, transformSdkBlockToManifest, Card, cn, Collapsible, CollapsibleContent, listContentTypes, createBlock, createEditorReorderBlocksCommand, reorderBlocks, mutateBlockContent, useDndContext, useUniqueId, useIsomorphicLayoutEffect, EmptyState, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Search, getClientRect, resolveBlockTitle, CardHeader, GripVertical, ChevronRight, CardTitle, ArrowUp, ArrowDown, Copy, Trash2, DialogFooter, DialogClose, CardContent, transformSdkBlockToDefinition, createEditorInsertBlockCommand, LoaderCircle, ChevronDown, createManifestFormAdapter, getModalConfig, createStoreBackend, validateBlockManifestIssues, isNonEmptyValue, Settings, ScrollableDialogContent, FormRenderer, Tabs, TabsList, TabsTrigger, TabsContent, normalEditorCuratedPromotedFieldPaths, resolveVisiblePromotedFieldPathsForEditorBlock, Callout, CalloutTitle, unfinishedBlockCopy, CalloutDescription, recoveryConflictCopy, ManifestForm, asEditorBlockValues, Box, mergeManifestWithSdkOptions, augmentManifestWithStyleGroups, lucide_react_exports, isThemeV2NormalEditorRawStylePath, getFieldIntent, isHeaderField, isThemeV2NormalEditorRawStyleFieldName, unwrapResponse, useEntryController, useEditorUiStoreInstance, useUISelector, resolvePreviewSidebarTab, BackgroundGradientField, BackgroundColorField, X, omitRouteTitleFieldFromManifest, getRouteMetadataManifestForType, createManifestValidation, previewAssistantEnabled, useField, FieldFrame, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, isCtaIconName, Combobox, CTA_ICON_OPTIONS, getCtaIconComponent, useBackendWatch, useAsyncPickerOptions, shouldShowPickerSearch, normalizePickerSearchThreshold, Badge, resolvePickerSelectionLabel, useMediaEditorOptional, useRichTextEditor, RichTextEditorSurface, ThemeScope, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, CollapsibleTrigger, ContentFieldsForm, getCuratedSiteStyle, compileSiteThemeFromSelections, paletteOverridesSchema, findButtonPersonality, findPaletteVariant, findHeaderLook, findFooterLook, headerLookCatalog, footerLookCatalog, isObjectRecord, EMPTY_DOC, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, Pencil, foldSubroute, SUBROUTE_KINDS, Smartphone, Tablet, Monitor, Maximize2, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, asSiteId, buildThemeRuntime, PaletteProvider, MediaEditorProvider, curatedSiteStyles, ChevronLeft, requireEntriesForCuratedChoices, buttonPersonalities, paletteVariants, resolveImageUrlWithContext, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, Separator, toRoutableLinkPayload, useMediaEditor, MediaPickerMini, MediaPickerDialog, Surface, ColorPicker, getDirectImageUrlForMediaAsset, isSvgMimeType } from './chunk-2MIWNFJM.mjs';
-import { usePreviewAuth, getDashboardUrl } from './chunk-7RX72SK2.mjs';
+import { resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSidebarChromeModel, resolvePreviewEditorGuidanceModel, canInspectSiteStyle, usePreviewThemeOverlay, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, createOptimisticActionRunner, syncStyleConfiguratorState, isPreviewingChange, openRow, previewSiteStyle, applyResolvedSelections, previewButtonPersonality, planSiteChromeLookSelection, previewHeaderLook, previewFooterLook, previewPaletteVariant, setPaletteOverrides, toggleRow, cancelPreview, dismissWarnings, dismissNotices, markApplyFailed, markApplySaved, markApplySaving, canApplySiteStyle, buildSiteChromeLookModels, cycleSiteChromeLookId, cycleableSiteChromeOptions } from './chunk-TW2Y4RR5.mjs';
+import { KeyboardCode, getBlockDefinition, CSS, useSdkConfig, listBlockDescriptors, useSensor, PointerSensor, useSensors, deleteBlock, createEditorRemoveBlockCommand, asEditorBlockId, DndContext, closestCenter, Button, Plus, useDroppable, useDraggable, useCombinedRefs, isKeyboardEvent, transformSdkBlockToManifest, Card, cn, Collapsible, CollapsibleContent, listContentTypes, createBlock, createEditorReorderBlocksCommand, reorderBlocks, mutateBlockContent, useDndContext, useUniqueId, useIsomorphicLayoutEffect, EmptyState, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Search, getClientRect, resolveBlockTitle, CardHeader, GripVertical, ChevronRight, CardTitle, ArrowUp, ArrowDown, DropdownMenu, DropdownMenuTrigger, EllipsisVertical, DropdownMenuContent, DropdownMenuItem, Settings, DropdownMenuSeparator, Copy, Trash2, DialogFooter, DialogClose, CardContent, transformSdkBlockToDefinition, createEditorInsertBlockCommand, LoaderCircle, ChevronDown, normalEditorCuratedPromotedFieldPaths, resolveVisiblePromotedFieldPathsForEditorBlock, createStoreBackend, validateBlockManifestIssues, Callout, CalloutTitle, unfinishedBlockCopy, CalloutDescription, recoveryConflictCopy, ManifestForm, asEditorBlockValues, Box, createManifestFormAdapter, getModalConfig, isNonEmptyValue, ScrollableDialogContent, FormRenderer, Tabs, TabsList, TabsTrigger, TabsContent, mergeManifestWithSdkOptions, augmentManifestWithStyleGroups, lucide_react_exports, isThemeV2NormalEditorRawStylePath, getFieldIntent, isHeaderField, isThemeV2NormalEditorRawStyleFieldName, unwrapResponse, useEntryController, useEditorUiStoreInstance, useUISelector, resolvePreviewSidebarTab, BackgroundGradientField, BackgroundColorField, X, omitRouteTitleFieldFromManifest, getRouteMetadataManifestForType, createManifestValidation, previewAssistantEnabled, useField, FieldFrame, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, isCtaIconName, Combobox, CTA_ICON_OPTIONS, getCtaIconComponent, useBackendWatch, useAsyncPickerOptions, shouldShowPickerSearch, normalizePickerSearchThreshold, Badge, resolvePickerSelectionLabel, useMediaEditorOptional, useRichTextEditor, RichTextEditorSurface, ThemeScope, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, CollapsibleTrigger, ContentFieldsForm, getCuratedSiteStyle, compileSiteThemeFromSelections, paletteOverridesSchema, findButtonPersonality, findPaletteVariant, findHeaderLook, findFooterLook, headerLookCatalog, footerLookCatalog, isObjectRecord, EMPTY_DOC, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, Pencil, foldSubroute, SUBROUTE_KINDS, Smartphone, Tablet, Monitor, Maximize2, DropdownMenuLabel, asSiteId, buildThemeRuntime, PaletteProvider, MediaEditorProvider, curatedSiteStyles, ChevronLeft, requireEntriesForCuratedChoices, buttonPersonalities, paletteVariants, resolveImageUrlWithContext, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, Separator, toRoutableLinkPayload, useMediaEditor, MediaPickerMini, MediaPickerDialog, Surface, ColorPicker, getDirectImageUrlForMediaAsset, isSvgMimeType } from './chunk-LYI7TEMH.mjs';
+import { usePreviewAuth, getDashboardUrl } from './chunk-VX7B5VAC.mjs';
 import './chunk-XGB3TDIC.mjs';
 import React2, { createContext, memo, useMemo, useState, useRef, useEffect, forwardRef, useCallback, useImperativeHandle, useContext, useSyncExternalStore, useLayoutEffect, useTransition, useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -2227,33 +2227,31 @@ function PreviewViewportControls({
 }) {
   const activePreset = VIEWPORT_PRESETS.find((p) => p.width === width);
   const ActiveIcon = activePreset?.icon ?? Monitor;
+  const activeLabel = mode === "squeeze" ? "Auto fit" : activePreset?.label ?? `${width}px`;
   const showZoomControls = mode === "fixed" && zoom !== void 0 && onZoomChange !== void 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
     /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "gap-2", children: [
         /* @__PURE__ */ jsx(ActiveIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
-          mode === "squeeze" && "Responsive",
-          mode === "fixed" && (width === "full" ? "Full Width" : `${width}px`)
-        ] })
+        /* @__PURE__ */ jsx("span", { className: "text-xs", children: activeLabel })
       ] }) }),
       /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
-        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Display Mode" }),
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Preview size" }),
         /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onModeChange("squeeze"), className: cn(mode === "squeeze" && "bg-accent"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Responsive" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Content adapts to available width" })
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Auto fit" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Matches the space beside the editor" })
         ] }) }),
         /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onModeChange("fixed"), className: cn(mode === "fixed" && "bg-accent"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Fixed Width" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Set specific viewport width" })
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Choose size" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Preview mobile, tablet, or desktop widths" })
         ] }) })
       ] })
     ] }),
     mode === "fixed" && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", children: activePreset?.label ?? `${width}px` }) }),
       /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Viewport Width" }),
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Screen size" }),
         /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
         VIEWPORT_PRESETS.map((preset) => /* @__PURE__ */ jsxs(
           DropdownMenuItem,
@@ -4000,6 +3998,9 @@ function useBlockReorder({
   return { reorderId, handleMove, onDragEnd };
 }
 
+// ../editor-blocks/src/block-editor/actionControlMode.ts
+var DEFAULT_BLOCK_ACTION_CONTROL_MODE = "inline";
+
 // ../editor-blocks/src/block-editor/reorderControlMode.ts
 var DEFAULT_REORDER_CONTROL_MODE = "full";
 function shouldShowMoveButtons(mode) {
@@ -4433,10 +4434,23 @@ function BlockSettingsModal({
   uiStore,
   widgetOverrides,
   theme,
-  hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false
+  hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
+  showSettingsTrigger = true,
+  open: controlledOpen,
+  onOpenChange,
+  onAvailabilityChange
 }) {
-  const [open, setOpen] = useState(false);
-  const [directSectionStylesOpen, setDirectSectionStylesOpen] = useState(false);
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = controlledOpen ?? internalOpen;
+  const setOpen = useCallback(
+    (nextOpen) => {
+      if (controlledOpen === void 0) {
+        setInternalOpen(nextOpen);
+      }
+      onOpenChange?.(nextOpen);
+    },
+    [controlledOpen, onOpenChange]
+  );
   const blockId = typeof block.id === "string" ? asEditorBlockId(block.id) : null;
   const hasDraftSnapshot = useStoreSelector(
     uiStore,
@@ -4537,12 +4551,16 @@ function BlockSettingsModal({
     () => settingsSourceFields.some((field) => isNonEmptyValue(valueSource[field.id])),
     [settingsSourceFields, valueSource]
   );
-  if (!blockId || visibleTabs.length === 0 || !backend) {
+  const settingsAvailable = Boolean(blockId && visibleTabs.length > 0 && backend);
+  useEffect(() => {
+    onAvailabilityChange?.(settingsAvailable);
+  }, [onAvailabilityChange, settingsAvailable]);
+  if (!settingsAvailable || !blockId || !backend) {
     return null;
   }
   const defaultTab = visibleTabs[0]?.id ?? "display";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+    showSettingsTrigger ? /* @__PURE__ */ jsx(
       Button,
       {
         type: "button",
@@ -4550,10 +4568,6 @@ function BlockSettingsModal({
         size: "icon",
         onClick: (event) => {
           event.stopPropagation();
-          if (directSectionStylesModal) {
-            setDirectSectionStylesOpen(true);
-            return;
-          }
           setOpen(true);
         },
         disabled: !hasDraftSnapshot,
@@ -4561,13 +4575,13 @@ function BlockSettingsModal({
         title: "Block settings",
         children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
       }
-    ),
-    directSectionStylesModal ? /* @__PURE__ */ jsx(Dialog, { open: directSectionStylesOpen, onOpenChange: setDirectSectionStylesOpen, children: /* @__PURE__ */ jsx(
+    ) : null,
+    directSectionStylesModal ? /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
       ScrollableDialogContent,
       {
         title: directSectionStylesTitle,
         description: directSectionStylesDescription,
-        footer: /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setDirectSectionStylesOpen(false), children: "Done" }),
+        footer: /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setOpen(false), children: "Done" }),
         children: /* @__PURE__ */ jsx(
           FormRenderer,
           {
@@ -4579,7 +4593,7 @@ function BlockSettingsModal({
         )
       }
     ) }) : null,
-    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
+    !directSectionStylesModal ? /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
       ScrollableDialogContent,
       {
         title: "Block settings",
@@ -4597,7 +4611,7 @@ function BlockSettingsModal({
           ) }, tab.id))
         ] })
       }
-    ) })
+    ) }) : null
   ] });
 }
 function useDraftContent(uiStore, blockId) {
@@ -4635,10 +4649,14 @@ function BlockCardHeader({
   widgetOverrides,
   theme,
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
-  reorderControlMode = "full"
+  reorderControlMode = "full",
+  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE
 }) {
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = useState(false);
+  const [settingsAvailable, setSettingsAvailable] = useState(true);
   const showMoveButtons = shouldShowMoveButtons(reorderControlMode);
+  const showActionsMenu = actionControlMode === "menu";
   const baselineContent = useDraftContent(
     uiStore,
     typeof block.id === "string" ? asEditorBlockId(block.id) : null
@@ -4649,6 +4667,22 @@ function BlockCardHeader({
     contentToUse,
     block.kind
   );
+  const hasMenuActions = settingsAvailable || Boolean(onDuplicate) || Boolean(onDelete);
+  const settingsModal = /* @__PURE__ */ jsx(
+    BlockSettingsModal,
+    {
+      block,
+      manifest,
+      uiStore,
+      widgetOverrides,
+      theme,
+      hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
+      showSettingsTrigger: !showActionsMenu,
+      open: showActionsMenu ? settingsDialogOpen : void 0,
+      onOpenChange: showActionsMenu ? setSettingsDialogOpen : void 0,
+      onAvailabilityChange: showActionsMenu ? setSettingsAvailable : void 0
+    }
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-wrap items-start gap-1 px-2 py-2", "data-testid": "block-card-header", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
@@ -4724,49 +4758,91 @@ function BlockCardHeader({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsx(
-              BlockSettingsModal,
-              {
-                block,
-                manifest,
-                uiStore,
-                widgetOverrides,
-                theme,
-                hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2
-              }
-            ),
-            onDuplicate ? /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => {
-                  if (block.id) {
-                    onDuplicate(block.id);
+            showActionsMenu ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    disabled: !hasMenuActions,
+                    "aria-label": `More actions for ${displayTitle}`,
+                    title: "More actions",
+                    children: /* @__PURE__ */ jsx(EllipsisVertical, { className: "h-4 w-4" })
                   }
-                },
-                disabled: isMoving || !block.id,
-                "aria-label": "Duplicate block",
-                title: "Duplicate block",
-                children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-              }
-            ) : null,
-            onDelete && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: () => {
-                  setDeleteDialogOpen(true);
-                },
-                disabled: !block.id,
-                "aria-label": "Delete block",
-                title: "Delete block",
-                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
-              }
-            )
+                ) }),
+                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-44", children: [
+                  settingsAvailable ? /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => setSettingsDialogOpen(true), children: [
+                    /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
+                    "Settings"
+                  ] }) : null,
+                  settingsAvailable && (onDuplicate || onDelete) ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
+                  onDuplicate ? /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      disabled: isMoving || !block.id,
+                      onSelect: () => {
+                        if (block.id) {
+                          onDuplicate(block.id);
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" }),
+                        "Duplicate"
+                      ]
+                    }
+                  ) : null,
+                  onDelete ? /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      disabled: !block.id,
+                      className: "text-destructive focus:text-destructive",
+                      onSelect: () => setDeleteDialogOpen(true),
+                      children: [
+                        /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+                        "Delete"
+                      ]
+                    }
+                  ) : null
+                ] })
+              ] }),
+              settingsModal
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              settingsModal,
+              onDuplicate ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => {
+                    if (block.id) {
+                      onDuplicate(block.id);
+                    }
+                  },
+                  disabled: isMoving || !block.id,
+                  "aria-label": "Duplicate block",
+                  title: "Duplicate block",
+                  children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
+                }
+              ) : null,
+              onDelete && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => {
+                    setDeleteDialogOpen(true);
+                  },
+                  disabled: !block.id,
+                  "aria-label": "Delete block",
+                  title: "Delete block",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] })
           ]
         }
       )
@@ -4825,7 +4901,8 @@ function BlockCard({
   uiStore,
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
   pageDesignBlock = null,
-  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE
+  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
+  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE
 }) {
   const contentId = block.id ? `builder-block-content-${block.id}` : void 0;
   return /* @__PURE__ */ jsx(
@@ -4855,7 +4932,8 @@ function BlockCard({
             widgetOverrides,
             theme,
             hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
-            reorderControlMode
+            reorderControlMode,
+            actionControlMode
           }
         ),
         /* @__PURE__ */ jsx(CollapsibleContent, { id: contentId, children: /* @__PURE__ */ jsx(
@@ -4902,7 +4980,8 @@ var SortableBlockItem = memo(function SortableBlockItem2({
   sdkConfig,
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
   pageDesignBlock = null,
-  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE
+  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
+  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE
 }) {
   const sortable = useSortable({ id: block.id, disabled: !isDraggable });
   const manifest = useMemo(() => {
@@ -4977,7 +5056,8 @@ var SortableBlockItem = memo(function SortableBlockItem2({
           uiStore,
           hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
           pageDesignBlock,
-          reorderControlMode
+          reorderControlMode,
+          actionControlMode
         }
       )
     }
@@ -5002,7 +5082,8 @@ var BlockEditor = forwardRef(function BlockEditor2({
   pageDesignEditorModel = null,
   enabledContentTypes = [],
   sdkConfig = null,
-  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE
+  reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
+  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE
 }, ref) {
   const [blockList, setBlockList] = useState(() => normalizeBlockListInitial(blocks));
   const [errorMessage, setErrorMessage] = useState(null);
@@ -5304,7 +5385,8 @@ var BlockEditor = forwardRef(function BlockEditor2({
                       sdkConfig,
                       hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
                       pageDesignBlock: block.id ? pageDesignBlockById.get(block.id) ?? null : null,
-                      reorderControlMode
+                      reorderControlMode,
+                      actionControlMode
                     }
                   ),
                   allowCreation && index < blockList.length - 1 ? /* @__PURE__ */ jsx(AddBlockDivider, { onOpen: openPicker, position: index + 1 }) : null
@@ -5357,7 +5439,7 @@ function PageBlockEditorPanel({
   onViewportWidthChange,
   onZoomChange
 }) {
-  const [designOpen, setDesignOpen] = useState(true);
+  const [designOpen, setDesignOpen] = useState(false);
   const [contentOpen, setContentOpen] = useState(true);
   const [detailsOpen, setDetailsOpen] = useState(false);
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
@@ -5406,7 +5488,8 @@ function PageBlockEditorPanel({
                 onBlocksChange,
                 widgetOverrides: previewWidgetOverrides,
                 sdkConfig: sdkConfig ?? null,
-                reorderControlMode: "drag-handle-only"
+                reorderControlMode: "drag-handle-only",
+                actionControlMode: "menu"
               },
               pageId
             )
@@ -5715,16 +5798,16 @@ function StyleConfigurator({
   }, [baseSnapshot]);
   useEffect(() => {
     if (!state || !baseSnapshot) {
-      setOverrideTheme(null);
+      setOverrideTheme(null, { source: "style-configurator" });
       return;
     }
     if (!isPreviewingChange(state)) {
-      setOverrideTheme(null);
+      setOverrideTheme(null, { source: "style-configurator" });
       return;
     }
     const siteStyle = getCuratedSiteStyle(state.previewed.siteStyleId);
     if (!siteStyle) {
-      setOverrideTheme(null);
+      setOverrideTheme(null, { source: "style-configurator" });
       return;
     }
     const result = compileSiteThemeFromSelections({
@@ -5737,13 +5820,13 @@ function StyleConfigurator({
       headerSelectionContext,
       footerSelectionContext
     });
-    setOverrideTheme(result.theme);
+    setOverrideTheme(result.theme, { source: "style-configurator" });
   }, [state, baseSnapshot, setOverrideTheme, headerSelectionContext, footerSelectionContext]);
   useEffect(() => {
     const runner = runnerRef.current;
     return () => {
       runner.invalidate();
-      setOverrideThemeRef.current(null);
+      setOverrideThemeRef.current(null, { source: "style-configurator" });
     };
   }, []);
   useEffect(() => {
@@ -6042,7 +6125,7 @@ function StyleRowFrame({ label, currentLabel, swatch, expanded, onToggle, childr
   ] }) });
 }
 function SiteStyleRow({ expanded, onToggle, current, onPreview, disabled }) {
-  return /* @__PURE__ */ jsx(StyleRowFrame, { label: "Site style", currentLabel: current.name, expanded, onToggle, children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Site style", className: "space-y-1", children: curatedSiteStyles.map((style) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(StyleRowFrame, { label: "Site style", currentLabel: current.name, expanded, onToggle, children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Site style", className: "list-none space-y-1 p-0", children: curatedSiteStyles.map((style) => /* @__PURE__ */ jsx(
     PickerOption,
     {
       selected: style.id === current.id,
@@ -6059,7 +6142,7 @@ function PersonalityRow({ expanded, onToggle, siteStyle, currentId, currentLabel
     () => requireEntriesForCuratedChoices(buttonPersonalities, siteStyle.buttonPersonalityChoices),
     [siteStyle.buttonPersonalityChoices]
   );
-  return /* @__PURE__ */ jsx(StyleRowFrame, { label: "Button style", currentLabel, expanded, onToggle, children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Button style", className: "space-y-1", children: options.map((personality) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(StyleRowFrame, { label: "Button style", currentLabel, expanded, onToggle, children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Button style", className: "list-none space-y-1 p-0", children: options.map((personality) => /* @__PURE__ */ jsx(
     PickerOption,
     {
       selected: personality.id === currentId,
@@ -6123,8 +6206,8 @@ function SiteChromeLookRow({
         )
       ] })
     ] }),
-    diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mb-3 space-y-1 text-xs text-amber-700", children: diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic)) }) : null,
-    /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": ariaLabel, className: "space-y-1", children: options.map((look) => /* @__PURE__ */ jsx(
+    diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "mb-3 list-none space-y-1 p-0 text-xs text-amber-700", children: diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic)) }) : null,
+    /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": ariaLabel, className: "list-none space-y-1 p-0", children: options.map((look) => /* @__PURE__ */ jsx(
       PickerOption,
       {
         selected: look.id === currentId,
@@ -6150,7 +6233,7 @@ function PaletteRow({ expanded, onToggle, siteStyle, currentId, currentLabel, cu
       swatch: currentSwatch,
       expanded,
       onToggle,
-      children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Palette", className: "space-y-1", children: options.map((variant) => {
+      children: /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Palette", className: "list-none space-y-1 p-0", children: options.map((variant) => {
         const primaryHex = variant.colors.find((c) => c.name === "primary")?.hex;
         return /* @__PURE__ */ jsx(
           PickerOption,
@@ -6211,7 +6294,7 @@ function ColoursRow({ expanded, onToggle, variant, overrides, onTokenChange, onR
   );
 }
 function PickerOption({ selected, label, description, swatch, onSelect, disabled }) {
-  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("li", { className: "list-none", children: /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",

package/dist/{PreviewEditorUI-ZDFRDJID.mjs → PreviewEditorUI-AQXIXPOH.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { resolvePreviewChromeSurface, usePreviewPageDesignEditorState, PREVIEW_CHROME_PORTAL_CLASS_NAME, PREVIEW_CHROME_THEME_CLASS_NAME, applyPreviewChromeSurfaceToElement, setPreviewSidebarTab, PREVIEW_THEME_COOKIE_NAME } from './chunk-CBD47MTM.mjs';
-import { useEntryEditorController, useEditorUiStore, useMultiAutosave, EditorChrome, classifyHistoryShortcut, unwrapResponse, cn, Dialog, Button, Palette, DialogContent, DialogHeader, DialogTitle, DialogDescription, TriangleAlert, useEditorUiStoreInstance, Pencil, previewAssistantEnabled, Sparkles } from './chunk-2MIWNFJM.mjs';
-import { usePreviewAuth, getDashboardBaseUrl } from './chunk-7RX72SK2.mjs';
+import { resolvePreviewChromeSurface, usePreviewPageDesignEditorState, PREVIEW_CHROME_PORTAL_CLASS_NAME, PREVIEW_CHROME_THEME_CLASS_NAME, applyPreviewChromeSurfaceToElement, setPreviewSidebarTab, PREVIEW_THEME_COOKIE_NAME } from './chunk-V5VORNEJ.mjs';
+import { useEntryEditorController, useEditorUiStore, useMultiAutosave, EditorChrome, classifyHistoryShortcut, unwrapResponse, cn, Dialog, Button, Palette, DialogContent, DialogHeader, DialogTitle, DialogDescription, TriangleAlert, useEditorUiStoreInstance, Pencil, previewAssistantEnabled, Sparkles } from './chunk-LYI7TEMH.mjs';
+import { usePreviewAuth, getDashboardBaseUrl } from './chunk-VX7B5VAC.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useState, useMemo, useEffect, useTransition, useCallback } from 'react';
 import { createPortal } from 'react-dom';

package/dist/SdkPreviewModeRuntime-ZQNDCASH.mjs

@@ -0,0 +1,8 @@
+"use client";
+export { SdkPreviewModeRuntime } from './chunk-Q4OLG66B.mjs';
+import './chunk-Z7JLNTJR.mjs';
+import './chunk-TW2Y4RR5.mjs';
+import './chunk-V5VORNEJ.mjs';
+import './chunk-LYI7TEMH.mjs';
+import './chunk-VX7B5VAC.mjs';
+import './chunk-XGB3TDIC.mjs';

package/dist/_dts/api/src/bookingOperations.d.ts

@@ -397,6 +397,7 @@ export type AppointmentService = {
     locationType: "virtual" | "in_person" | "hybrid";
     venueId: string | null;
     timezone: string | null;
+    onlineDetails: AppointmentServiceOnlineDetails | null;
     formId: string | null;
     cancellationPolicy: {
         refunds: {
@@ -407,6 +408,16 @@ export type AppointmentService = {
     createdAt: string;
     updatedAt: string;
 };
+export type AppointmentServiceOnlineDetails = {
+    joinUrl: string;
+    accessCode: string | null;
+    notes: string | null;
+};
+export type AppointmentServiceOnlineDetailsInput = {
+    joinUrl: string;
+    accessCode?: string | null;
+    notes?: string | null;
+};
 export type CreateAppointmentServiceRequest = {
     title: string;
     description?: string | null;
@@ -423,6 +434,7 @@ export type CreateAppointmentServiceRequest = {
     locationType?: "virtual" | "in_person" | "hybrid";
     venueId?: string | null;
     timezone?: string | null;
+    onlineDetails?: AppointmentServiceOnlineDetailsInput | null;
     formId?: string | null;
     cancellationPolicy?: AppointmentService["cancellationPolicy"];
 };

package/dist/_dts/api/src/cache-tags.d.ts

@@ -34,6 +34,17 @@ export declare const TAG_TEMPLATES: {
     readonly siteForms: "riverbank:site:{siteId}:forms";
     readonly formById: "riverbank:form:{formId}";
     readonly formSubmissionsBySlug: "riverbank:form-submissions:{slug}";
+    readonly publicEvents: "riverbank:site:{siteId}:public-events";
+    readonly publicEventFilters: "riverbank:site:{siteId}:public-event-filters";
+    readonly publicCourses: "riverbank:site:{siteId}:public-courses";
+    readonly publicTeamMembers: "riverbank:site:{siteId}:public-team-members";
+    readonly publicProducts: "riverbank:site:{siteId}:public-products";
+    readonly publicPasses: "riverbank:site:{siteId}:public-passes";
+    readonly publicMemberships: "riverbank:site:{siteId}:public-memberships";
+    readonly publicGifting: "riverbank:site:{siteId}:public-gifting";
+    readonly publicShop: "riverbank:site:{siteId}:public-shop";
+    readonly publicCheckout: "riverbank:site:{siteId}:public-checkout";
+    readonly publicBookingServices: "riverbank:site:{siteId}:public-booking-services";
     readonly siteNavigation: "riverbank:site:{siteId}:navigation";
     readonly navigationMenuById: "riverbank:navigation-menu:{menuId}";
     readonly navigationItemById: "riverbank:navigation-item:{itemId}";
@@ -64,6 +75,17 @@ export declare const tags: {
     readonly form: (formId: string) => string;
     readonly entry: (entryId: string) => string;
     readonly formSubmissionsBySlug: (slug: string) => string;
+    readonly publicEvents: (siteId: string) => string;
+    readonly publicEventFilters: (siteId: string) => string;
+    readonly publicCourses: (siteId: string) => string;
+    readonly publicTeamMembers: (siteId: string) => string;
+    readonly publicProducts: (siteId: string) => string;
+    readonly publicPasses: (siteId: string) => string;
+    readonly publicMemberships: (siteId: string) => string;
+    readonly publicGifting: (siteId: string) => string;
+    readonly publicShop: (siteId: string) => string;
+    readonly publicCheckout: (siteId: string) => string;
+    readonly publicBookingServices: (siteId: string) => string;
     readonly siteNavigation: (siteId: string) => string;
     readonly navigationMenu: (menuId: string) => string;
     readonly navigationItem: (itemId: string) => string;

package/dist/_dts/api/src/contentRuntime.d.ts

@@ -473,6 +473,7 @@ export type ListPublishedEntriesResponse<TContent = Record<string, unknown>> = {
     entries: ContentEntryListItem<TContent>[];
     meta?: ListPublishedEntriesMeta;
     contentType?: PublicContentTypeMeta | null;
+    mediaAssets?: SdkRuntimeMediaAsset[];
 };
 /**
  * Block content as returned by SDK page/entry loaders.