@riverbankcms/sdk 0.80.0 → 0.81.0

package/dist/{chunk-5NZGBSJF.mjs → chunk-3QWQ2MUQ.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { KeyboardCode, getBlockDefinition, CSS, useSdkConfig, unwrapResponse, parseSiteIconStyleGuideVersionId, parseBlockIconValue, listBlockDescriptors, useSensor, PointerSensor, useSensors, deleteBlock, createEditorRemoveBlockCommand, unsafeAsEditorBlockId, DndContext, closestCenter, Button, Plus, useDroppable, useDraggable, useCombinedRefs, isKeyboardEvent, createCustomBlockRegistry, Card, cn, Collapsible, CollapsibleContent, listContentTypes, mergeBlockDescriptorsWithRegistry, 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, Sparkles, RotateCcw, ImagePlus, Copy, Trash2, DialogFooter, DialogClose, CardContent, createEditorInsertBlockCommand, LoaderCircle, ChevronDown, getFeatureCardIconCompletion, toFeatureCardIconSuggestionInputs, getBlockIconSemanticFallbackId, suggestSemanticIconForFeatureCard, getGeneratedBlockIconStyleState, assertNever, suggestFeatureCardSemanticIcons, applyFeatureCardIconSuggestions, createFeatureCardIconKey, Textarea, Callout, CalloutDescription, normalEditorCuratedPromotedFieldPaths, resolveVisiblePromotedFieldPathsForEditorBlock, createStoreBackend, validateBlockManifestIssues, CalloutTitle, unfinishedBlockCopy, recoveryConflictCopy, ManifestForm, unsafeAsEditorBlockValues, Box, createManifestFormAdapter, getModalConfig, isNonEmptyValue, ScrollableDialogContent, FormRenderer, Tabs, TabsList, TabsTrigger, TabsContent, mergeManifestWithSdkOptions, augmentManifestWithStyleGroups, lucide_react_exports, isThemeV2NormalEditorRawStylePath, getFieldIntent, isHeaderField, isThemeV2NormalEditorRawStyleFieldName, useField, useMediaEditorOptional, useRichTextEditor, FieldFrame, RichTextEditorSurface, ThemeScope, isObjectRecord, EMPTY_DOC, useMediaEditor, MediaPickerMini, MediaPickerDialog, useAsyncPickerOptions, resolvePickerSelectionLabel, shouldShowPickerSearch, normalizePickerSearchThreshold, Combobox, Badge, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, useBackendWatch, resolveIconPickerPreset, isIconPickerPreset, getIconPickerOptionsForPreset, isKnownIconName, getIconComponent, assertNever2, deriveNearestCompatibleHeaderStyle, findLegacyHeaderLookIdForSelection, compileSiteThemeFromSelections, footerLookCatalog, getOrderedHeaderStyleIdsForLayout, getOrderedHeaderLayoutIdsForCuration, footerLookRejectionReasonLabel, getHeaderStyle, getHeaderLayout, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, emitMediaCropDebug, Pencil, resolveVideoSelectionIntentForMediaField, evaluateVisibility, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, resolveImageUrlWithContext, getDirectImageUrlForMediaAsset, isSvgMimeType, toRoutableLinkPayload, classifyKnownMimeType } from './chunk-GYXKAUFV.mjs';
-import React2, { createContext, memo, useMemo, useState, useRef, useEffect, forwardRef, useCallback, useImperativeHandle, useContext, useSyncExternalStore, useLayoutEffect, useReducer } from 'react';
+import { KeyboardCode, getBlockDefinition, CSS, useSdkConfig, unwrapResponse, parseSiteIconStyleGuideVersionId, parseBlockIconValue, listBlockDescriptors, useSensor, PointerSensor, useSensors, deleteBlock, createEditorRemoveBlockCommand, unsafeAsEditorBlockId, DndContext, closestCenter, Button, Plus, useDroppable, useDraggable, useCombinedRefs, isKeyboardEvent, createCustomBlockRegistry, Card, cn, Collapsible, CollapsibleContent, listContentTypes, mergeBlockDescriptorsWithRegistry, 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, DropdownMenuSeparator, DropdownMenuItem, Copy, Trash2, DialogFooter, DialogClose, CardContent, createEditorInsertBlockCommand, LoaderCircle, ChevronDown, getFeatureCardIconCompletion, toFeatureCardIconSuggestionInputs, getBlockIconSemanticFallbackId, suggestSemanticIconForFeatureCard, getGeneratedBlockIconStyleState, assertNever, createManifestFormAdapter, getModalConfig, createStoreBackend, validateBlockManifestIssues, isNonEmptyValue, Settings, ScrollableDialogContent, FormRenderer, Tabs, TabsList, TabsTrigger, TabsContent, RotateCcw, ImagePlus, Sparkles, Textarea, Callout, CalloutDescription, normalEditorCuratedPromotedFieldPaths, resolveVisiblePromotedFieldPathsForEditorBlock, CalloutTitle, unfinishedBlockCopy, recoveryConflictCopy, ManifestForm, unsafeAsEditorBlockValues, Box, mergeManifestWithSdkOptions, augmentManifestWithStyleGroups, suggestFeatureCardSemanticIcons, applyFeatureCardIconSuggestions, createFeatureCardIconKey, lucide_react_exports, isThemeV2NormalEditorRawStylePath, getFieldIntent, isHeaderField, isThemeV2NormalEditorRawStyleFieldName, useEditorUiStoreInstance, useUISelector, useField, useMediaEditorOptional, useRichTextEditor, FieldFrame, RichTextEditorSurface, ThemeScope, isObjectRecord, EMPTY_DOC, useMediaEditor, MediaPickerMini, MediaPickerDialog, useAsyncPickerOptions, resolvePickerSelectionLabel, shouldShowPickerSearch, normalizePickerSearchThreshold, Combobox, Badge, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, useBackendWatch, resolveIconPickerPreset, isIconPickerPreset, getIconPickerOptionsForPreset, isKnownIconName, getIconComponent, CommandMultiSelect, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, emitMediaCropDebug, Pencil, resolveVideoSelectionIntentForMediaField, siteOptionSources, evaluateVisibility, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, resolveImageUrlWithContext, getDirectImageUrlForMediaAsset, isSvgMimeType, toRoutableLinkPayload, classifyKnownMimeType } from './chunk-WUHKQBB6.mjs';
+import React2, { createContext, memo, useMemo, useState, useRef, useEffect, forwardRef, useCallback, useImperativeHandle, useContext, useSyncExternalStore, useLayoutEffect, Fragment as Fragment$1, useReducer } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // ../preview-next/src/client/preview/previewChromeSurfacePolicy.ts
@@ -277,7 +277,7 @@ function parseReferenceKind(referenceKind) {
 }
 
 // ../content-model/src/contentManifest.ts
-function assertNever3(value) {
+function assertNever2(value) {
   throw new Error(`Unhandled content field mapping decision: ${JSON.stringify(value)}`);
 }
 function resolveContentReferenceKind(field) {
@@ -408,7 +408,7 @@ function toFieldDefinition(field, context = {}) {
             valueFrom: mapping.valueFrom
           };
         default:
-          return assertNever3(mapping);
+          return assertNever2(mapping);
       }
     }
     case "link":
@@ -551,19 +551,22 @@ var PreviewBlockCustomizeSelectionContext = createContext(null);
 function PreviewBlockCustomizeSelectionProvider({
   children
 }) {
-  const [selection, setSelection] = useState({
-    kind: "none"
-  });
-  const inspectBlock = useCallback((blockId) => {
-    setSelection((current) => ({
+  const uiStore = useEditorUiStoreInstance();
+  const previewInspection = useUISelector(uiStore, (state) => state.previewInspection);
+  const selection = useMemo(
+    () => previewInspection.kind === "block-customize" ? {
       kind: "selected",
-      blockId,
-      requestId: current.kind === "selected" ? current.requestId + 1 : 1
-    }));
-  }, []);
+      blockId: previewInspection.blockId,
+      requestId: previewInspection.requestId
+    } : { kind: "none" },
+    [previewInspection]
+  );
+  const inspectBlock = useCallback((blockId) => {
+    uiStore.getState().inspectBlock(blockId);
+  }, [uiStore]);
   const clearInspection = useCallback(() => {
-    setSelection({ kind: "none" });
-  }, []);
+    uiStore.getState().clearPreviewInspection();
+  }, [uiStore]);
   const value = useMemo(
     () => ({
       selection,
@@ -2127,8 +2130,10 @@ 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/actionPresentation.ts
+var DEFAULT_BLOCK_ACTION_PRESENTATION = {
+  kind: "inline"
+};
 
 // ../editor-blocks/src/block-editor/reorderControlMode.ts
 var DEFAULT_REORDER_CONTROL_MODE = "full";
@@ -3184,8 +3189,8 @@ function BlockSettingsModal({
           setOpen(true);
         },
         disabled: !hasDraftSnapshot,
-        "aria-label": "Block settings",
-        title: "Block settings",
+        "aria-label": "Customize block",
+        title: "Customize block",
         children: /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" })
       }
     ) : null,
@@ -3209,7 +3214,7 @@ function BlockSettingsModal({
     !directSectionStylesModal ? /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(
       ScrollableDialogContent,
       {
-        title: "Block settings",
+        title: "Customize block",
         footer: /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setOpen(false), children: "Done" }),
         children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTab, className: "w-full", children: [
           /* @__PURE__ */ jsx(TabsList, { className: cn("mb-1"), children: visibleTabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.id, children: tab.label }, tab.id)) }),
@@ -3244,6 +3249,124 @@ function useDraftContent(uiStore, blockId) {
   }, [uiStore, blockId]);
   return content;
 }
+
+// ../editor-blocks/src/block-editor/blockHeaderActionPlan.ts
+function deriveBlockHeaderActionPlan({
+  actionPresentation,
+  blockId,
+  settingsAvailable,
+  featureCardIconActionsAvailable,
+  featureCardIconsComplete,
+  generatedIconSetActionsAvailable,
+  hasStaleGeneratedIcons,
+  featureCardIconDialogCardsCount,
+  duplicateAvailable,
+  duplicateDisabled,
+  deleteAvailable,
+  deleteDisabled
+}) {
+  const customizeAction = deriveCustomizeAction({
+    actionPresentation,
+    blockId,
+    settingsAvailable
+  });
+  const layout = actionPresentation.kind;
+  if (layout === "inline") {
+    return {
+      layout,
+      customizeAction,
+      menuGroups: [],
+      hasMenuActions: false
+    };
+  }
+  const menuGroups = [];
+  if (customizeAction) {
+    menuGroups.push({
+      id: "customize",
+      actions: [customizeAction]
+    });
+  }
+  const iconActions = deriveIconActions({
+    featureCardIconActionsAvailable,
+    featureCardIconsComplete,
+    generatedIconSetActionsAvailable,
+    hasStaleGeneratedIcons,
+    featureCardIconDialogCardsCount
+  });
+  if (iconActions.length > 0) {
+    menuGroups.push({
+      id: "icons",
+      actions: iconActions
+    });
+  }
+  const structureActions = deriveStructureActions({
+    duplicateAvailable,
+    duplicateDisabled,
+    deleteAvailable,
+    deleteDisabled
+  });
+  if (structureActions.length > 0) {
+    menuGroups.push({
+      id: "structure",
+      actions: structureActions
+    });
+  }
+  return {
+    layout,
+    customizeAction,
+    menuGroups,
+    hasMenuActions: menuGroups.length > 0
+  };
+}
+function deriveCustomizeAction({
+  actionPresentation,
+  blockId,
+  settingsAvailable
+}) {
+  if (actionPresentation.kind === "inline") {
+    return settingsAvailable ? { kind: "customize", presentation: "modal" } : null;
+  }
+  switch (actionPresentation.customize.kind) {
+    case "modal":
+      return settingsAvailable ? { kind: "customize", presentation: "modal" } : null;
+    case "external":
+      return blockId ? { kind: "customize", presentation: "external", blockId } : null;
+    default:
+      return assertNever(actionPresentation.customize);
+  }
+}
+function deriveIconActions({
+  featureCardIconActionsAvailable,
+  featureCardIconsComplete,
+  generatedIconSetActionsAvailable,
+  hasStaleGeneratedIcons,
+  featureCardIconDialogCardsCount
+}) {
+  if (!featureCardIconActionsAvailable) {
+    return [];
+  }
+  return [
+    { kind: "suggest-icons", disabled: featureCardIconsComplete },
+    ...generatedIconSetActionsAvailable ? [
+      {
+        kind: "generated-icon-set",
+        disabled: featureCardIconDialogCardsCount === 0,
+        stale: hasStaleGeneratedIcons
+      }
+    ] : []
+  ];
+}
+function deriveStructureActions({
+  duplicateAvailable,
+  duplicateDisabled,
+  deleteAvailable,
+  deleteDisabled
+}) {
+  return [
+    ...duplicateAvailable ? [{ kind: "duplicate", disabled: duplicateDisabled }] : [],
+    ...deleteAvailable ? [{ kind: "delete", disabled: deleteDisabled }] : []
+  ];
+}
 function BlockCardHeader({
   block,
   manifest,
@@ -3263,7 +3386,7 @@ function BlockCardHeader({
   theme,
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
   reorderControlMode = "full",
-  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE,
+  actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION,
   currentStyleGuideVersionId,
   iconStyleGuideSummary,
   iconStyleGuideEditHref,
@@ -3275,7 +3398,6 @@ function BlockCardHeader({
   const [generateIconSetDialogOpen, setGenerateIconSetDialogOpen] = useState(false);
   const [settingsAvailable, setSettingsAvailable] = useState(true);
   const showMoveButtons = shouldShowMoveButtons(reorderControlMode);
-  const showActionsMenu = actionControlMode === "menu";
   const baselineContent = useDraftContent(
     uiStore,
     typeof block.id === "string" ? unsafeAsEditorBlockId(block.id) : null
@@ -3290,7 +3412,6 @@ function BlockCardHeader({
   const featureCardIconStatus = supportsIconActions ? getFeatureCardIconStatus(currentContent ?? block.draftContent ?? contentToUse) : null;
   const featureCardIconActionsAvailable = Boolean(blockId) && supportsIconActions && (featureCardIconStatus?.totalCards ?? 0) > 0;
   const featureCardIconsComplete = featureCardIconStatus !== null && featureCardIconStatus.totalCards > 0 && featureCardIconStatus.cardsWithIcons >= featureCardIconStatus.totalCards;
-  const featureCardSuggestionActionAvailable = featureCardIconActionsAvailable && !featureCardIconsComplete;
   const generatedIconSetActionsAvailable = featureCardIconActionsAvailable && Boolean(onGenerateIconSet);
   const featureCardIconContent = currentContent ?? block.draftContent ?? contentToUse;
   const featureCardIconDialogCards = supportsIconActions ? getFeatureCardIconDialogCards(featureCardIconContent) : [];
@@ -3316,8 +3437,22 @@ function BlockCardHeader({
     contentToUse,
     block.kind
   );
-  const hasMenuActions = settingsAvailable || featureCardSuggestionActionAvailable || generatedIconSetActionsAvailable || Boolean(onDuplicate) || Boolean(onDelete);
-  const settingsModal = /* @__PURE__ */ jsx(
+  const actionPlan = deriveBlockHeaderActionPlan({
+    actionPresentation,
+    blockId,
+    settingsAvailable,
+    featureCardIconActionsAvailable,
+    featureCardIconsComplete,
+    generatedIconSetActionsAvailable,
+    hasStaleGeneratedIcons,
+    featureCardIconDialogCardsCount: featureCardIconDialogCards.length,
+    duplicateAvailable: Boolean(onDuplicate),
+    duplicateDisabled: isMoving || !block.id,
+    deleteAvailable: Boolean(onDelete),
+    deleteDisabled: !block.id
+  });
+  const showActionsMenu = actionPlan.layout === "menu";
+  const settingsModal = actionPresentation.kind === "menu" && actionPresentation.customize.kind === "external" ? null : /* @__PURE__ */ jsx(
     BlockSettingsModal,
     {
       block,
@@ -3332,6 +3467,41 @@ function BlockCardHeader({
       onAvailabilityChange: showActionsMenu ? setSettingsAvailable : void 0
     }
   );
+  function handleMenuAction(action) {
+    switch (action.kind) {
+      case "customize":
+        if (action.presentation === "external") {
+          if (actionPresentation.kind === "menu" && actionPresentation.customize.kind === "external") {
+            actionPresentation.customize.onSelect(action.blockId);
+          }
+          return;
+        }
+        setSettingsDialogOpen(true);
+        return;
+      case "suggest-icons":
+        if (!blockId || action.disabled) return;
+        applyCuratedFeatureCardIconSuggestions({
+          blockId,
+          content: currentContent ?? block.draftContent ?? contentToUse,
+          drafts: uiStore.getState().drafts
+        });
+        return;
+      case "generated-icon-set":
+        if (action.disabled) return;
+        setGenerateIconSetDialogOpen(true);
+        return;
+      case "duplicate":
+        if (block.id && onDuplicate && !action.disabled) {
+          onDuplicate(block.id);
+        }
+        return;
+      case "delete":
+        if (!action.disabled) {
+          setDeleteDialogOpen(true);
+        }
+        return;
+    }
+  }
   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: [
@@ -3415,78 +3585,28 @@ function BlockCardHeader({
                     type: "button",
                     variant: "ghost",
                     size: "icon",
-                    disabled: !hasMenuActions,
+                    disabled: !actionPlan.hasMenuActions,
                     "aria-label": `More actions for ${displayTitle}`,
                     title: "More actions",
                     children: /* @__PURE__ */ jsx(EllipsisVertical, { 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,
-                  featureCardIconActionsAvailable ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    settingsAvailable ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
-                    /* @__PURE__ */ jsxs(
-                      DropdownMenuItem,
-                      {
-                        disabled: !blockId || featureCardIconsComplete,
-                        onSelect: () => {
-                          if (!blockId) return;
-                          applyCuratedFeatureCardIconSuggestions({
-                            blockId,
-                            content: currentContent ?? block.draftContent ?? contentToUse,
-                            drafts: uiStore.getState().drafts
-                          });
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" }),
-                          "Suggest icons"
-                        ]
-                      }
-                    ),
-                    generatedIconSetActionsAvailable ? /* @__PURE__ */ jsxs(
-                      DropdownMenuItem,
-                      {
-                        disabled: !blockId || featureCardIconDialogCards.length === 0,
-                        onSelect: () => setGenerateIconSetDialogOpen(true),
-                        children: [
-                          hasStaleGeneratedIcons ? /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "mr-2 h-4 w-4" }),
-                          hasStaleGeneratedIcons ? "Regenerate icon set" : "Generate icon set"
-                        ]
-                      }
-                    ) : null
-                  ] }) : null,
-                  (settingsAvailable || featureCardIconActionsAvailable) && (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(
+                /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-44", children: actionPlan.menuGroups.map((group, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                  index > 0 ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}) : null,
+                  group.actions.map((action) => /* @__PURE__ */ jsxs(
                     DropdownMenuItem,
                     {
-                      disabled: !block.id,
-                      className: "text-destructive focus:text-destructive",
-                      onSelect: () => setDeleteDialogOpen(true),
+                      disabled: "disabled" in action ? action.disabled : false,
+                      className: action.kind === "delete" ? "text-destructive focus:text-destructive" : void 0,
+                      onSelect: () => handleMenuAction(action),
                       children: [
-                        /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
-                        "Delete"
+                        menuActionIcon(action),
+                        menuActionLabel(action)
                       ]
-                    }
-                  ) : null
-                ] })
+                    },
+                    action.kind
+                  ))
+                ] }, group.id)) })
               ] }),
               settingsModal
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -3570,6 +3690,38 @@ function BlockCardHeader({
     ) : null
   ] });
 }
+function menuActionIcon(action) {
+  switch (action.kind) {
+    case "customize":
+      return /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" });
+    case "suggest-icons":
+      return /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" });
+    case "generated-icon-set":
+      return action.stale ? /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "mr-2 h-4 w-4" });
+    case "duplicate":
+      return /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" });
+    case "delete":
+      return /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" });
+    default:
+      return assertNever(action);
+  }
+}
+function menuActionLabel(action) {
+  switch (action.kind) {
+    case "customize":
+      return "Customize";
+    case "suggest-icons":
+      return "Suggest icons";
+    case "generated-icon-set":
+      return action.stale ? "Regenerate icon set" : "Generate icon set";
+    case "duplicate":
+      return "Duplicate";
+    case "delete":
+      return "Delete";
+    default:
+      return assertNever(action);
+  }
+}
 function BlockCard({
   siteId,
   block,
@@ -3595,7 +3747,7 @@ function BlockCard({
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
   pageDesignBlock = null,
   reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
-  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE,
+  actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION,
   currentStyleGuideVersionId,
   iconStyleGuideSummary,
   iconStyleGuideEditHref,
@@ -3631,7 +3783,7 @@ function BlockCard({
             theme,
             hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
             reorderControlMode,
-            actionControlMode,
+            actionPresentation,
             currentStyleGuideVersionId,
             iconStyleGuideSummary,
             iconStyleGuideEditHref,
@@ -3690,7 +3842,7 @@ var SortableBlockItem = memo(function SortableBlockItem2({
   hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2 = false,
   pageDesignBlock = null,
   reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
-  actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE,
+  actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION,
   currentStyleGuideVersionId,
   iconStyleGuideSummary,
   iconStyleGuideEditHref,
@@ -3778,7 +3930,7 @@ var SortableBlockItem = memo(function SortableBlockItem2({
           hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
           pageDesignBlock,
           reorderControlMode,
-          actionControlMode,
+          actionPresentation,
           currentStyleGuideVersionId,
           iconStyleGuideSummary,
           iconStyleGuideEditHref,
@@ -3811,7 +3963,7 @@ var BlockEditor = forwardRef(
     sdkConfig = null,
     customBlocks = [],
     reorderControlMode = DEFAULT_REORDER_CONTROL_MODE,
-    actionControlMode = DEFAULT_BLOCK_ACTION_CONTROL_MODE
+    actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION
   }, ref) {
     const [blockList, setBlockList] = useState(
       () => normalizeBlockListInitial(blocks)
@@ -4269,7 +4421,7 @@ var BlockEditor = forwardRef(
                             hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
                             pageDesignBlock: block.id ? pageDesignBlockById.get(block.id) ?? null : null,
                             reorderControlMode,
-                            actionControlMode,
+                            actionPresentation,
                             currentStyleGuideVersionId: iconStyleGuide?.versionId ?? null,
                             iconStyleGuideSummary: iconStyleGuide?.summary ?? null,
                             iconStyleGuideEditHref: iconStyleGuide?.editHref ?? null,
@@ -5814,943 +5966,260 @@ function IconPickerField({ path, backend, config }) {
     }
   ) });
 }
-createContext(null);
-
-// ../preview-next/src/client/utils/rfc6902.ts
-function cloneJson(value) {
-  if (typeof structuredClone === "function") {
-    return structuredClone(value);
-  }
-  return JSON.parse(JSON.stringify(value));
-}
-function decodePointerSegment(segment) {
-  return segment.replace(/~1/g, "/").replace(/~0/g, "~");
+var SiteOptionWidgetContext = createContext(null);
+function SiteOptionWidgetProvider({
+  siteId,
+  adapters,
+  children
+}) {
+  return /* @__PURE__ */ jsx(SiteOptionWidgetContext.Provider, { value: { siteId, adapters }, children });
 }
-function splitPointer(pointer) {
-  if (pointer === "") return [];
-  if (!pointer.startsWith("/")) {
-    throw new Error(`Invalid JSON pointer (must start with "/"): ${pointer}`);
+function useSiteOptionWidgetContext() {
+  const ctx = useContext(SiteOptionWidgetContext);
+  if (!ctx) {
+    throw new Error("useSiteOptionWidgetContext must be used within SiteOptionWidgetProvider");
   }
-  return pointer.split("/").slice(1).map((seg) => decodePointerSegment(seg));
-}
-function isJsonObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
+  return ctx;
 }
-function getContainerAndKey(root, pointer) {
-  const segments = splitPointer(pointer);
-  if (segments.length === 0) {
-    throw new Error("Patching the root value is not supported");
-  }
-  const key = segments[segments.length - 1];
-  if (key === void 0) {
-    throw new Error("Invalid path (missing key)");
+
+// ../editor-blocks/src/widgets/site-option-picker/utils.ts
+function normalizeSiteOptionMultiValue(value) {
+  if (Array.isArray(value)) {
+    return value.filter((entry) => typeof entry === "string" && entry.trim().length > 0);
   }
-  let container = root;
-  for (const segment of segments.slice(0, -1)) {
-    if (container == null) {
-      throw new Error(`Invalid path: ${pointer}`);
-    }
-    if (Array.isArray(container)) {
-      const index = Number.parseInt(segment, 10);
-      if (!Number.isFinite(index) || String(index) !== segment) {
-        throw new Error(`Invalid array index "${segment}" in path: ${pointer}`);
-      }
-      container = container[index];
-      continue;
-    }
-    if (isJsonObject(container)) {
-      container = container[segment];
-      continue;
-    }
-    throw new Error(`Invalid container for path: ${pointer}`);
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? [trimmed] : [];
   }
-  return { container, key };
+  return [];
 }
-function applyAdd(container, key, value, pointer) {
-  if (Array.isArray(container)) {
-    if (key === "-") {
-      container.push(value);
-      return;
-    }
-    const index = Number.parseInt(key, 10);
-    if (!Number.isFinite(index) || String(index) !== key) {
-      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
-    }
-    if (index < 0 || index > container.length) {
-      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
-    }
-    container.splice(index, 0, value);
-    return;
-  }
-  if (isJsonObject(container)) {
-    container[key] = value;
-    return;
+function getSiteOptionSource(config) {
+  const raw = (config.ui ?? {}).siteOptionSource;
+  if (typeof raw !== "string") {
+    return null;
   }
-  throw new Error(`Invalid container for path: ${pointer}`);
+  const trimmed = raw.trim();
+  return siteOptionSources.includes(trimmed) ? trimmed : null;
 }
-function applyReplace(container, key, value, pointer) {
-  if (Array.isArray(container)) {
-    const index = Number.parseInt(key, 10);
-    if (!Number.isFinite(index) || String(index) !== key) {
-      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
-    }
-    if (index < 0 || index >= container.length) {
-      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
-    }
-    container[index] = value;
-    return;
-  }
-  if (isJsonObject(container)) {
-    if (!(key in container)) {
-      throw new Error(`Cannot replace missing key "${key}" in path: ${pointer}`);
-    }
-    container[key] = value;
-    return;
-  }
-  throw new Error(`Invalid container for path: ${pointer}`);
+function getSearchThreshold(config) {
+  return normalizePickerSearchThreshold((config.ui ?? {}).searchThreshold);
 }
-function applyRemove(container, key, pointer) {
-  if (Array.isArray(container)) {
-    const index = Number.parseInt(key, 10);
-    if (!Number.isFinite(index) || String(index) !== key) {
-      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
-    }
-    if (index < 0 || index >= container.length) {
-      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
+function SiteOptionPickerField({
+  path,
+  backend,
+  config
+}) {
+  const { value, error, setValue } = useField(path, backend);
+  const { siteId, adapters } = useSiteOptionWidgetContext();
+  const source = getSiteOptionSource(config);
+  const searchThreshold = getSearchThreshold(config);
+  const adapter = useMemo(() => {
+    if (!adapters || !source) return null;
+    return adapters[source] ?? null;
+  }, [adapters, source]);
+  const labels = useMemo(() => {
+    const defaults = {
+      loading: "Loading options...",
+      select: config.multiple ? "Select options" : "Select an option",
+      empty: "No options available",
+      emptySelection: config.multiple ? "No selections yet." : "No selection yet."
+    };
+    return { ...defaults, ...adapter?.labels ?? {} };
+  }, [adapter, config.multiple]);
+  const loadItems = useCallback(async () => {
+    if (!adapter || !siteId || !source) {
+      return [];
     }
-    container.splice(index, 1);
-    return;
+    return adapter.loadItems({ siteId, source });
+  }, [adapter, siteId, source]);
+  const { options: items, isLoading, errorMessage: loadError } = useAsyncPickerOptions({
+    enabled: Boolean(adapter && siteId && source),
+    loadOptions: loadItems
+  });
+  if (!adapter || !siteId || !source) {
+    return /* @__PURE__ */ jsx(FieldFrame, { label: config.label, description: config.description, error: error?.message, children: () => /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed bg-muted/10 p-4 text-sm text-muted-foreground", children: "This field type is not supported yet." }) });
   }
-  if (isJsonObject(container)) {
-    if (!(key in container)) {
-      throw new Error(`Cannot remove missing key "${key}" in path: ${pointer}`);
-    }
-    delete container[key];
-    return;
+  const manageLink = adapter.renderManageLink?.({ siteId, source });
+  const showSearch = shouldShowPickerSearch(items.length, searchThreshold);
+  const helperText = loadError ? loadError : isLoading ? labels.loading : void 0;
+  if (config.multiple) {
+    const selectedValues = normalizeSiteOptionMultiValue(value);
+    return /* @__PURE__ */ jsx(
+      FieldFrame,
+      {
+        label: config.label,
+        description: config.description,
+        error: error?.message,
+        hint: helperText ?? labels.emptySelection,
+        children: () => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            CommandMultiSelect,
+            {
+              items: items.map((item) => ({
+                id: item.value,
+                label: item.label,
+                subtitle: item.subtitle
+              })),
+              values: selectedValues,
+              onValuesChange: (nextValues) => setValue(nextValues),
+              placeholder: labels.select,
+              emptySelectionLabel: labels.emptySelection,
+              emptyLabel: labels.empty,
+              isLoading,
+              error: loadError,
+              selectedSummary: (selectedItems) => selectedItems.length === 1 ? selectedItems[0]?.label ?? "1 selected" : `${selectedItems.length} selected`,
+              showSearch,
+              searchPlaceholder: `Search ${config.label.toLowerCase()}...`
+            }
+          ),
+          manageLink ? /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: manageLink }) : null
+        ] })
+      }
+    );
   }
-  throw new Error(`Invalid container for path: ${pointer}`);
-}
-function applyRfc6902Patch(base, ops) {
-  const next = cloneJson(base);
-  for (const op of ops) {
-    const { container, key } = getContainerAndKey(next, op.path);
-    if (op.op === "add") {
-      applyAdd(container, key, op.value, op.path);
-      continue;
-    }
-    if (op.op === "replace") {
-      applyReplace(container, key, op.value, op.path);
-      continue;
-    }
-    applyRemove(container, key, op.path);
-  }
-  return next;
-}
-var PreviewThemeOverlayContext = createContext(null);
-var NO_THEME_OVERLAY = { kind: "none" };
-function isDebugEnabled() {
-  return process.env.NEXT_PUBLIC_AI_ASSISTANT_DEBUG === "1";
-}
-function PreviewThemeOverlayProvider({ baseTheme, children }) {
-  const [overlay, setOverlay] = useState(NO_THEME_OVERLAY);
-  const overlayOps = overlay.kind === "patch" ? [...overlay.ops] : null;
-  const overlayOpsSource = overlay.kind === "patch" ? overlay.source : null;
-  const overrideTheme = overlay.kind === "theme" ? overlay.theme : null;
-  const overrideThemeSource = overlay.kind === "theme" ? overlay.source : null;
-  const setOverlayOps = useCallback(
-    (ops, options) => {
-      setOverlay((current) => {
-        if (ops === null) {
-          if (current.kind !== "patch") return current;
-          if (options?.source && current.source !== options.source) return current;
-          return NO_THEME_OVERLAY;
-        }
-        return {
-          kind: "patch",
-          source: options?.source ?? "unknown",
-          ops
-        };
-      });
-    },
-    []
-  );
-  const setOverrideTheme = useCallback(
-    (theme, options) => {
-      setOverlay((current) => {
-        if (theme === null) {
-          if (current.kind !== "theme") return current;
-          if (options?.source && current.source !== options.source) return current;
-          return NO_THEME_OVERLAY;
-        }
-        return {
-          kind: "theme",
-          source: options?.source ?? "unknown",
-          theme
-        };
-      });
-    },
-    []
+  const currentValue = typeof value === "string" ? value : "";
+  const selectionLabel = resolvePickerSelectionLabel(
+    currentValue || null,
+    items,
+    ({ value: value2, options }) => adapter.formatSelectionLabel?.({ value: value2, items: options }) ?? value2
   );
-  const clearOverlay = useCallback((options) => {
-    setOverlay((current) => {
-      const source = options?.source;
-      if (current.kind === "none") return current;
-      if (source && current.source !== source) return current;
-      return NO_THEME_OVERLAY;
-    });
-  }, []);
-  const effectiveTheme = useMemo(() => {
-    if (overlay.kind === "theme") return overlay.theme;
-    if (overlay.kind !== "patch" || overlay.ops.length === 0) return baseTheme;
-    try {
-      return applyRfc6902Patch(baseTheme, [...overlay.ops]);
-    } catch (error) {
-      if (isDebugEnabled()) {
-        console.warn("[preview-theme-overlay] failed to apply theme overlay patch", {
-          error: error instanceof Error ? error.message : String(error),
-          overlayOps: overlay.ops
-        });
-      }
-      return baseTheme;
+  return /* @__PURE__ */ jsx(
+    FieldFrame,
+    {
+      label: config.label,
+      description: config.description,
+      error: error?.message,
+      hint: helperText ?? (selectionLabel ? `Selected: ${selectionLabel}` : labels.emptySelection),
+      children: ({ id, messageId }) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(
+          Combobox,
+          {
+            id,
+            "aria-describedby": messageId || void 0,
+            items: items.map((item) => ({
+              id: item.value,
+              label: item.label,
+              item
+            })),
+            value: currentValue || void 0,
+            onSelect: (entry) => setValue(entry?.id ?? ""),
+            placeholder: isLoading ? labels.loading : labels.select,
+            emptyMessage: labels.empty,
+            clearLabel: "Clear",
+            search: showSearch,
+            searchInputAriaLabel: `Search ${config.label}`,
+            disabled: Boolean(isLoading || loadError)
+          }
+        ),
+        manageLink ? /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: manageLink }) : null
+      ] })
     }
-  }, [baseTheme, overlay]);
-  const value = useMemo(
-    () => ({
-      baseTheme,
-      overlay,
-      overlayOps,
-      overlayOpsSource,
-      setOverlayOps,
-      overrideTheme,
-      overrideThemeSource,
-      setOverrideTheme,
-      effectiveTheme,
-      clearOverlay
-    }),
-    [
-      baseTheme,
-      clearOverlay,
-      effectiveTheme,
-      overlay,
-      overlayOps,
-      overlayOpsSource,
-      overrideTheme,
-      overrideThemeSource,
-      setOverlayOps,
-      setOverrideTheme
-    ]
   );
-  return /* @__PURE__ */ jsx(PreviewThemeOverlayContext.Provider, { value, children });
 }
-function usePreviewThemeOverlay() {
-  const ctx = useContext(PreviewThemeOverlayContext);
-  if (!ctx) {
-    throw new Error("usePreviewThemeOverlay must be used within PreviewThemeOverlayProvider");
+createContext(null);
+
+// ../editor-blocks/src/widgets/site-option-picker/loaders.ts
+var siteOptionWidgetLabels = {
+  eventCategories: {
+    loading: "Loading categories...",
+    select: "Select categories",
+    empty: "No categories yet",
+    emptySelection: "Choose which event categories to include."
+  },
+  venues: {
+    loading: "Loading venues...",
+    select: "Select a venue",
+    empty: "No venues yet",
+    emptySelection: "Choose a venue to restrict this block."
+  },
+  staffMembers: {
+    loading: "Loading staff...",
+    select: "Select a staff member",
+    empty: "No staff yet",
+    emptySelection: "Choose a staff member to restrict this block."
   }
-  return ctx;
+};
+function mapEventCategoriesToSiteOptionItems(payload) {
+  return payload.categories.map((category) => ({
+    value: category.id,
+    label: category.name,
+    subtitle: category.identifier
+  }));
 }
-
-// ../preview-next/src/client/preview/previewDesignCoordinator.ts
-var NO_PREVIEW_DESIGN_STATE = { kind: "idle" };
-function transitionPreviewDesignState(state, command) {
-  switch (command.kind) {
-    case "preview-theme-patch":
-      return acceptPreview(state, {
-        kind: "active",
-        owner: command.producer,
-        surface: "theme-json-patch",
-        apply: "idle"
-      }, {
-        kind: "set-patch",
-        source: command.producer,
-        ops: command.ops
+function mapVenuesToSiteOptionItems(payload) {
+  return payload.map((venue) => ({
+    value: venue.id,
+    label: venue.title
+  }));
+}
+function mapStaffMembersToSiteOptionItems(payload) {
+  return payload.resources.map((staffMember) => ({
+    value: staffMember.id,
+    label: staffMember.displayName,
+    subtitle: staffMember.bio ?? void 0
+  }));
+}
+async function loadSiteOptionItemsFromApi({
+  apiClient,
+  siteId,
+  source
+}) {
+  switch (source) {
+    case "eventCategories": {
+      const result = await apiClient({
+        endpoint: "listEventCategories",
+        params: { siteId }
       });
-    case "preview-theme":
-      return acceptPreview(state, {
-        kind: "active",
-        owner: command.producer,
-        surface: command.sourcePlan,
-        apply: "idle"
-      }, {
-        kind: "set-theme",
-        source: command.producer,
-        theme: command.theme
+      return mapEventCategoriesToSiteOptionItems(unwrapResponse(result));
+    }
+    case "venues": {
+      const result = await apiClient({
+        endpoint: "listVenues",
+        params: { siteId }
       });
-    case "clear-preview":
-      if (state.kind === "idle") {
-        return ignored(state, "no-active-preview");
-      }
-      if (state.owner !== command.producer) {
-        return ignored(state, "producer-does-not-own-preview");
-      }
-      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
-    case "base-theme-changed":
-      if (state.kind === "idle") {
-        return accepted(state, { kind: "none" });
-      }
-      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
-    case "apply-started":
-      if (state.kind === "idle") {
-        return ignored(state, "no-active-preview");
-      }
-      if (state.owner !== command.producer) {
-        return ignored(state, "producer-does-not-own-preview");
-      }
-      return accepted({ ...state, apply: "pending" }, { kind: "none" });
-    case "apply-succeeded":
-      if (state.kind === "idle") {
-        return ignored(state, "apply-event-for-displaced-preview");
-      }
-      if (state.owner !== command.producer) {
-        return ignored(state, "apply-event-for-displaced-preview");
-      }
-      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
-    case "apply-failed":
-      if (state.kind === "idle") {
-        return ignored(state, "apply-event-for-displaced-preview");
-      }
-      if (state.owner !== command.producer) {
-        return ignored(state, "apply-event-for-displaced-preview");
-      }
-      return accepted({ ...state, apply: "idle" }, { kind: "none" });
+      return mapVenuesToSiteOptionItems(unwrapResponse(result));
+    }
+    case "staffMembers": {
+      const result = await apiClient({
+        endpoint: "listAppointmentResources",
+        params: { siteId }
+      });
+      return mapStaffMembersToSiteOptionItems(unwrapResponse(result));
+    }
     default:
-      return assertNever2(command, "Unhandled preview design command");
+      return assertNever(source);
   }
 }
-function acceptPreview(current, next, effect) {
-  return accepted(next, effect);
-}
-function accepted(state, effect) {
-  return {
-    kind: "accepted",
-    state,
-    effect
-  };
+function createSiteOptionApiLoader(apiClient) {
+  return (args) => loadSiteOptionItemsFromApi({ apiClient, ...args });
 }
-function ignored(state, reason) {
+function createSiteOptionWidgetAdapters({
+  loadItems,
+  mapLoadError,
+  renderManageLink
+}) {
   return {
-    kind: "ignored",
-    state,
-    reason
+    eventCategories: createSiteOptionWidgetAdapter("eventCategories", loadItems, mapLoadError, renderManageLink),
+    venues: createSiteOptionWidgetAdapter("venues", loadItems, mapLoadError, renderManageLink),
+    staffMembers: createSiteOptionWidgetAdapter("staffMembers", loadItems, mapLoadError, renderManageLink)
   };
 }
-var PreviewDesignCoordinatorContext = createContext(null);
-function PreviewDesignCoordinatorProvider({ children }) {
-  const themeOverlay = usePreviewThemeOverlay();
-  const {
-    baseTheme,
-    clearOverlay,
-    overlay,
-    setOverlayOps,
-    setOverrideTheme
-  } = themeOverlay;
-  const [state, setState] = useState(NO_PREVIEW_DESIGN_STATE);
-  const stateRef = useRef(state);
-  const previousBaseThemeRef = useRef(null);
-  useEffect(() => {
-    stateRef.current = state;
-  }, [state]);
-  const dispatch = useCallback(
-    (command) => {
-      const transition = transitionPreviewDesignState(stateRef.current, command);
-      if (transition.kind === "accepted") {
-        stateRef.current = transition.state;
-        setState(transition.state);
-        switch (transition.effect.kind) {
-          case "none":
-            break;
-          case "clear":
-            clearOverlay();
-            break;
-          case "set-patch":
-            setOverlayOps([...transition.effect.ops], {
-              source: transition.effect.source
-            });
-            break;
-          case "set-theme":
-            setOverrideTheme(transition.effect.theme, {
-              source: transition.effect.source
-            });
-            break;
-          default:
-            assertNever2(transition.effect, "Unhandled preview design overlay effect");
-        }
-      }
-      return transition;
-    },
-    [clearOverlay, setOverlayOps, setOverrideTheme]
-  );
-  useEffect(() => {
-    if (previousBaseThemeRef.current && previousBaseThemeRef.current !== baseTheme) {
-      dispatch({ kind: "base-theme-changed" });
-    }
-    previousBaseThemeRef.current = baseTheme;
-  }, [baseTheme, dispatch]);
-  const previewTheme = useCallback(
-    (producer, theme, sourcePlan) => dispatch({ kind: "preview-theme", producer, theme, sourcePlan }),
-    [dispatch]
-  );
-  const previewThemePatch = useCallback(
-    (producer, ops) => dispatch({ kind: "preview-theme-patch", producer, ops }),
-    [dispatch]
-  );
-  const clearPreview = useCallback(
-    (producer) => dispatch({ kind: "clear-preview", producer }),
-    [dispatch]
-  );
-  const applyStarted = useCallback(
-    (producer) => dispatch({ kind: "apply-started", producer }),
-    [dispatch]
-  );
-  const applySucceeded = useCallback(
-    (producer) => dispatch({ kind: "apply-succeeded", producer }),
-    [dispatch]
-  );
-  const applyFailed = useCallback(
-    (producer) => dispatch({ kind: "apply-failed", producer }),
-    [dispatch]
-  );
-  const value = useMemo(
-    () => ({
-      state,
-      overlay,
-      dispatch,
-      previewTheme,
-      previewThemePatch,
-      clearPreview,
-      applyStarted,
-      applySucceeded,
-      applyFailed
-    }),
-    [
-      applyFailed,
-      applyStarted,
-      applySucceeded,
-      clearPreview,
-      dispatch,
-      previewTheme,
-      previewThemePatch,
-      state,
-      overlay
-    ]
-  );
-  return /* @__PURE__ */ jsx(PreviewDesignCoordinatorContext.Provider, { value, children });
-}
-function usePreviewDesignCoordinator() {
-  const ctx = useContext(PreviewDesignCoordinatorContext);
-  if (!ctx) {
-    throw new Error("usePreviewDesignCoordinator must be used within PreviewDesignCoordinatorProvider");
-  }
-  return ctx;
-}
-
-// ../preview-next/src/client/blocks/runOptimisticCustomizeAction.ts
-function createOptimisticActionRunner() {
-  let latest = 0;
+function createSiteOptionWidgetAdapter(source, loadItems, mapLoadError, renderManageLink) {
   return {
-    async run(action) {
-      latest += 1;
-      const seq = latest;
-      action.optimistic?.();
+    labels: siteOptionWidgetLabels[source],
+    renderManageLink: renderManageLink?.[source],
+    loadItems: async ({ siteId }) => {
+      if (!siteId) return [];
+      const args = { siteId, source };
       try {
-        const success = await action.network();
-        if (seq !== latest) return seq;
-        action.onSuccess(success);
+        return await loadItems(args);
       } catch (error) {
-        if (seq !== latest) return seq;
-        action.onError(error);
+        throw mapLoadError ? mapLoadError(error, args) : error;
       }
-      return seq;
-    },
-    invalidate() {
-      latest += 1;
-    },
-    current() {
-      return latest;
     }
   };
 }
 
-// ../preview-next/src/client/preview/StyleConfigurator.state.ts
-function createStyleConfiguratorState(base) {
-  return {
-    base,
-    previewed: base,
-    saveStatus: { kind: "idle" },
-    warnings: [],
-    notices: [],
-    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base),
-    expandedRow: null
-  };
-}
-function openRow(state, row) {
-  return state.expandedRow === row ? state : { ...state, expandedRow: row };
-}
-function isPreviewingChange(state) {
-  return !selectionSnapshotsEqual(state.base, state.previewed);
-}
-function previewSiteStyle(state, siteStyleId) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, siteStyleId },
-    saveStatus: { kind: "idle" }
-  };
-}
-function previewButtonPersonality(state, buttonPersonalityId) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, buttonPersonalityId },
-    saveStatus: { kind: "idle" }
-  };
-}
-function previewHeaderLayout(state, headerLayoutId) {
-  const headerStyleId = deriveNearestCompatibleHeaderStyle(
-    state.previewed.headerStyleId,
-    headerLayoutId
-  );
-  return previewHeaderSelection(state, { headerLayoutId, headerStyleId });
-}
-function previewHeaderStyle(state, headerStyleId) {
-  return previewHeaderSelection(state, {
-    headerLayoutId: state.previewed.headerLayoutId,
-    headerStyleId
-  });
-}
-function previewFooterLook(state, footerLookId) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, footerLookId },
-    saveStatus: { kind: "idle" }
-  };
-}
-function previewTypographyPreset(state, typographyPresetId) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, typographyPresetId },
-    saveStatus: { kind: "idle" }
-  };
-}
-function setTypographyBodyFontOverride(state, typographyBodyFontOverride) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, typographyBodyFontOverride },
-    saveStatus: { kind: "idle" }
-  };
-}
-function setTypographyHeadingFontOverride(state, typographyHeadingFontOverride) {
-  return {
-    ...state,
-    previewed: { ...state.previewed, typographyHeadingFontOverride },
-    saveStatus: { kind: "idle" }
-  };
-}
-function clearTypographyFontOverrides(state) {
-  return {
-    ...state,
-    previewed: {
-      ...state.previewed,
-      typographyBodyFontOverride: null,
-      typographyHeadingFontOverride: null
-    },
-    saveStatus: { kind: "idle" }
-  };
-}
-function previewPaletteVariant(state, paletteVariantId) {
-  return movePreviewToPaletteVariant(state, paletteVariantId);
-}
-function setPaletteOverrides(state, paletteOverrides) {
-  const paletteOverrideDrafts = withPaletteOverrideDraft(
-    state.paletteOverrideDrafts,
-    state.previewed.paletteVariantId,
-    paletteOverrides
-  );
-  return {
-    ...state,
-    previewed: { ...state.previewed, paletteOverrides },
-    paletteOverrideDrafts,
-    saveStatus: { kind: "idle" }
-  };
-}
-function applyResolvedSelections(state, input) {
-  const paletteScoped = movePreviewToPaletteVariant(state, input.resolved.paletteVariantId);
-  return {
-    ...paletteScoped,
-    previewed: {
-      ...paletteScoped.previewed,
-      buttonPersonalityId: input.resolved.buttonPersonalityId,
-      headerLayoutId: input.resolved.headerLayoutId,
-      headerStyleId: input.resolved.headerStyleId,
-      headerLookId: input.resolved.headerLookId,
-      typographyPresetId: input.resolved.typographyPresetId,
-      typographyBodyFontOverride: input.resolved.typographyBodyFontOverride,
-      typographyHeadingFontOverride: input.resolved.typographyHeadingFontOverride
-    },
-    warnings: input.warnings
-  };
-}
-function cancelPreview(state) {
-  return {
-    ...state,
-    previewed: state.base,
-    saveStatus: { kind: "idle" },
-    warnings: [],
-    notices: [],
-    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(state.base)
-  };
-}
-function markApplySaving(state) {
-  return { ...state, saveStatus: { kind: "saving" } };
-}
-function markApplySaved(state, persisted) {
-  return {
-    ...state,
-    base: persisted,
-    previewed: persisted,
-    saveStatus: { kind: "saved" },
-    warnings: [],
-    notices: [],
-    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(persisted)
-  };
-}
-function markApplyFailed(state, message) {
-  return {
-    ...state,
-    saveStatus: { kind: "failed", message }
-  };
-}
-function toggleRow(state, row) {
-  return {
-    ...state,
-    expandedRow: state.expandedRow === row ? null : row
-  };
-}
-function dismissWarnings(state) {
-  if (state.warnings.length === 0) return state;
-  return { ...state, warnings: [] };
-}
-function dismissNotices(state) {
-  if (state.notices.length === 0) return state;
-  return { ...state, notices: [] };
-}
-function syncStyleConfiguratorState(state, base) {
-  if (selectionSnapshotsEqual(state.base, base)) return state;
-  if (selectionSnapshotsEqual(state.previewed, base)) {
-    return {
-      ...state,
-      base,
-      saveStatus: state.saveStatus.kind === "saving" ? { kind: "saved" } : state.saveStatus,
-      warnings: [],
-      notices: [],
-      paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base)
-    };
-  }
-  return {
-    ...state,
-    base,
-    previewed: base,
-    saveStatus: { kind: "idle" },
-    warnings: [],
-    notices: [],
-    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base)
-  };
-}
-function movePreviewToPaletteVariant(state, paletteVariantId) {
-  if (state.previewed.paletteVariantId === paletteVariantId) {
-    return {
-      ...state,
-      saveStatus: { kind: "idle" }
-    };
-  }
-  const paletteOverrideDrafts = withPaletteOverrideDraft(
-    state.paletteOverrideDrafts,
-    state.previewed.paletteVariantId,
-    state.previewed.paletteOverrides
-  );
-  const restoredOverrides = paletteOverrideDrafts[paletteVariantId] ?? null;
-  return {
-    ...state,
-    previewed: {
-      ...state.previewed,
-      paletteVariantId,
-      paletteOverrides: restoredOverrides
-    },
-    paletteOverrideDrafts,
-    notices: appendPaletteOverrideScopeNotice(state.notices, {
-      previousOverrides: state.previewed.paletteOverrides,
-      restoredOverrides
-    }),
-    saveStatus: { kind: "idle" }
-  };
-}
-function previewHeaderSelection(state, selection) {
-  const headerStyleId = deriveNearestCompatibleHeaderStyle(
-    selection.headerStyleId,
-    selection.headerLayoutId
-  );
-  const headerLookId = findLegacyHeaderLookIdForSelection({
-    layoutId: selection.headerLayoutId,
-    styleId: headerStyleId
-  });
-  return {
-    ...state,
-    previewed: {
-      ...state.previewed,
-      headerLayoutId: selection.headerLayoutId,
-      headerStyleId,
-      headerLookId
-    },
-    saveStatus: { kind: "idle" }
-  };
-}
-function withPaletteOverrideDraft(drafts, paletteVariantId, paletteOverrides) {
-  const next = { ...drafts };
-  if (paletteOverrides === null) {
-    delete next[paletteVariantId];
-  } else {
-    next[paletteVariantId] = paletteOverrides;
-  }
-  return next;
-}
-function paletteOverrideDraftsFromSnapshot(snapshot) {
-  return snapshot.paletteOverrides ? { [snapshot.paletteVariantId]: snapshot.paletteOverrides } : {};
-}
-function appendPaletteOverrideScopeNotice(notices, input) {
-  const kind = input.restoredOverrides !== null ? "palette-overrides-restored" : input.previousOverrides !== null ? "palette-overrides-hidden" : null;
-  if (!kind || notices.some((notice) => notice.kind === kind)) {
-    return notices;
-  }
-  return [...notices, { kind }];
-}
-function selectionSnapshotsEqual(a, b) {
-  return a.siteStyleId === b.siteStyleId && a.selectionVersion === b.selectionVersion && a.selectionUpdatedAt === b.selectionUpdatedAt && a.headerLayoutId === b.headerLayoutId && a.headerStyleId === b.headerStyleId && a.headerLookId === b.headerLookId && a.footerLookId === b.footerLookId && a.buttonPersonalityId === b.buttonPersonalityId && a.paletteVariantId === b.paletteVariantId && a.typographyPresetId === b.typographyPresetId && a.typographyBodyFontOverride === b.typographyBodyFontOverride && a.typographyHeadingFontOverride === b.typographyHeadingFontOverride && paletteOverridesEqual(a.paletteOverrides, b.paletteOverrides);
-}
-function paletteOverridesEqual(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length) return false;
-  return keysA.every((key) => a[key] === b[key]);
-}
-
-// ../preview-next/src/client/preview/siteChromeLookRows.ts
-function buildSiteChromeLookModels(input) {
-  const selection = input.state.previewed;
-  const common = {
-    siteStyle: input.siteStyle,
-    buttonPersonalityId: selection.buttonPersonalityId,
-    paletteVariantId: selection.paletteVariantId,
-    paletteOverrides: selection.paletteOverrides,
-    headerLayoutId: selection.headerLayoutId,
-    headerStyleId: selection.headerStyleId,
-    headerLookId: selection.headerLookId,
-    footerLookId: selection.footerLookId,
-    headerSelectionContext: input.headerSelectionContext,
-    footerSelectionContext: input.footerSelectionContext
-  };
-  const current = compileSiteThemeFromSelections(common);
-  const renderedHeaderLayoutId = current.resolvedSelections.headerLayoutId;
-  const renderedHeaderStyleId = current.resolvedSelections.headerStyleId;
-  return {
-    headerLayout: {
-      renderedLayoutId: renderedHeaderLayoutId,
-      options: getOrderedHeaderLayoutIdsForCuration(input.siteStyle).map(
-        (layoutId) => {
-          const layout = getHeaderLayout(layoutId);
-          return {
-            id: layoutId,
-            label: layout?.label ?? layoutId,
-            description: layout?.description,
-            available: true
-          };
-        }
-      )
-    },
-    headerStyle: {
-      renderedStyleId: renderedHeaderStyleId,
-      options: getOrderedHeaderStyleIdsForLayout(
-        input.siteStyle,
-        selection.headerLayoutId
-      ).map((styleId) => {
-        const style = getHeaderStyle(styleId);
-        return {
-          id: styleId,
-          label: style?.label ?? styleId,
-          description: style?.description,
-          available: true
-        };
-      })
-    },
-    footer: {
-      renderedLookId: current.resolvedSelections.footerLookId,
-      options: [
-        {
-          id: null,
-          label: "Site style default",
-          description: "Use the footer chosen for this site style.",
-          available: true
-        },
-        ...footerLookCatalog.map((look) => {
-          const result = compileSiteThemeFromSelections({
-            ...common,
-            footerLookId: look.id
-          });
-          const rejected = result.footerSelection.rejected.find(
-            (item) => item.lookId === look.id
-          );
-          return {
-            id: look.id,
-            label: look.label,
-            description: rejected ? rejected.reasons.map(footerLookRejectionReasonLabel).join(" ") : void 0,
-            available: !rejected
-          };
-        })
-      ],
-      diagnostics: diagnosticsForRequestedFooterSelection(
-        selection.footerLookId,
-        current.resolvedSelections.footerLookId,
-        current.footerSelection.rejected
-      )
-    }
-  };
-}
-function cycleSiteChromeLookId(options, currentId, direction) {
-  const cycleable = cycleableSiteChromeOptions(options);
-  if (cycleable.length <= 1) return void 0;
-  const currentIndex = cycleable.findIndex((option) => option.id === currentId);
-  const safeIndex = currentIndex === -1 ? 0 : currentIndex;
-  const nextIndex = direction === "next" ? (safeIndex + 1) % cycleable.length : safeIndex === 0 ? cycleable.length - 1 : safeIndex - 1;
-  return cycleable[nextIndex]?.id;
-}
-function cycleableSiteChromeOptions(options) {
-  return options.filter((option) => option.available);
-}
-function planSiteChromeLookSelection(command) {
-  if (command.surface === "header") {
-    const headerLookId = findLegacyHeaderLookIdForSelection({
-      layoutId: command.layoutId,
-      styleId: command.styleId
-    });
-    const lookCommand2 = headerLookId ? {
-      kind: "select",
-      surface: { kind: "site-header" },
-      lookId: headerLookId
-    } : {
-      kind: "clear",
-      surface: { kind: "site-header" }
-    };
-    return {
-      kind: "header",
-      writePlan: writePlanForLookCustomizationCommand(lookCommand2),
-      next: {
-        headerLayoutId: command.layoutId,
-        headerStyleId: command.styleId,
-        headerLookId
-      }
-    };
-  }
-  const lookCommand = command.lookId ? {
-    kind: "select",
-    surface: { kind: "site-footer" },
-    lookId: command.lookId
-  } : {
-    kind: "clear",
-    surface: { kind: "site-footer" }
-  };
-  return {
-    kind: "footer",
-    writePlan: writePlanForLookCustomizationCommand(lookCommand),
-    next: { footerLookId: command.lookId }
-  };
-}
-function diagnosticsForRequestedFooterSelection(requestedLookId, renderedLookId, rejected) {
-  if (!requestedLookId || requestedLookId === renderedLookId) return [];
-  const rejectedRequest = rejected.find(
-    (item) => item.lookId === requestedLookId
-  );
-  return rejectedRequest?.reasons.map(footerLookRejectionReasonLabel) ?? [];
-}
-
-// ../preview-next/src/client/preview/typographySelectionInput.ts
-function typographySelectionInputForSnapshot(snapshot, theme) {
-  if (snapshot.typographyPresetId === null && theme?.typography) {
-    return {
-      typographySelection: {
-        kind: "custom",
-        typography: theme.typography
-      }
-    };
-  }
-  return {
-    typographyPresetId: snapshot.typographyPresetId,
-    typographyBodyFontOverride: snapshot.typographyBodyFontOverride,
-    typographyHeadingFontOverride: snapshot.typographyHeadingFontOverride
-  };
-}
-
-// ../preview-next/src/client/preview/styleConfiguratorSnapshot.ts
-function resolveStyleConfiguratorInitialSnapshot(input) {
-  const themeSiteStyleId = siteStyleIdFromTheme(input.theme);
-  if (!themeSiteStyleId) return null;
-  const siteStyle = getCuratedSiteStyle(themeSiteStyleId);
-  if (!siteStyle) return null;
-  const compiled = compileSiteThemeFromSelections({
-    siteStyle,
-    buttonPersonalityId: input.initialSelections.buttonPersonalityId,
-    paletteVariantId: input.initialSelections.paletteVariantId,
-    paletteOverrides: input.initialSelections.paletteOverrides,
-    headerLayoutId: input.initialSelections.headerLayoutId ?? null,
-    headerStyleId: input.initialSelections.headerStyleId ?? null,
-    ...typographySelectionInputForSnapshot(input.initialSelections, input.theme),
-    headerLookId: input.initialSelections.headerLookId ?? null,
-    footerLookId: input.initialSelections.footerLookId ?? null,
-    headerSelectionContext: input.headerSelectionContext,
-    footerSelectionContext: input.footerSelectionContext
-  });
-  const paletteChanged = input.initialSelections.paletteVariantId !== null && compiled.resolvedSelections.paletteVariantId !== input.initialSelections.paletteVariantId;
-  return {
-    siteStyleId: siteStyle.id,
-    selectionVersion: input.initialSelections.selectionVersion ?? 0,
-    selectionUpdatedAt: input.initialSelections.selectionUpdatedAt ?? null,
-    headerLayoutId: compiled.resolvedSelections.headerLayoutId,
-    headerStyleId: compiled.resolvedSelections.headerStyleId,
-    headerLookId: compiled.requestedSelections.headerLookId,
-    footerLookId: compiled.requestedSelections.footerLookId,
-    buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
-    paletteVariantId: compiled.resolvedSelections.paletteVariantId,
-    paletteOverrides: paletteChanged ? null : input.initialSelections.paletteOverrides,
-    typographyPresetId: compiled.resolvedSelections.typographyPresetId,
-    typographyBodyFontOverride: compiled.resolvedSelections.typographyBodyFontOverride,
-    typographyHeadingFontOverride: compiled.resolvedSelections.typographyHeadingFontOverride
-  };
-}
-
-// ../preview-next/src/client/preview/siteStylePreviewPlanner.ts
-function planSiteStylePreviewChange(input) {
-  const compiled = compileSiteThemeFromSelections({
-    siteStyle: input.siteStyle,
-    buttonPersonalityId: input.selection.buttonPersonalityId,
-    paletteVariantId: input.selection.paletteVariantId,
-    paletteOverrides: input.selection.paletteOverrides,
-    ...typographySelectionInputForSnapshot(input.selection, input.baseTheme),
-    headerLayoutId: input.selection.headerLayoutId,
-    headerStyleId: input.selection.headerStyleId,
-    headerLookId: input.selection.headerLookId,
-    footerLookId: input.selection.footerLookId,
-    headerSelectionContext: input.headerSelectionContext,
-    footerSelectionContext: input.footerSelectionContext
-  });
-  return {
-    themeOverlay: compiled.theme,
-    resolvedSelections: compiled.resolvedSelections,
-    chromeSelection: {
-      headerLookId: input.selection.headerLookId,
-      footerLookId: input.selection.footerLookId
-    },
-    warnings: compiled.warnings
-  };
-}
-
 // ../preview-next/src/client/blocks/previewCustomizeControlPlan.ts
 var ABSOLUTE_MAX_QUICK_FIELDS = 3;
 var QUICK_FIELD_PRIORITY_BY_BLOCK_KIND = {
@@ -6949,7 +6418,7 @@ function useBlockCustomizeControls({
     return createStoreBackend({
       scope: "blocks",
       store: uiStore,
-      blockId: unsafeAsEditorBlockId(blockId),
+      blockId,
       validateFn: (values) => validateBlockManifestIssues(preparedManifest.validationManifest, values, "strict")
     });
   }, [blockId, preparedManifest, uiStore]);
@@ -6976,12 +6445,12 @@ function resolveQuickFieldBudget({
   if (typeof maxPopoverRows !== "number") {
     return cappedRequested;
   }
-  const settingsRowCount = hasOverflowControls ? 1 : 0;
-  const availableRows = maxPopoverRows - builtInPopoverRows - settingsRowCount;
+  const customizeRowCount = hasOverflowControls ? 1 : 0;
+  const availableRows = maxPopoverRows - builtInPopoverRows - customizeRowCount;
   return Math.max(0, Math.min(cappedRequested, availableRows));
 }
 function resolveBlockManifest(blockKind, sdkConfig) {
   return getBlockManifestFromSdkConfig(blockKind, sdkConfig) ?? getBlockDefinition(blockKind)?.manifest ?? null;
 }
 
-export { BUILT_IN_REFERENCE_KINDS, BlockEditor, ButtonVariantField, ButtonWidgetProvider, EntryPickerField, EntryPickerWidgetProvider, FileField, IconPickerField, LinkField, LinkWidgetProvider, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, MediaField, PreviewBlockCustomizeSelectionProvider, PreviewDesignCoordinatorProvider, PreviewThemeOverlayProvider, ReferenceField, ReferenceWidgetProvider, RichTextField, RichTextWidgetProvider, applyResolvedSelections, buildPreviewDashboardSetupUrl, buildSiteChromeLookModels, canApplySiteStyle, canInspectSiteStyle, cancelPreview, clearTypographyFontOverrides, createOptimisticActionRunner, createStyleConfiguratorState, cycleSiteChromeLookId, cycleableSiteChromeOptions, dismissNotices, dismissWarnings, isPreviewingChange, mapContentSchemaToFormFields, markApplyFailed, markApplySaved, markApplySaving, openRow, parseReferenceKind, planSiteChromeLookSelection, planSiteStylePreviewChange, previewButtonPersonality, previewFooterLook, previewHeaderLayout, previewHeaderStyle, previewPaletteVariant, previewSiteStyle, previewTypographyPreset, resolvePreviewDashboardSetupHandoff, resolvePreviewEditorGuidanceModel, resolvePreviewSetupBannerModel, resolvePreviewSidebarChromeModel, resolveSiteStyleAccess, resolveStyleConfiguratorInitialSnapshot, sanitizeDashboardPath, setPaletteOverrides, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, syncStyleConfiguratorState, toggleRow, useBlockCustomizeControls, usePreviewBlockCustomizeSelectionOptional, usePreviewDesignCoordinator, usePreviewThemeOverlay, useRichTextImagePicker };
+export { BUILT_IN_REFERENCE_KINDS, BlockEditor, ButtonVariantField, ButtonWidgetProvider, EntryPickerField, EntryPickerWidgetProvider, FileField, IconPickerField, LinkField, LinkWidgetProvider, MAX_CUSTOMIZE_POPOVER_ROWS, MAX_QUICK_MANIFEST_FIELDS, MediaField, PreviewBlockCustomizeSelectionProvider, ReferenceField, ReferenceWidgetProvider, RichTextField, RichTextWidgetProvider, SiteOptionPickerField, SiteOptionWidgetProvider, buildPreviewDashboardSetupUrl, canApplySiteStyle, canInspectSiteStyle, createSiteOptionApiLoader, createSiteOptionWidgetAdapters, mapContentSchemaToFormFields, parseReferenceKind, resolvePreviewDashboardSetupHandoff, resolvePreviewEditorGuidanceModel, resolvePreviewSetupBannerModel, resolvePreviewSidebarChromeModel, resolveSiteStyleAccess, sanitizeDashboardPath, useBlockCustomizeControls, usePreviewBlockCustomizeSelectionOptional, useRichTextImagePicker };