@riverbankcms/sdk 0.79.0 → 0.81.0

package/dist/{PreviewEditorSidebar-56NMJMIK.mjs → chunk-3QWQ2MUQ.mjs}

@@ -1,11 +1,241 @@
 "use client";
-import { resolvePreviewDashboardSetupHandoff, buildPreviewDashboardSetupUrl, resolvePreviewSidebarChromeModel, resolvePreviewEditorGuidanceModel, canInspectSiteStyle, usePreviewDesignCoordinator, resolveStyleConfiguratorInitialSnapshot, createStyleConfiguratorState, createOptimisticActionRunner, syncStyleConfiguratorState, isPreviewingChange, planSiteStylePreviewChange, openRow, previewSiteStyle, applyResolvedSelections, previewButtonPersonality, previewHeaderLayout, previewHeaderStyle, planSiteChromeLookSelection, previewFooterLook, previewPaletteVariant, previewTypographyPreset, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, clearTypographyFontOverrides, setPaletteOverrides, toggleRow, cancelPreview, dismissWarnings, dismissNotices, markApplyFailed, markApplySaved, markApplySaving, canApplySiteStyle, buildSiteChromeLookModels, cycleSiteChromeLookId, cycleableSiteChromeOptions } from './chunk-LCY32PXF.mjs';
-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, useEntryController, useEditorUiStoreInstance, useUISelector, resolvePreviewSidebarTab, BackgroundGradientField, BackgroundColorField, X, omitRouteTitleFieldFromManifest, getRouteMetadataManifestForType, createManifestValidation, previewAssistantEnabled, useField, FieldFrame, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, resolveIconPickerPreset, isIconPickerPreset, getIconPickerOptionsForPreset, isKnownIconName, Combobox, getIconComponent, useBackendWatch, useAsyncPickerOptions, shouldShowPickerSearch, normalizePickerSearchThreshold, Badge, resolvePickerSelectionLabel, useMediaEditorOptional, useRichTextEditor, RichTextEditorSurface, ThemeScope, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, CollapsibleTrigger, ContentFieldsForm, getCuratedSiteStyle, paletteOverridesSchema, findButtonPersonality, findPaletteVariant, findTypographyPreset, getHeaderLayout, getHeaderStyle, findFooterLook, footerLookCatalog, isObjectRecord, EMPTY_DOC, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, resolveVideoSelectionIntentForMediaField, emitMediaCropDebug, Pencil, foldSubroute, SUBROUTE_KINDS, Smartphone, Tablet, Monitor, Maximize2, DropdownMenuLabel, expectParsedBrandedId, parseSiteId, buildThemeRuntime, PaletteProvider, MediaEditorProvider, curatedSiteStyles, ChevronLeft, requireEntriesForCuratedChoices, buttonPersonalities, typographyPresets, paletteVariants, resolveImageUrlWithContext, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, evaluateTypographyFontSlot, Separator, classifyKnownMimeType, toRoutableLinkPayload, useMediaEditor, MediaPickerMini, MediaPickerDialog, Surface, ColorPicker, getDirectImageUrlForMediaAsset, isSvgMimeType } from './chunk-V47ZU33I.mjs';
-import { usePreviewAuth, getDashboardUrl } from './chunk-K2IIF34C.mjs';
-import './chunk-R7POPVJR.mjs';
-import React, { createContext, memo, useMemo, useState, useRef, useEffect, forwardRef, useCallback, useImperativeHandle, useContext, useSyncExternalStore, useLayoutEffect, useReducer, useTransition, useId } 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';
-import { useRouter } from 'next/navigation';
+
+// ../preview-next/src/client/preview/previewChromeSurfacePolicy.ts
+var PREVIEW_CHROME_SURFACE_POLICIES = {
+  core: {
+    banner: {
+      tone: "default",
+      bannerClassName: "border border-emerald-200/70 bg-white/95 shadow-xl backdrop-blur supports-[backdrop-filter]:bg-white/92",
+      summaryClassName: "rounded-md border border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-600",
+      dialogItemClassName: "rounded-md border border-slate-200 bg-slate-50 px-3 py-2",
+      titleClassName: "text-sm font-semibold tracking-tight text-foreground [font-family:var(--font-heading)]",
+      descriptionClassName: "text-sm text-muted-foreground [font-family:var(--font-body)]",
+      detailClassName: "text-xs text-muted-foreground [font-family:var(--font-body)]",
+      summaryTitleClassName: "font-medium text-foreground [font-family:var(--font-body)]",
+      summaryBodyClassName: "mt-1 text-muted-foreground [font-family:var(--font-body)]",
+      secondaryButtonClassName: "",
+      primaryButtonClassName: "",
+      dialogBodyClassName: "space-y-3 text-sm text-muted-foreground [font-family:var(--font-body)]",
+      dialogItemTitleClassName: "font-medium text-foreground [font-family:var(--font-heading)]",
+      dialogItemMetaClassName: "ml-2 text-xs font-normal uppercase tracking-wide text-muted-foreground [font-family:var(--font-body)]",
+      dialogItemDescriptionClassName: "mt-1 text-sm text-muted-foreground [font-family:var(--font-body)]",
+      ctaLabel: "Complete setup in dashboard",
+      copyByState: {
+        awaiting_confirmation: {
+          title: "Your draft preview is ready",
+          description: "Explore your site here, then confirm your email to unlock the dashboard and finish launch setup.",
+          detail: "Once your email is confirmed, Complete setup in dashboard will take you straight to the remaining checklist.",
+          checklistNote: "Email confirmation is the only blocker before dashboard access. The rest of the launch checklist lives in the dashboard."
+        },
+        dashboard_ready: {
+          title: "Your dashboard is unlocked",
+          description: "Keep exploring here, then use Complete setup in dashboard to review your pages, add offerings, connect payments, and finish launch setup.",
+          detail: "The dashboard is the place to complete the remaining checklist and get your site ready to launch.",
+          checklistNote: "The remaining launch steps are tracked in the same checklist you will see in the dashboard."
+        },
+        dashboard_resume: {
+          title: "Your draft site is ready",
+          description: "Keep exploring here, then use Complete setup in dashboard to review your pages, add offerings, connect payments, and finish launch setup.",
+          detail: "The dashboard is the normal place to finish setup for this site.",
+          checklistNote: "The remaining launch steps are tracked in the same checklist you will see in the dashboard."
+        }
+      },
+      dialog: {
+        title: "What still happens in the dashboard",
+        description: "Your preview is ready, but launch steps still happen in the dashboard so you can finish setup safely.",
+        pendingIntro: "Your preview is live now, but the launch checklist stays in the dashboard so the final setup steps happen in the right place.",
+        unlockedIntro: "Your preview is live now, and the same checklist will follow you into the dashboard when you are ready to finish setup.",
+        outro: "You can keep exploring this preview now, then jump back into the dashboard when you're ready to finish setup."
+      }
+    },
+    sidebar: {
+      tone: "default",
+      rootClassName: "bg-background",
+      headerClassName: "border-b",
+      guidance: {
+        title: "Make quick edits in preview",
+        description: "Use preview for copy and layout tweaks. Complete setup in dashboard to add offerings, connect payments, and finish the rest of your launch checklist.",
+        ctaLabel: "Complete setup in dashboard",
+        cardClassName: "rounded-lg border border-emerald-200/70 bg-emerald-50/70 px-3 py-3"
+      }
+    }
+  },
+  macadamia: {
+    banner: {
+      tone: "studio",
+      bannerClassName: "border border-border bg-background shadow-xl",
+      summaryClassName: "rounded-xl border border-border bg-surface px-3 py-2 text-xs text-foreground",
+      dialogItemClassName: "rounded-xl border border-border bg-surface px-3 py-2",
+      titleClassName: "text-sm font-semibold tracking-tight text-foreground [font-family:var(--font-heading)]",
+      descriptionClassName: "text-sm text-muted-foreground [font-family:var(--font-body)]",
+      detailClassName: "text-xs text-muted-foreground [font-family:var(--font-body)]",
+      summaryTitleClassName: "font-medium text-foreground [font-family:var(--font-body)]",
+      summaryBodyClassName: "mt-1 text-muted-foreground [font-family:var(--font-body)]",
+      secondaryButtonClassName: "border border-border bg-surface text-foreground hover:bg-button-outline-hover",
+      primaryButtonClassName: "border border-primary bg-primary text-primary-foreground hover:bg-primary-hover",
+      dialogBodyClassName: "space-y-3 text-sm text-muted-foreground [font-family:var(--font-body)]",
+      dialogItemTitleClassName: "font-medium text-foreground [font-family:var(--font-heading)]",
+      dialogItemMetaClassName: "ml-2 text-xs font-normal uppercase tracking-wide text-muted-foreground [font-family:var(--font-body)]",
+      dialogItemDescriptionClassName: "mt-1 text-sm text-muted-foreground [font-family:var(--font-body)]",
+      ctaLabel: "Complete setup in Macadamia",
+      copyByState: {
+        awaiting_confirmation: {
+          title: "Confirm your email to carry on",
+          description: "We've created the bones of your site. To carry on finishing setup, and to edit your site, you need to confirm your email to activate your account.",
+          detail: "",
+          checklistNote: ""
+        },
+        dashboard_ready: {
+          title: "Here's your site preview",
+          description: "We've created the bones of your site. Have a look around. If you like, you can add your site content here, or you can go straight to your dashboard to complete your setup. You'll be able to edit your site at any time, so don't worry if it's not perfect right now.",
+          detail: "",
+          checklistNote: ""
+        },
+        dashboard_resume: {
+          title: "Your studio site is ready",
+          description: "Keep exploring here, then use Complete setup in Macadamia to review your pages, add offerings, connect payments, and finish launch setup.",
+          detail: "Macadamia is the normal place to finish setup for this studio site.",
+          checklistNote: "The remaining launch steps are tracked in the same checklist you will see in Macadamia."
+        }
+      },
+      dialog: {
+        title: "What still happens in Macadamia",
+        description: "Your preview is ready, but launch steps still happen in Macadamia so you can finish setup safely.",
+        pendingIntro: "Your studio preview is live now, but the launch checklist stays in Macadamia so the final setup steps happen in the right place.",
+        unlockedIntro: "Your studio preview is live now, and the same checklist will follow you into Macadamia when you are ready to finish setup.",
+        outro: "You can keep exploring this preview now, then jump back into Macadamia when you're ready to finish setup."
+      }
+    },
+    sidebar: {
+      tone: "studio",
+      rootClassName: "bg-stone-50/80",
+      headerClassName: "border-b border-amber-200/70 bg-amber-50/70",
+      guidance: {
+        title: "Polish your studio preview",
+        description: "Use preview for copy and layout tweaks. Complete setup in Macadamia to add offerings, connect payments, and finish the rest of your launch checklist.",
+        ctaLabel: "Complete setup in Macadamia",
+        cardClassName: "rounded-2xl border border-amber-200/80 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-4 py-4 shadow-sm"
+      }
+    }
+  }
+};
+function getPreviewChromeSurfacePolicy(surfaceId) {
+  return PREVIEW_CHROME_SURFACE_POLICIES[surfaceId];
+}
+function resolvePreviewSetupBannerModel(input) {
+  if (!input.bannerState) {
+    return null;
+  }
+  const policy = getPreviewChromeSurfacePolicy(input.surfaceId).banner;
+  return {
+    tone: policy.tone,
+    bannerClassName: policy.bannerClassName,
+    summaryClassName: policy.summaryClassName,
+    dialogItemClassName: policy.dialogItemClassName,
+    titleClassName: policy.titleClassName,
+    descriptionClassName: policy.descriptionClassName,
+    detailClassName: policy.detailClassName,
+    summaryTitleClassName: policy.summaryTitleClassName,
+    summaryBodyClassName: policy.summaryBodyClassName,
+    secondaryButtonClassName: policy.secondaryButtonClassName,
+    primaryButtonClassName: policy.primaryButtonClassName,
+    dialogBodyClassName: policy.dialogBodyClassName,
+    dialogItemTitleClassName: policy.dialogItemTitleClassName,
+    dialogItemMetaClassName: policy.dialogItemMetaClassName,
+    dialogItemDescriptionClassName: policy.dialogItemDescriptionClassName,
+    ctaLabel: policy.ctaLabel,
+    copy: policy.copyByState[input.bannerState],
+    dialogTitle: policy.dialog.title,
+    dialogDescription: policy.dialog.description,
+    dialogIntro: input.dashboardUnlocked ? policy.dialog.unlockedIntro : policy.dialog.pendingIntro,
+    dialogOutro: policy.dialog.outro
+  };
+}
+function resolvePreviewSidebarChromeModel(surfaceId) {
+  const policy = getPreviewChromeSurfacePolicy(surfaceId).sidebar;
+  return {
+    tone: policy.tone,
+    rootClassName: policy.rootClassName,
+    headerClassName: policy.headerClassName
+  };
+}
+function resolvePreviewEditorGuidanceModel(input) {
+  if (!input.canEdit || !input.hasDashboardSetupHandoff) {
+    return null;
+  }
+  const policy = getPreviewChromeSurfacePolicy(input.surfaceId).sidebar;
+  return {
+    tone: policy.tone,
+    title: policy.guidance.title,
+    description: policy.guidance.description,
+    ctaLabel: policy.guidance.ctaLabel,
+    cardClassName: policy.guidance.cardClassName
+  };
+}
+
+// ../preview-next/src/client/preview/sanitizeDashboardPath.ts
+function sanitizeDashboardPath(value) {
+  if (!value) return null;
+  const trimmed = value.trim();
+  if (!trimmed || /^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(trimmed)) {
+    return null;
+  }
+  const normalized = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  try {
+    const parsed = new URL(normalized, "https://preview.local");
+    return `${parsed.pathname}${parsed.search}${parsed.hash}`;
+  } catch {
+    return null;
+  }
+}
+
+// ../preview-next/src/client/preview/previewDashboardHandoff.ts
+function resolvePreviewDashboardSetupHandoffFromSearch(search) {
+  const params = new URLSearchParams(search);
+  if (params.get("preview_handoff") !== "dashboard_setup") {
+    return null;
+  }
+  const dashboardPath = sanitizeDashboardPath(params.get("preview_dashboard"));
+  if (!dashboardPath) {
+    return null;
+  }
+  return {
+    kind: "dashboard_setup",
+    dashboardPath
+  };
+}
+function resolvePreviewDashboardSetupHandoff() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return resolvePreviewDashboardSetupHandoffFromSearch(window.location.search);
+}
+function buildPreviewDashboardSetupUrl(dashboardBaseUrl, handoff) {
+  if (!dashboardBaseUrl || !handoff) {
+    return null;
+  }
+  return new URL(handoff.dashboardPath, dashboardBaseUrl).toString();
+}
+
+// ../preview-next/src/client/preview/siteStyleAccess.ts
+function resolveSiteStyleAccess(session) {
+  if (session?.kind === "userSession" && session.canManage) {
+    return { kind: "apply-allowed" };
+  }
+  if (session?.kind === "userSession" && session.canEdit) {
+    return { kind: "preview-only" };
+  }
+  return { kind: "hidden" };
+}
+function canInspectSiteStyle(access) {
+  return access.kind !== "hidden";
+}
+function canApplySiteStyle(access) {
+  return access.kind === "apply-allowed";
+}
 
 // ../content-model/src/referenceFields.ts
 var BUILT_IN_REFERENCE_KINDS = [
@@ -317,65 +547,38 @@ function normalizeFieldUi(value) {
   }
   return value;
 }
-var ButtonWidgetContext = createContext(null);
-function ButtonWidgetProvider({ buttonSystem, children }) {
-  const value = useMemo(() => {
-    const variants = buttonSystem ? buttonSystem.variants.filter((v) => v.enabled).map((v) => ({
-      id: v.id,
-      name: v.name,
-      priority: v.priority
-    })).sort((a, b) => a.priority - b.priority) : [];
-    const defaultVariant = buttonSystem?.variants.find((v) => v.priority === 1)?.id ?? null;
-    return {
-      variants,
-      defaultVariant,
-      buttonSystem
-    };
-  }, [buttonSystem]);
-  return /* @__PURE__ */ jsx(ButtonWidgetContext.Provider, { value, children });
-}
-function useButtonWidgetContext() {
-  const context = useContext(ButtonWidgetContext);
-  if (!context) {
-    throw new Error("useButtonWidgetContext must be used within ButtonWidgetProvider");
-  }
-  return context;
-}
-var DEFAULT_VARIANTS = [
-  { id: "primary", name: "Primary", priority: 1 },
-  { id: "secondary", name: "Secondary", priority: 2 },
-  { id: "outline", name: "Outline", priority: 3 }
-];
-function ButtonVariantField({ path, backend, config }) {
-  const { value, error, setValue } = useField(path, backend);
-  const buttonContext = useButtonWidgetContext();
-  const variants = buttonContext.variants.length > 0 ? buttonContext.variants : DEFAULT_VARIANTS;
-  const options = variants.map((v) => ({ value: v.id, label: v.name }));
-  const isUnknownVariant = value && !options.some((opt) => opt.value === value);
-  if (isUnknownVariant && true) {
-    console.warn(
-      `[ButtonVariantField] Unknown button variant "${value}" at path "${path}". Available variants: ${options.map((o) => o.value).join(", ")}. The button may not render with expected styling.`
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    FieldFrame,
-    {
-      label: config.label,
-      description: config.description,
-      error: error?.message,
-      children: () => /* @__PURE__ */ jsxs(
-        Select,
-        {
-          value: typeof value === "string" && value !== "" ? value : void 0,
-          onValueChange: setValue,
-          children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${config.label.toLowerCase()}` }) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-          ]
-        }
-      )
-    }
+var PreviewBlockCustomizeSelectionContext = createContext(null);
+function PreviewBlockCustomizeSelectionProvider({
+  children
+}) {
+  const uiStore = useEditorUiStoreInstance();
+  const previewInspection = useUISelector(uiStore, (state) => state.previewInspection);
+  const selection = useMemo(
+    () => previewInspection.kind === "block-customize" ? {
+      kind: "selected",
+      blockId: previewInspection.blockId,
+      requestId: previewInspection.requestId
+    } : { kind: "none" },
+    [previewInspection]
+  );
+  const inspectBlock = useCallback((blockId) => {
+    uiStore.getState().inspectBlock(blockId);
+  }, [uiStore]);
+  const clearInspection = useCallback(() => {
+    uiStore.getState().clearPreviewInspection();
+  }, [uiStore]);
+  const value = useMemo(
+    () => ({
+      selection,
+      inspectBlock,
+      clearInspection
+    }),
+    [clearInspection, inspectBlock, selection]
   );
+  return /* @__PURE__ */ jsx(PreviewBlockCustomizeSelectionContext.Provider, { value, children });
+}
+function usePreviewBlockCustomizeSelectionOptional() {
+  return useContext(PreviewBlockCustomizeSelectionContext);
 }
 function useStoreSelector(store, selector, isEqual = Object.is) {
   const cacheRef = useRef(null);
@@ -513,7 +716,7 @@ function getItemGap$1(clientRects, index, activeIndex) {
   return nextRect ? nextRect.top - (currentRect.top + currentRect.height) : previousRect ? currentRect.top - (previousRect.top + previousRect.height) : 0;
 }
 var ID_PREFIX = "Sortable";
-var Context = /* @__PURE__ */ React.createContext({
+var Context = /* @__PURE__ */ React2.createContext({
   activeIndex: -1,
   containerId: ID_PREFIX,
   disableTransforms: false,
@@ -575,7 +778,7 @@ function SortableContext(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
   );
-  return React.createElement(Context.Provider, {
+  return React2.createElement(Context.Provider, {
     value: contextValue
   }, children);
 }
@@ -1927,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";
@@ -2485,16 +2690,30 @@ function GeneratedIconSetDialog({
 }) {
   const [state, dispatch] = useReducer(reducer, { kind: "idle" });
   const [styleNote, setStyleNote] = useState("");
+  const activeGenerationRef = useRef(null);
   const canGenerate = Boolean(onGenerate) && cards.length > 0 && state.kind !== "generating";
   const canApply = Boolean(onApply) && state.kind === "preview_ready";
+  function abortActiveGeneration() {
+    activeGenerationRef.current?.abort();
+    activeGenerationRef.current = null;
+  }
+  useEffect(() => () => {
+    activeGenerationRef.current?.abort();
+    activeGenerationRef.current = null;
+  }, []);
   async function generate() {
     if (!onGenerate || cards.length === 0) return;
+    abortActiveGeneration();
+    const generation = new AbortController();
+    activeGenerationRef.current = generation;
     dispatch({ type: "generating" });
     try {
       const result = await onGenerate({
         cards,
-        userStyleNote: styleNote.trim().length > 0 ? styleNote.trim() : null
+        userStyleNote: styleNote.trim().length > 0 ? styleNote.trim() : null,
+        signal: generation.signal
       });
+      if (activeGenerationRef.current !== generation || generation.signal.aborted) return;
       if (result.kind === "preview_ready") {
         const validation = validateGeneratedIconSetPreview(result.preview, cards);
         if (validation.kind === "invalid") {
@@ -2506,10 +2725,16 @@ function GeneratedIconSetDialog({
       }
       dispatch({ type: "failed", message: result.message });
     } catch (error) {
+      if (activeGenerationRef.current !== generation || generation.signal.aborted) return;
       dispatch({ type: "failed", message: getGenerationErrorMessage(error) });
+    } finally {
+      if (activeGenerationRef.current === generation) {
+        activeGenerationRef.current = null;
+      }
     }
   }
   function close(nextOpen) {
+    if (!nextOpen) abortActiveGeneration();
     onOpenChange(nextOpen);
     if (!nextOpen) dispatch({ type: "reset" });
   }
@@ -2964,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,
@@ -2989,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)) }),
@@ -3024,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,
@@ -3043,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,
@@ -3055,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
@@ -3070,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) : [];
@@ -3096,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,
@@ -3112,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: [
@@ -3195,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: [
@@ -3350,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,
@@ -3375,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,
@@ -3411,7 +3783,7 @@ function BlockCard({
             theme,
             hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
             reorderControlMode,
-            actionControlMode,
+            actionPresentation,
             currentStyleGuideVersionId,
             iconStyleGuideSummary,
             iconStyleGuideEditHref,
@@ -3470,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,
@@ -3558,7 +3930,7 @@ var SortableBlockItem = memo(function SortableBlockItem2({
           hideThemeV2RawStyleFields: hideThemeV2RawStyleFields2,
           pageDesignBlock,
           reorderControlMode,
-          actionControlMode,
+          actionPresentation,
           currentStyleGuideVersionId,
           iconStyleGuideSummary,
           iconStyleGuideEditHref,
@@ -3591,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)
@@ -3684,7 +4056,8 @@ var BlockEditor = forwardRef(
               bodyText: card.bodyText,
               semanticIconId: card.semanticIconId
             }))
-          }
+          },
+          options: input.signal ? { signal: input.signal } : void 0
         }));
         const assets = response.preview.assets.map((asset) => {
           const iconValue = parseBlockIconValue(asset.iconValue);
@@ -4048,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,
@@ -4101,6 +4474,22 @@ var BlockEditor = forwardRef(
     ] }) });
   }
 );
+var LinkWidgetContext = createContext(null);
+function LinkWidgetProvider({
+  children,
+  siteId,
+  adapters,
+  initialItems
+}) {
+  return /* @__PURE__ */ jsx(LinkWidgetContext.Provider, { value: { siteId, adapters, initialItems }, children });
+}
+function useLinkWidgetContext() {
+  const ctx = useContext(LinkWidgetContext);
+  if (!ctx) {
+    return {};
+  }
+  return ctx;
+}
 
 // ../editor-blocks/src/widgets/link/utils.ts
 function toInternalLinkValue(item) {
@@ -4530,22 +4919,6 @@ function LinkWidget({
     )
   ] }) }) });
 }
-var LinkWidgetContext = createContext(null);
-function LinkWidgetProvider({
-  children,
-  siteId,
-  adapters,
-  initialItems
-}) {
-  return /* @__PURE__ */ jsx(LinkWidgetContext.Provider, { value: { siteId, adapters, initialItems }, children });
-}
-function useLinkWidgetContext() {
-  const ctx = useContext(LinkWidgetContext);
-  if (!ctx) {
-    return {};
-  }
-  return ctx;
-}
 function LinkField({ path, backend, config }) {
   const { value, setValue } = useField(path, backend);
   const { siteId, adapters, initialItems } = useLinkWidgetContext();
@@ -5375,28 +5748,87 @@ function filenameExtension(filename) {
   if (dotIndex < 0 || dotIndex === filename.length - 1) return null;
   return filename.slice(dotIndex + 1).trim().toLowerCase() || null;
 }
-createContext(null);
-var EntryPickerWidgetContext = createContext(null);
-function EntryPickerWidgetProvider({
-  siteId,
-  adapter = null,
-  children
-}) {
-  return /* @__PURE__ */ jsx(EntryPickerWidgetContext.Provider, { value: { siteId, adapter }, children });
-}
-function useEntryPickerWidgetContext() {
-  const ctx = useContext(EntryPickerWidgetContext);
-  if (!ctx) {
-    throw new Error("useEntryPickerWidgetContext must be used within EntryPickerWidgetProvider");
-  }
-  return ctx;
-}
-
-// ../editor-blocks/src/widgets/entry-picker/utils.ts
-function isNonEmptyString(value) {
-  return typeof value === "string" && value.trim().length > 0;
-}
-function findItemForStoredValue(storedValue, items) {
+var ButtonWidgetContext = createContext(null);
+function ButtonWidgetProvider({ buttonSystem, children }) {
+  const value = useMemo(() => {
+    const variants = buttonSystem ? buttonSystem.variants.filter((v) => v.enabled).map((v) => ({
+      id: v.id,
+      name: v.name,
+      priority: v.priority
+    })).sort((a, b) => a.priority - b.priority) : [];
+    const defaultVariant = buttonSystem?.variants.find((v) => v.priority === 1)?.id ?? null;
+    return {
+      variants,
+      defaultVariant,
+      buttonSystem
+    };
+  }, [buttonSystem]);
+  return /* @__PURE__ */ jsx(ButtonWidgetContext.Provider, { value, children });
+}
+function useButtonWidgetContext() {
+  const context = useContext(ButtonWidgetContext);
+  if (!context) {
+    throw new Error("useButtonWidgetContext must be used within ButtonWidgetProvider");
+  }
+  return context;
+}
+var DEFAULT_VARIANTS = [
+  { id: "primary", name: "Primary", priority: 1 },
+  { id: "secondary", name: "Secondary", priority: 2 },
+  { id: "outline", name: "Outline", priority: 3 }
+];
+function ButtonVariantField({ path, backend, config }) {
+  const { value, error, setValue } = useField(path, backend);
+  const buttonContext = useButtonWidgetContext();
+  const variants = buttonContext.variants.length > 0 ? buttonContext.variants : DEFAULT_VARIANTS;
+  const options = variants.map((v) => ({ value: v.id, label: v.name }));
+  const isUnknownVariant = value && !options.some((opt) => opt.value === value);
+  if (isUnknownVariant && true) {
+    console.warn(
+      `[ButtonVariantField] Unknown button variant "${value}" at path "${path}". Available variants: ${options.map((o) => o.value).join(", ")}. The button may not render with expected styling.`
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    FieldFrame,
+    {
+      label: config.label,
+      description: config.description,
+      error: error?.message,
+      children: () => /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: typeof value === "string" && value !== "" ? value : void 0,
+          onValueChange: setValue,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${config.label.toLowerCase()}` }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+          ]
+        }
+      )
+    }
+  );
+}
+var EntryPickerWidgetContext = createContext(null);
+function EntryPickerWidgetProvider({
+  siteId,
+  adapter = null,
+  children
+}) {
+  return /* @__PURE__ */ jsx(EntryPickerWidgetContext.Provider, { value: { siteId, adapter }, children });
+}
+function useEntryPickerWidgetContext() {
+  const ctx = useContext(EntryPickerWidgetContext);
+  if (!ctx) {
+    throw new Error("useEntryPickerWidgetContext must be used within EntryPickerWidgetProvider");
+  }
+  return ctx;
+}
+
+// ../editor-blocks/src/widgets/entry-picker/utils.ts
+function isNonEmptyString(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function findItemForStoredValue(storedValue, items) {
   if (!isNonEmptyString(storedValue)) return void 0;
   return items.find((item) => item.value === storedValue) ?? items.find((item) => item.id === storedValue) ?? items.find((item) => item.identifier === storedValue) ?? items.find((item) => item.slug === storedValue);
 }
@@ -5534,2482 +5966,491 @@ function IconPickerField({ path, backend, config }) {
     }
   ) });
 }
-
-// ../editor-blocks/src/widgets/entry-picker/loaders.ts
-function getStatusBadgeVariant(status) {
-  switch (status) {
-    case "published":
-      return "default";
-    case "draft":
-      return "secondary";
-    case "scheduled":
-      return "outline";
-    case "archived":
-      return "destructive";
-    default:
-      return "secondary";
-  }
-}
-function mapEntryPickerItems(entries, valueFrom) {
-  return entries.map((entry) => ({
-    value: valueFrom === "identifier" ? entry.identifier ?? entry.id : valueFrom === "slug" ? entry.slug ?? entry.id : entry.id,
-    label: entry.draftTitle || entry.title || entry.slug || entry.id,
-    id: entry.id,
-    identifier: entry.identifier ?? null,
-    slug: entry.slug ?? null,
-    badge: {
-      label: entry.status,
-      variant: getStatusBadgeVariant(entry.status)
-    }
-  }));
-}
-async function loadEntryPickerItems({
-  apiClient,
+var SiteOptionWidgetContext = createContext(null);
+function SiteOptionWidgetProvider({
   siteId,
-  contentType,
-  valueFrom
-}) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentType }
-  });
-  const { entries } = unwrapResponse(result);
-  return mapEntryPickerItems(entries, valueFrom);
-}
-
-// ../editor-blocks/src/widgets/link/loaders.ts
-async function loadRoutableContentItems({
-  apiClient,
-  siteId
+  adapters,
+  children
 }) {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const payload = unwrapResponse(result);
-  return Array.isArray(payload?.items) ? payload.items : [];
+  return /* @__PURE__ */ jsx(SiteOptionWidgetContext.Provider, { value: { siteId, adapters }, children });
 }
-
-// ../editor-blocks/src/widgets/reference/dynamicAdapters.ts
-function createDynamicReferenceAdapters(staticAdapters, createDynamicContentAdapter) {
-  return new Proxy(staticAdapters, {
-    get(target, prop) {
-      if (typeof prop !== "string") {
-        return void 0;
-      }
-      if (prop in target) {
-        return target[prop];
-      }
-      const parsed = parseReferenceKind(prop);
-      if (parsed.kind === "dynamicContent") {
-        return createDynamicContentAdapter(parsed.contentTypeKey);
-      }
-      return void 0;
-    }
-  });
+function useSiteOptionWidgetContext() {
+  const ctx = useContext(SiteOptionWidgetContext);
+  if (!ctx) {
+    throw new Error("useSiteOptionWidgetContext must be used within SiteOptionWidgetProvider");
+  }
+  return ctx;
 }
 
-// ../editor-blocks/src/widgets/reference/loaders.ts
-function defineReferenceLoader(referenceKind, loader) {
-  return Object.assign(loader, { referenceKind });
-}
-function formatStatusBadge(status) {
-  if (status === "published") {
-    return { label: "Published", variant: "default" };
+// ../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);
   }
-  if (status === "scheduled") {
-    return { label: "Scheduled", variant: "secondary" };
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? [trimmed] : [];
   }
-  if (status === "archived") {
-    return { label: "Archived", variant: "outline" };
+  return [];
+}
+function getSiteOptionSource(config) {
+  const raw = (config.ui ?? {}).siteOptionSource;
+  if (typeof raw !== "string") {
+    return null;
   }
-  return { label: "Draft", variant: "outline" };
+  const trimmed = raw.trim();
+  return siteOptionSources.includes(trimmed) ? trimmed : null;
 }
-function hasSlug(entry) {
-  return entry.slug !== null;
+function getSearchThreshold(config) {
+  return normalizePickerSearchThreshold((config.ui ?? {}).searchThreshold);
 }
-var loadPostReferenceItems = defineReferenceLoader("post", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: "post" }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter(hasSlug).filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.slug,
-    label: entry.title || entry.slug || entry.id,
-    badge: formatStatusBadge(entry.status)
-  }));
-});
-var loadFormReferenceItems = defineReferenceLoader("form", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listForms",
-    params: { siteId }
-  });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.slug,
-    label: form.name
-  }));
-});
-var loadBookingFormReferenceItems = defineReferenceLoader("bookingForm", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listBookingForms",
-    params: { siteId }
+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 [];
+    }
+    return adapter.loadItems({ siteId, source });
+  }, [adapter, siteId, source]);
+  const { options: items, isLoading, errorMessage: loadError } = useAsyncPickerOptions({
+    enabled: Boolean(adapter && siteId && source),
+    loadOptions: loadItems
   });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.id,
-    label: form.name
-  }));
-});
-var loadAppointmentServiceReferenceItems = defineReferenceLoader(
-  "appointmentService",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentServicesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
+  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." }) });
   }
-);
-var loadAppointmentResourceReferenceItems = defineReferenceLoader(
-  "appointmentResource",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentResourcesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
+  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
+        ] })
+      }
+    );
   }
-);
-var loadPageReferenceItems = defineReferenceLoader("page", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const { items } = unwrapResponse(result);
-  return items.filter((item) => item.entityType === "page").map((page) => ({
-    value: page.entityId,
-    label: page.title || "Untitled"
-  }));
-});
-var loadNewsletterListReferenceItems = defineReferenceLoader(
-  "newsletterList",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "listNewsletterLists",
-      params: { siteId }
-    });
-    const { lists } = unwrapResponse(result);
-    return lists.map((list) => ({
-      value: list.id,
-      label: list.name
-    }));
+  const currentValue = typeof value === "string" ? value : "";
+  const selectionLabel = resolvePickerSelectionLabel(
+    currentValue || null,
+    items,
+    ({ value: value2, options }) => adapter.formatSelectionLabel?.({ value: value2, items: options }) ?? value2
+  );
+  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
+      ] })
+    }
+  );
+}
+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."
   }
-);
-async function loadDynamicContentReferenceItems({
+};
+function mapEventCategoriesToSiteOptionItems(payload) {
+  return payload.categories.map((category) => ({
+    value: category.id,
+    label: category.name,
+    subtitle: category.identifier
+  }));
+}
+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,
-  contentTypeKey
+  source
 }) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentTypeKey }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.id,
-    label: entry.title || entry.slug || entry.id,
-    badge: { label: "Published", variant: "default" }
-  }));
-}
-var referenceLoaders = {
-  post: loadPostReferenceItems,
-  form: loadFormReferenceItems,
-  bookingForm: loadBookingFormReferenceItems,
-  appointmentService: loadAppointmentServiceReferenceItems,
-  appointmentResource: loadAppointmentResourceReferenceItems,
-  page: loadPageReferenceItems,
-  newsletterList: loadNewsletterListReferenceItems
-};
-
-// ../preview-next/src/client/widgets/widgetAdapters.ts
-var routableContentCache = /* @__PURE__ */ new Map();
-var entryPickerCache = /* @__PURE__ */ new Map();
-var referenceItemsCache = /* @__PURE__ */ new Map();
-var dynamicReferenceItemsCache = /* @__PURE__ */ new Map();
-var MAX_CACHE_ENTRIES = 50;
-function setBoundedCache(map, key, value) {
-  if (!map.has(key) && map.size >= MAX_CACHE_ENTRIES) {
-    const firstKey = map.keys().next().value;
-    if (firstKey !== void 0) {
-      map.delete(firstKey);
+  switch (source) {
+    case "eventCategories": {
+      const result = await apiClient({
+        endpoint: "listEventCategories",
+        params: { siteId }
+      });
+      return mapEventCategoriesToSiteOptionItems(unwrapResponse(result));
+    }
+    case "venues": {
+      const result = await apiClient({
+        endpoint: "listVenues",
+        params: { siteId }
+      });
+      return mapVenuesToSiteOptionItems(unwrapResponse(result));
+    }
+    case "staffMembers": {
+      const result = await apiClient({
+        endpoint: "listAppointmentResources",
+        params: { siteId }
+      });
+      return mapStaffMembersToSiteOptionItems(unwrapResponse(result));
     }
+    default:
+      return assertNever(source);
   }
-  map.set(key, value);
 }
-function createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, fallbackSiteId) {
+function createSiteOptionApiLoader(apiClient) {
+  return (args) => loadSiteOptionItemsFromApi({ apiClient, ...args });
+}
+function createSiteOptionWidgetAdapters({
+  loadItems,
+  mapLoadError,
+  renderManageLink
+}) {
   return {
-    labels: {
-      loading: "Loading entries\u2026",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to continue."
-    },
-    loadItems: async ({ siteId }) => {
-      const resolvedSiteId = siteId || fallbackSiteId;
-      if (!resolvedSiteId) {
-        return [];
-      }
-      const cacheKey = `${resolvedSiteId}:content:${contentTypeKey}`;
-      const cached = dynamicReferenceItemsCache.get(cacheKey);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadDynamicContentReferenceItems({
-            apiClient: previewClient,
-            siteId: resolvedSiteId,
-            contentTypeKey
-          });
-        } catch (error) {
-          dynamicReferenceItemsCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(dynamicReferenceItemsCache, cacheKey, promise);
-      return promise;
-    }
+    eventCategories: createSiteOptionWidgetAdapter("eventCategories", loadItems, mapLoadError, renderManageLink),
+    venues: createSiteOptionWidgetAdapter("venues", loadItems, mapLoadError, renderManageLink),
+    staffMembers: createSiteOptionWidgetAdapter("staffMembers", loadItems, mapLoadError, renderManageLink)
   };
 }
-function createCachedReferenceAdapterLoader(kind, loader, previewClient, fallbackSiteId) {
-  return async ({ siteId }) => {
-    const resolvedSiteId = siteId || fallbackSiteId;
-    if (!resolvedSiteId) {
-      return [];
-    }
-    const cacheKey = `${kind}:${resolvedSiteId}`;
-    const cached = referenceItemsCache.get(cacheKey);
-    if (cached) return cached;
-    const promise = (async () => {
+function createSiteOptionWidgetAdapter(source, loadItems, mapLoadError, renderManageLink) {
+  return {
+    labels: siteOptionWidgetLabels[source],
+    renderManageLink: renderManageLink?.[source],
+    loadItems: async ({ siteId }) => {
+      if (!siteId) return [];
+      const args = { siteId, source };
       try {
-        return await loader({ apiClient: previewClient, siteId: resolvedSiteId });
+        return await loadItems(args);
       } catch (error) {
-        referenceItemsCache.delete(cacheKey);
-        throw error;
+        throw mapLoadError ? mapLoadError(error, args) : error;
       }
-    })();
-    setBoundedCache(referenceItemsCache, cacheKey, promise);
-    return promise;
+    }
   };
 }
-function createPreviewLinkAdapters(previewClient) {
-  return {
-    fetchRoutableContent: async (currentSiteId) => {
-      const cached = routableContentCache.get(currentSiteId);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadRoutableContentItems({ apiClient: previewClient, siteId: currentSiteId });
-        } catch (error) {
-          routableContentCache.delete(currentSiteId);
-          throw error;
-        }
-      })();
-      setBoundedCache(routableContentCache, currentSiteId, promise);
-      return promise;
+
+// ../preview-next/src/client/blocks/previewCustomizeControlPlan.ts
+var ABSOLUTE_MAX_QUICK_FIELDS = 3;
+var QUICK_FIELD_PRIORITY_BY_BLOCK_KIND = {
+  "block.testimonials": [
+    "avatarLayout",
+    "gridColumns",
+    "slidesToShow",
+    "maxEntries",
+    "autoplay"
+  ],
+  "block.image-gallery": [
+    "aspectRatio",
+    "slidesToShow",
+    "fullBleed",
+    "marqueeSpeed",
+    "marqueePauseOnHover"
+  ],
+  "block.event-calendar": [
+    "listLayout",
+    "eventsPerPage",
+    "showFilters",
+    "calendarView",
+    "eventSurface"
+  ],
+  "block.event-listing": [
+    "layout",
+    "columns",
+    "eventsPerPage",
+    "showFilters",
+    "eventSurface"
+  ]
+};
+function createPreviewCustomizeControlPlan({
+  blockKind,
+  fields,
+  content,
+  maxQuickFields = ABSOLUTE_MAX_QUICK_FIELDS
+}) {
+  const valueReader = createVisibilityValueReader(content);
+  const quickPriority = QUICK_FIELD_PRIORITY_BY_BLOCK_KIND[blockKind] ?? [];
+  const quickPriorityIndex = new Map(
+    quickPriority.map((fieldId, index) => [fieldId, index])
+  );
+  const maxQuick = Math.max(0, Math.min(ABSOLUTE_MAX_QUICK_FIELDS, maxQuickFields));
+  const visibleControls = [];
+  const hiddenControls = [];
+  for (const field of fields) {
+    if (isThemeV2NormalEditorRawStyleFieldName(field.id)) {
+      hiddenControls.push({
+        fieldId: field.id,
+        reason: "theme-v2-raw-style-field"
+      });
+      continue;
+    }
+    if (isHeaderField(field)) {
+      hiddenControls.push({ fieldId: field.id, reason: "header-field" });
+      continue;
+    }
+    const intent = getFieldIntent(field);
+    if (intent !== "display" && intent !== "behavior") {
+      hiddenControls.push({
+        fieldId: field.id,
+        reason: "unsupported-intent"
+      });
+      continue;
+    }
+    if (!evaluateVisibility(field, valueReader, field.id)) {
+      hiddenControls.push({ fieldId: field.id, reason: "not-visible" });
+      continue;
     }
+    visibleControls.push({
+      kind: "manifest-field",
+      field,
+      placement: "panel",
+      intent
+    });
+  }
+  const quickFieldIds = new Set(
+    visibleControls.filter((control) => quickPriorityIndex.has(control.field.id)).sort(
+      (left, right) => (quickPriorityIndex.get(left.field.id) ?? Number.MAX_SAFE_INTEGER) - (quickPriorityIndex.get(right.field.id) ?? Number.MAX_SAFE_INTEGER)
+    ).slice(0, maxQuick).map((control) => control.field.id)
+  );
+  return {
+    quickControls: visibleControls.filter((control) => quickFieldIds.has(control.field.id)).map((control) => ({ ...control, placement: "quick" })),
+    panelControls: visibleControls.filter(
+      (control) => !quickFieldIds.has(control.field.id)
+    ),
+    hiddenControls
   };
 }
-function createPreviewEntryPickerAdapter(previewClient) {
+function createVisibilityValueReader(content) {
   return {
-    loadItems: async ({ siteId, contentType, valueFrom }) => {
-      if (!siteId || !contentType) return [];
-      const cacheKey = `${siteId}:${contentType}:${valueFrom ?? "id"}`;
-      const cached = entryPickerCache.get(cacheKey);
-      if (cached) return cached;
-      const request = (async () => {
-        try {
-          return await loadEntryPickerItems({
-            apiClient: previewClient,
-            siteId,
-            contentType,
-            valueFrom
-          });
-        } catch (error) {
-          entryPickerCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(entryPickerCache, cacheKey, request);
-      return request;
-    },
-    labels: {
-      loading: "Loading entries...",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to embed.",
-      noContentType: "Select a content type first."
-    }
+    getValue: (path) => getValueAtPath(content, path)
   };
 }
-var previewReferenceChrome = {
-  post: {
-    labels: {
-      loading: "Loading posts\u2026",
-      select: "Select a post",
-      empty: "No posts found",
-      emptySelection: "Select a post to continue."
-    }
-  },
-  form: {
-    labels: {
-      loading: "Loading forms\u2026",
-      select: "Select a form",
-      empty: "No forms found",
-      emptySelection: "Select a form to continue."
-    }
-  },
-  bookingForm: {
-    labels: {
-      loading: "Loading booking forms\u2026",
-      select: "Select a booking form",
-      empty: "No booking forms yet",
-      emptySelection: "Select a booking form to enable appointment booking."
-    }
-  },
-  appointmentService: {
-    labels: {
-      loading: "Loading appointment services\u2026",
-      select: "Select a service",
-      empty: "No services available",
-      emptySelection: "Select a service to enable booking."
+function getValueAtPath(source, path) {
+  if (!path) return source;
+  let current = source;
+  for (const segment of path.split(".")) {
+    if (!current || typeof current !== "object") {
+      return void 0;
     }
-  },
-  appointmentResource: {
-    labels: {
-      loading: "Loading resources\u2026",
-      select: "Select a resource",
-      empty: "No resources available",
-      emptySelection: "Select a resource (optional)."
-    }
-  },
-  page: {
-    labels: {
-      loading: "Loading pages\u2026",
-      select: "Select a page",
-      empty: "No pages available",
-      emptySelection: "Select a page."
-    }
-  },
-  newsletterList: {
-    labels: {
-      loading: "Loading lists\u2026",
-      select: "Select a list",
-      empty: "No lists yet",
-      emptySelection: "Select a newsletter list to subscribe users to."
-    }
-  }
-};
-function createPreviewReferenceAdapters(previewClient, fallbackSiteId) {
-  const brandedFallbackSiteId = void 0;
-  const adapters = {};
-  for (const kind of BUILT_IN_REFERENCE_KINDS) {
-    adapters[kind] = {
-      loadItems: createCachedReferenceAdapterLoader(
-        kind,
-        referenceLoaders[kind],
-        previewClient,
-        brandedFallbackSiteId
-      ),
-      labels: previewReferenceChrome[kind].labels
-    };
+    current = current[segment];
   }
-  return createDynamicReferenceAdapters(
-    adapters,
-    (contentTypeKey) => createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, brandedFallbackSiteId)
-  );
-}
-function PreviewFormProviderInner({ theme, children }) {
-  const { onPickImage, picker } = useRichTextImagePicker();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(RichTextWidgetProvider, { theme, onPickImage, children }),
-    picker
-  ] });
-}
-function PreviewFormProvider({
-  siteId: rawSiteId,
-  theme = null,
-  previewClient,
-  bearerToken,
-  supabaseUrl,
-  mediaAssets,
-  children
-}) {
-  const siteId = useMemo(() => expectParsedBrandedId(parseSiteId(rawSiteId)), [rawSiteId]);
-  const linkAdapters = useMemo(() => createPreviewLinkAdapters(previewClient), [previewClient]);
-  const entryPickerAdapter = useMemo(() => createPreviewEntryPickerAdapter(previewClient), [previewClient]);
-  const referenceAdapters = useMemo(
-    () => createPreviewReferenceAdapters(previewClient),
-    [previewClient]
-  );
-  const paletteTokens = useMemo(() => {
-    if (!theme) return void 0;
-    try {
-      const runtime = buildThemeRuntime(theme);
-      return runtime.paletteTokens;
-    } catch {
-      return void 0;
-    }
-  }, [theme]);
-  return /* @__PURE__ */ jsx(PaletteProvider, { tokens: paletteTokens, children: /* @__PURE__ */ jsx(LinkWidgetProvider, { siteId, adapters: linkAdapters, children: /* @__PURE__ */ jsx(ReferenceWidgetProvider, { siteId, adapters: referenceAdapters, children: /* @__PURE__ */ jsx(EntryPickerWidgetProvider, { siteId, adapter: entryPickerAdapter, children: /* @__PURE__ */ jsx(
-    MediaEditorProvider,
-    {
-      siteId,
-      apiClient: previewClient,
-      bearerToken,
-      supabaseUrl,
-      mediaAssets,
-      children: /* @__PURE__ */ jsx(ButtonWidgetProvider, { buttonSystem: theme?.buttons ?? null, children: /* @__PURE__ */ jsx(PreviewFormProviderInner, { theme, children }) })
-    }
-  ) }) }) }) });
-}
-var previewWidgetOverrides = {
-  link: LinkField,
-  file: FileField,
-  media: MediaField,
-  richText: RichTextField,
-  reference: ReferenceField,
-  backgroundColor: BackgroundColorField,
-  backgroundGradient: BackgroundGradientField,
-  entryPicker: EntryPickerField,
-  iconPicker: IconPickerField,
-  buttonVariant: ButtonVariantField
-};
-function PreviewZoomControls({ zoom, onZoomChange, disabled }) {
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      value: String(zoom),
-      onValueChange: (value) => onZoomChange(value === "fit" ? "fit" : Number(value)),
-      disabled,
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-20", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "33", children: "33%" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "50", children: "50%" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "75", children: "75%" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "100", children: "100%" }),
-          /* @__PURE__ */ jsx(SelectItem, { value: "fit", children: "Fit" })
-        ] })
-      ]
-    }
-  );
-}
-var VIEWPORT_PRESETS = [
-  { label: "Mobile", width: 375, icon: Smartphone },
-  { label: "Tablet", width: 768, icon: Tablet },
-  { label: "Desktop", width: 1440, icon: Monitor },
-  { label: "Full Width", width: "full", icon: Maximize2 }
-];
-function PreviewViewportControls({
-  mode,
-  width,
-  onModeChange,
-  onWidthChange,
-  className,
-  zoom,
-  onZoomChange
-}) {
-  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__ */ jsx("span", { className: "text-xs", children: activeLabel })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
-        /* @__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: "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: "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: "Screen size" }),
-        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-        VIEWPORT_PRESETS.map((preset) => /* @__PURE__ */ jsxs(
-          DropdownMenuItem,
-          {
-            onClick: () => onWidthChange(preset.width),
-            className: cn(width === preset.width && "bg-accent"),
-            children: [
-              /* @__PURE__ */ jsx(preset.icon, { className: "mr-2 h-4 w-4" }),
-              preset.label,
-              typeof preset.width === "number" && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs text-muted-foreground", children: [
-                preset.width,
-                "px"
-              ] })
-            ]
-          },
-          preset.label
-        ))
-      ] })
-    ] }),
-    showZoomControls ? /* @__PURE__ */ jsx(PreviewZoomControls, { zoom, onZoomChange }) : null
-  ] });
-}
-function SubrouteNotice({ model }) {
-  return /* @__PURE__ */ jsxs("div", { className: "border-b bg-amber-50 px-4 py-3 text-amber-950", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: model.title }),
-    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: model.body }),
-    model.cta ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: /* @__PURE__ */ jsx(
-      "a",
-      {
-        className: "inline-flex items-center rounded-md bg-white px-3 py-1.5 text-sm font-medium text-amber-950 shadow-sm ring-1 ring-amber-900/10 hover:bg-amber-100",
-        href: model.cta.href,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        children: model.cta.label
-      }
-    ) }) : null,
-    model.fallbackMessage ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-amber-900/90", children: model.fallbackMessage }) : null
-  ] });
+  return current;
 }
 
-// ../preview-next/src/client/preview/subrouteNotice.ts
-function buildNoticeFromMeta(meta, payload, siteId) {
-  const name = meta.formatInstanceName(payload);
-  const title = name ? `You're previewing the ${name} ${meta.instanceNoun} of this ${meta.containerNoun}` : `You're previewing one ${meta.instanceNoun} of this ${meta.containerNoun}`;
-  const body = `Edits in this sidebar apply to the whole ${meta.containerNoun}, so they'll show up on every ${meta.instanceNoun}. Need to change just this ${meta.instanceNoun}? You can do that from your ${meta.listLabel}.`;
-  const ctaLabel = `Edit just this ${meta.instanceNoun}`;
-  let href = null;
-  try {
-    href = getDashboardUrl(`sites/${siteId}/${meta.subEditorPath(payload)}`);
-  } catch {
-    href = null;
-  }
-  return {
-    title,
-    body,
-    cta: href ? { label: ctaLabel, href } : null,
-    fallbackMessage: href ? null : "Dashboard links are unavailable. Set `NEXT_PUBLIC_DASHBOARD_URL` so preview can link back to the dashboard."
-  };
-}
-function resolveSubrouteNotice(ctx, args) {
-  if (!ctx) return null;
-  return foldSubroute(ctx, {
-    "event-occurrence": (occurrence) => buildNoticeFromMeta(SUBROUTE_KINDS["event-occurrence"], occurrence, args.siteId),
-    "course-run": (run) => buildNoticeFromMeta(SUBROUTE_KINDS["course-run"], run, args.siteId)
-  });
-}
-function EntryEditorPanel({
-  siteId,
-  entryData,
-  contentTypeSchema,
-  referenceContentTypeKeys,
-  draftContent,
-  currentTemplate,
+// ../preview-next/src/client/blocks/useBlockCustomizeControls.ts
+var MAX_CUSTOMIZE_POPOVER_ROWS = 6;
+var MAX_QUICK_MANIFEST_FIELDS = 3;
+function useBlockCustomizeControls({
+  blockId,
+  blockKind,
+  content,
+  uiStore,
   theme,
-  apiClient,
-  bearerToken,
-  supabaseUrl,
-  entrySubrouteContext,
-  metadataPanel,
-  mediaAssets,
-  widgets,
-  viewportMode,
-  viewportWidth,
-  zoom,
-  onViewportModeChange,
-  onViewportWidthChange,
-  onZoomChange
+  sdkConfig,
+  maxQuickFields = MAX_QUICK_MANIFEST_FIELDS,
+  maxPopoverRows,
+  builtInPopoverRows = 0
 }) {
-  const [contentOpen, setContentOpen] = useState(true);
-  const [templateOpen, setTemplateOpen] = useState(false);
-  const [detailsOpen, setDetailsOpen] = useState(false);
-  const contentFormFields = useMemo(
-    // content-model keeps a source-local structural field type so it can typecheck natively
-    // without importing @riverbankcms/blocks source. Preview is the integration boundary where
-    // those normalized fields are consumed as a block-form manifest.
-    () => contentTypeSchema ? mapContentSchemaToFormFields(contentTypeSchema, {
-      referenceContentTypeKeys
-    }) : [],
-    [contentTypeSchema, referenceContentTypeKeys]
+  const {
+    blockFieldOptions,
+    blockFieldExtensions,
+    sdkConfig: contextSdkConfig
+  } = useSdkConfig();
+  const effectiveSdkConfig = sdkConfig ?? contextSdkConfig;
+  const manifest = useMemo(
+    () => resolveBlockManifest(blockKind, effectiveSdkConfig ?? null),
+    [blockKind, effectiveSdkConfig]
   );
-  const contentFormSpec = useMemo(
-    () => ({
-      name: "content-fields",
-      version: "1.0",
-      title: "Content",
-      component: "content-form",
-      description: "",
-      fields: contentFormFields,
-      slots: []
+  const preparedManifest = useMemo(() => {
+    if (!manifest) return null;
+    return prepareBlockEditorManifest({
+      manifest,
+      blockKind,
+      styleGroups: theme?.styleGroups,
+      blockFieldOptions,
+      blockFieldExtensions,
+      visibilityPolicy: hideThemeV2RawStyleFields
+    });
+  }, [
+    blockFieldExtensions,
+    blockFieldOptions,
+    blockKind,
+    manifest,
+    theme?.styleGroups
+  ]);
+  const fields = useMemo(() => {
+    if (!preparedManifest) return [];
+    return createManifestFormAdapter(preparedManifest.renderManifest).fields;
+  }, [preparedManifest]);
+  const preliminaryPlan = useMemo(
+    () => createPreviewCustomizeControlPlan({
+      blockKind,
+      fields,
+      content,
+      maxQuickFields
     }),
-    [contentFormFields]
+    [blockKind, content, fields, maxQuickFields]
   );
-  const contentInitialValues = useMemo(() => draftContent ?? {}, [draftContent]);
-  const subrouteNotice = useMemo(
-    () => resolveSubrouteNotice(entrySubrouteContext ?? null, { siteId }),
-    [entrySubrouteContext, siteId]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b px-4 py-2", children: /* @__PURE__ */ jsx(
-      PreviewViewportControls,
-      {
-        mode: viewportMode,
-        width: viewportWidth,
-        onModeChange: onViewportModeChange,
-        onWidthChange: onViewportWidthChange,
-        zoom,
-        onZoomChange
-      }
-    ) }),
-    subrouteNotice ? /* @__PURE__ */ jsx(SubrouteNotice, { model: subrouteNotice }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-0 overflow-auto", children: [
-      contentTypeSchema && entryData.type ? /* @__PURE__ */ jsx(Collapsible, { open: contentOpen, onOpenChange: setContentOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${contentOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Content" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx(
-          PreviewFormProvider,
-          {
-            siteId,
-            theme: theme ?? null,
-            previewClient: apiClient,
-            bearerToken,
-            supabaseUrl,
-            mediaAssets,
-            children: /* @__PURE__ */ jsx(
-              ContentFieldsForm,
-              {
-                siteId,
-                form: contentFormSpec,
-                initialValues: contentInitialValues,
-                widgets
-              }
-            )
-          }
-        ) }) })
-      ] }) }) : /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "Content schema not available for this entry type." }) }),
-      currentTemplate && entryData.type ? /* @__PURE__ */ jsx(Collapsible, { open: templateOpen, onOpenChange: setTemplateOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${templateOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Template" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 pb-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "rounded-md border px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: currentTemplate.name }),
-            currentTemplate.description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: currentTemplate.description }) : null
-          ] }) }),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: (() => {
-                try {
-                  return getDashboardUrl(`sites/${siteId}/content/${entryData.type}/template`);
-                } catch {
-                  return "#";
-                }
-              })(),
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "inline-flex items-center text-sm text-primary hover:underline",
-              children: "Edit template in dashboard \u2192"
-            }
-          )
-        ] }) })
-      ] }) }) : null,
-      metadataPanel ? /* @__PURE__ */ jsx(Collapsible, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${detailsOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Details" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: metadataPanel }) })
-      ] }) }) : null
-    ] })
-  ] });
-}
-function PageBlockEditorPanel({
-  siteId,
-  pageId,
-  theme,
-  apiClient,
-  bearerToken,
-  supabaseUrl,
-  blockItems,
-  uiStoreForBlockEditor,
-  blockEditorRef,
-  onBlocksChange,
-  metadataPanel,
-  designPanel,
-  sdkConfig,
-  mediaAssets,
-  viewportMode,
-  viewportWidth,
-  zoom,
-  onViewportModeChange,
-  onViewportWidthChange,
-  onZoomChange
-}) {
-  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: [
-    /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b px-4 py-2", children: /* @__PURE__ */ jsx(
-      PreviewViewportControls,
-      {
-        mode: viewportMode,
-        width: viewportWidth,
-        onModeChange: onViewportModeChange,
-        onWidthChange: onViewportWidthChange,
-        zoom,
-        onZoomChange
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-0 overflow-auto", children: [
-      designPanel ? /* @__PURE__ */ jsx(Collapsible, { open: designOpen, onOpenChange: setDesignOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${designOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Design" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: designPanel }) })
-      ] }) }) : null,
-      /* @__PURE__ */ jsx(Collapsible, { open: contentOpen, onOpenChange: setContentOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${contentOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Page Blocks" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx(
-          PreviewFormProvider,
-          {
-            siteId,
-            theme: theme ?? null,
-            previewClient: apiClient,
-            bearerToken,
-            supabaseUrl,
-            mediaAssets,
-            children: /* @__PURE__ */ jsx(
-              BlockEditor,
-              {
-                ref: blockEditorRef,
-                siteId,
-                pageId,
-                blocks: blockItems,
-                uiStore: uiStoreForBlockEditor,
-                apiClient,
-                onBlocksChange,
-                widgetOverrides: previewWidgetOverrides,
-                sdkConfig: sdkConfig ?? null,
-                reorderControlMode: "drag-handle-only",
-                actionControlMode: "menu"
-              },
-              pageId
-            )
-          }
-        ) }) })
-      ] }) }),
-      metadataPanel ? /* @__PURE__ */ jsx(Collapsible, { open: detailsOpen, onOpenChange: setDetailsOpen, children: /* @__PURE__ */ jsxs("div", { className: "border-b", children: [
-        /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-2 px-4 py-3 hover:bg-accent/40", children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: `h-4 w-4 transition ${detailsOpen ? "rotate-90" : ""}` }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: "Page Details" })
-        ] }) }),
-        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: metadataPanel }) })
-      ] }) }) : null
-    ] })
-  ] });
-}
-function PreviewEditorGuidanceCard({
-  guidance,
-  completeSetupDisabled,
-  onCompleteSetup
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: guidance.cardClassName,
-      "data-preview-guidance-tone": guidance.tone,
-      children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold tracking-tight text-slate-900", children: guidance.title }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-5 text-slate-700", children: guidance.description }),
-        /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            size: "sm",
-            variant: "outline",
-            onClick: onCompleteSetup,
-            disabled: completeSetupDisabled,
-            children: guidance.ctaLabel
-          }
-        ) })
-      ]
+  const budgetedMaxQuickFields = resolveQuickFieldBudget({
+    requestedMaxQuickFields: maxQuickFields,
+    maxPopoverRows,
+    builtInPopoverRows,
+    hasOverflowControls: preliminaryPlan.panelControls.length > 0
+  });
+  const controlPlan = useMemo(() => {
+    if (budgetedMaxQuickFields === maxQuickFields) {
+      return preliminaryPlan;
     }
+    return createPreviewCustomizeControlPlan({
+      blockKind,
+      fields,
+      content,
+      maxQuickFields: budgetedMaxQuickFields
+    });
+  }, [
+    blockKind,
+    budgetedMaxQuickFields,
+    content,
+    fields,
+    maxQuickFields,
+    preliminaryPlan
+  ]);
+  const quickFields = useMemo(
+    () => controlPlan.quickControls.map((control) => stripTopLevelRoutingUi(control.field)),
+    [controlPlan.quickControls]
   );
-}
-
-// ../ui/src/palette/hex.ts
-function normalizeHex(input, fallback = "#000000") {
-  if (!input) return fallback;
-  const trimmed = input.trim().replace(/^#/, "").toLowerCase();
-  const expanded = trimmed.length === 3 ? trimmed.split("").map((char) => char + char).join("") : trimmed;
-  if (!/^[0-9a-f]{6}$/i.test(expanded)) {
-    return fallback;
-  }
-  return `#${expanded}`;
-}
-function hexToRgb(hex) {
-  const normalized = normalizeHex(hex).replace("#", "");
-  const match = normalized.match(/.{2}/g);
-  if (!match || match.length < 3) return null;
-  const [r, g, b] = match.map((value) => parseInt(value, 16));
-  return [r, g, b];
-}
-function luminanceChannel(raw) {
-  const channel = raw / 255;
-  return channel <= 0.03928 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);
-}
-function contrastRatio(hexA, hexB) {
-  const rgbA = hexToRgb(hexA);
-  const rgbB = hexToRgb(hexB);
-  if (!rgbA || !rgbB) return 1;
-  const lumA = 0.2126 * luminanceChannel(rgbA[0]) + 0.7152 * luminanceChannel(rgbA[1]) + 0.0722 * luminanceChannel(rgbA[2]);
-  const lumB = 0.2126 * luminanceChannel(rgbB[0]) + 0.7152 * luminanceChannel(rgbB[1]) + 0.0722 * luminanceChannel(rgbB[2]);
-  const brighter = Math.max(lumA, lumB);
-  const darker = Math.min(lumA, lumB);
-  return Number(((brighter + 0.05) / (darker + 0.05)).toFixed(2));
-}
-var DEFAULT_BRAND_ROLES = [
-  { key: "primary", label: "Primary" },
-  { key: "secondary", label: "Secondary" },
-  { key: "accent", label: "Accent" }
-];
-var DEFAULT_FEEDBACK_ROLES = [
-  { key: "success", label: "Success" },
-  { key: "warning", label: "Warning" },
-  { key: "destructive", label: "Destructive" }
-];
-var DEFAULT_SURFACE_ROLES = [
-  { key: "background", label: "Background" },
-  { key: "surface", label: "Surface" },
-  { key: "text", label: "Text" },
-  { key: "border", label: "Border" }
-];
-function PaletteTokenEditor({
-  palette,
-  onChange,
-  hasInvalidValues = false,
-  brandRoles = DEFAULT_BRAND_ROLES,
-  feedbackRoles = DEFAULT_FEEDBACK_ROLES,
-  surfaceRoles = DEFAULT_SURFACE_ROLES,
-  showContrastChecks = true,
-  className
-}) {
-  const paletteValues = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const entry of palette) {
-      if (entry?.name) map.set(entry.name, normalizeHex(entry.hex));
-    }
-    return map;
-  }, [palette]);
-  const getColor = (role) => paletteValues.get(role) ?? "#000000";
-  const handleRoleChange = (role, hex) => {
-    if (!isPlausibleHexInput(hex)) return;
-    onChange(role, normalizeHex(hex));
-  };
-  const backgroundHex = getColor("background");
-  const textHex = getColor("text");
-  const primaryHex = getColor("primary");
-  const contrast = contrastRatio(backgroundHex, textHex);
-  const actionContrast = contrastRatio(primaryHex, backgroundHex);
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
-    hasInvalidValues ? /* @__PURE__ */ jsx(Callout, { tone: "danger", role: "alert", className: "p-3", children: /* @__PURE__ */ jsx(CalloutDescription, { className: "mt-0", children: "Some palette values are invalid or incomplete." }) }) : null,
-    /* @__PURE__ */ jsx(ColorRoleGroup, { title: "Brand & accents", roles: brandRoles, getColor, onChange: handleRoleChange }),
-    /* @__PURE__ */ jsx(ColorRoleGroup, { title: "Feedback", roles: feedbackRoles, getColor, onChange: handleRoleChange }),
-    /* @__PURE__ */ jsx(ColorRoleGroup, { title: "Surfaces & text", roles: surfaceRoles, getColor, onChange: handleRoleChange }),
-    showContrastChecks ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsx(
-          ContrastCard,
-          {
-            title: "Background \u2194 Text contrast",
-            value: contrast,
-            threshold: 4.5,
-            primaryLabel: "Background",
-            primaryHex: backgroundHex,
-            secondaryLabel: "Text",
-            secondaryHex: textHex
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ContrastCard,
-          {
-            title: "Primary action contrast",
-            value: actionContrast,
-            threshold: 3,
-            primaryLabel: "Primary",
-            primaryHex,
-            secondaryLabel: "Background",
-            secondaryHex: backgroundHex
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-}
-function isPlausibleHexInput(value) {
-  const trimmed = value.trim();
-  return /^#?[0-9a-fA-F]{3}$/.test(trimmed) || /^#?[0-9a-fA-F]{6}$/.test(trimmed);
-}
-function ColorRoleGroup({ title, roles, getColor, onChange }) {
-  if (roles.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-foreground", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Adjust hex values or drag the color picker." })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: roles.map((role) => /* @__PURE__ */ jsx(ColorRoleField, { role, value: getColor(role.key), onChange }, role.key)) })
-  ] });
-}
-function ColorRoleField({ role, value, onChange }) {
-  const inputId = useId();
-  const colorPickerLabel = `${role.label} colour picker`;
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted p-3 space-y-2", children: [
-    /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor: inputId,
-        className: "text-xs uppercase text-muted-foreground font-medium leading-5 block",
-        children: role.label
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ColorPicker,
-      {
-        value,
-        onChange: ((next) => {
-          if (typeof next === "string") {
-            onChange(role.key, next);
-          }
-        }),
-        className: "w-full",
-        "aria-label": colorPickerLabel
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: inputId,
-        value,
-        onChange: (event) => onChange(role.key, event.target.value),
-        className: "font-mono text-xs uppercase",
-        placeholder: "#000000"
-      }
-    )
-  ] });
-}
-function ContrastCard({ title, value, threshold, primaryLabel, primaryHex, secondaryLabel, secondaryHex }) {
-  const passes = value >= threshold;
-  return /* @__PURE__ */ jsxs(
-    Surface,
-    {
-      variant: "background",
-      radius: "lg",
-      padding: "md",
-      className: cn(
-        "space-y-2 border text-sm",
-        passes ? "border-success/40 bg-success/10 text-success" : "border-warning/40 bg-warning/10 text-warning-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: title }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold", children: [
-            value,
-            ":1"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs", children: passes ? "Contrast meets WCAG AA guidance." : `Increase contrast to reach ${threshold}:1 or higher.` }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-2 text-xs", children: [
-          /* @__PURE__ */ jsx(ContrastSwatch, { hex: primaryHex, label: primaryLabel }),
-          /* @__PURE__ */ jsx(ContrastSwatch, { hex: secondaryHex, label: secondaryLabel })
-        ] })
-      ]
-    }
+  const panelFields = useMemo(
+    () => controlPlan.panelControls.map((control) => stripTopLevelRoutingUi(control.field)),
+    [controlPlan.panelControls]
   );
-}
-function ContrastSwatch({ hex, label }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx("span", { className: "h-6 w-6 rounded-full border", style: { backgroundColor: hex } }),
-    /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs uppercase tracking-wide text-muted-foreground", children: [
-      label,
-      ": ",
-      hex
-    ] })
-  ] });
-}
-
-// ../preview-next/src/client/preview/styleConfiguratorApplyPayload.ts
-function buildApplySiteStyleSelectionBody(input) {
+  const backend = useMemo(() => {
+    if (!preparedManifest) return null;
+    return createStoreBackend({
+      scope: "blocks",
+      store: uiStore,
+      blockId,
+      validateFn: (values) => validateBlockManifestIssues(preparedManifest.validationManifest, values, "strict")
+    });
+  }, [blockId, preparedManifest, uiStore]);
   return {
-    siteStyleId: input.previewed.siteStyleId,
-    buttonPersonalityId: input.previewed.buttonPersonalityId,
-    paletteVariantId: input.previewed.paletteVariantId,
-    paletteOverrides: input.previewed.paletteOverrides,
-    typographyPresetId: input.previewed.typographyPresetId,
-    typographyBodyFontOverride: input.previewed.typographyBodyFontOverride,
-    typographyHeadingFontOverride: input.previewed.typographyHeadingFontOverride,
-    headerLookId: input.previewed.headerLookId,
-    headerLayoutId: input.previewed.headerLayoutId,
-    headerStyleId: input.previewed.headerStyleId,
-    footerLookId: input.previewed.footerLookId,
-    baseSelectionVersion: input.base.selectionVersion,
-    selectionId: input.selectionId ?? null
+    manifest,
+    controlPlan,
+    quickFields,
+    panelFields,
+    backend,
+    hasControls: quickFields.length > 0 || panelFields.length > 0,
+    hasOverflowControls: panelFields.length > 0
   };
 }
-var MAX_FONT_RESULTS_WHEN_SEARCHING = 12;
-var MAX_FONT_RESULTS_WHEN_BROWSING = 8;
-function StyleConfigurator({
-  siteId,
-  apiClient,
-  theme,
-  selectionId,
-  selectionVersion = null,
-  selectionUpdatedAt,
-  initialSelections,
-  headerSelectionContext,
-  footerSelectionContext,
-  expandedRowRequest = null,
-  siteStyleAccess
+function resolveQuickFieldBudget({
+  requestedMaxQuickFields,
+  maxPopoverRows,
+  builtInPopoverRows,
+  hasOverflowControls
 }) {
-  const router = useRouter();
-  const previewDesign = usePreviewDesignCoordinator();
-  const {
-    applyFailed,
-    applyStarted,
-    applySucceeded,
-    clearPreview,
-    previewTheme
-  } = previewDesign;
-  const [isRefreshPending, startRefreshTransition] = useTransition();
-  const baseSnapshot = useMemo(
-    () => resolveStyleConfiguratorInitialSnapshot({
-      theme,
-      initialSelections: {
-        ...initialSelections,
-        selectionVersion: initialSelections.selectionVersion ?? selectionVersion ?? 0,
-        selectionUpdatedAt: initialSelections.selectionUpdatedAt ?? selectionUpdatedAt ?? null
-      },
-      headerSelectionContext,
-      footerSelectionContext
-    }),
-    [footerSelectionContext, headerSelectionContext, theme, initialSelections, selectionUpdatedAt, selectionVersion]
+  const cappedRequested = Math.max(
+    0,
+    Math.min(MAX_QUICK_MANIFEST_FIELDS, requestedMaxQuickFields)
   );
-  const [state, setState] = useState(
-    () => baseSnapshot ? createStyleConfiguratorState(baseSnapshot) : null
-  );
-  const hasLoadedState = state !== null;
-  const stateRef = useRef(state);
-  const clearPreviewRef = useRef(clearPreview);
-  const runnerRef = useRef(createOptimisticActionRunner());
-  const appliedExpandedRowRequestIdRef = useRef(null);
-  useEffect(() => {
-    stateRef.current = state;
-  }, [state]);
-  useEffect(() => {
-    clearPreviewRef.current = clearPreview;
-  }, [clearPreview]);
-  useEffect(() => {
-    if (!baseSnapshot) return;
-    setState((current) => current ? syncStyleConfiguratorState(current, baseSnapshot) : createStyleConfiguratorState(baseSnapshot));
-  }, [baseSnapshot]);
-  useEffect(() => {
-    if (!state || !baseSnapshot) {
-      clearPreview("style-configurator");
-      return;
-    }
-    if (!isPreviewingChange(state)) {
-      clearPreview("style-configurator");
-      return;
-    }
-    const siteStyle = getCuratedSiteStyle(state.previewed.siteStyleId);
-    if (!siteStyle) {
-      clearPreview("style-configurator");
-      return;
-    }
-    const result = planSiteStylePreviewChange({
-      siteStyle,
-      selection: state.previewed,
-      baseTheme: theme,
-      headerSelectionContext,
-      footerSelectionContext
-    });
-    previewTheme("style-configurator", result.themeOverlay, "site-style");
-  }, [state, baseSnapshot, clearPreview, previewTheme, headerSelectionContext, footerSelectionContext, theme]);
-  useEffect(() => {
-    const runner = runnerRef.current;
-    return () => {
-      runner.invalidate();
-      clearPreviewRef.current("style-configurator");
-    };
-  }, []);
-  useEffect(() => {
-    if (!expandedRowRequest) return;
-    if (appliedExpandedRowRequestIdRef.current === expandedRowRequest.id) return;
-    setState((current) => {
-      if (!current) return current;
-      appliedExpandedRowRequestIdRef.current = expandedRowRequest.id;
-      return openRow(current, expandedRowRequest.row === "header" ? "header-layout" : expandedRowRequest.row);
-    });
-  }, [expandedRowRequest, hasLoadedState]);
-  const handlePreviewSiteStyle = useCallback((siteStyleId) => {
-    setState((current) => {
-      if (!current) return current;
-      const next = previewSiteStyle(current, siteStyleId);
-      const siteStyle = getCuratedSiteStyle(siteStyleId);
-      if (!siteStyle) return next;
-      const result = planSiteStylePreviewChange({
-        siteStyle,
-        selection: next.previewed,
-        baseTheme: theme,
-        headerSelectionContext,
-        footerSelectionContext
-      });
-      return applyResolvedSelections(next, {
-        resolved: result.resolvedSelections,
-        warnings: result.warnings
-      });
-    });
-  }, [footerSelectionContext, headerSelectionContext, theme]);
-  const handlePreviewPersonality = useCallback((id) => {
-    setState((current) => current ? previewButtonPersonality(current, id) : current);
-  }, []);
-  const handlePreviewHeaderLayout = useCallback((id) => {
-    if (!id) return;
-    setState((current) => current ? previewHeaderLayout(current, id) : current);
-  }, []);
-  const handlePreviewHeaderStyle = useCallback((id) => {
-    if (!id) return;
-    setState((current) => current ? previewHeaderStyle(current, id) : current);
-  }, []);
-  const handlePreviewFooterLook = useCallback((id) => {
-    const plan = planSiteChromeLookSelection({ surface: "footer", lookId: id });
-    if (plan.kind !== "footer") return;
-    setState((current) => current ? previewFooterLook(current, plan.next.footerLookId) : current);
-  }, []);
-  const handlePreviewPalette = useCallback((id) => {
-    setState((current) => current ? previewPaletteVariant(current, id) : current);
-  }, []);
-  const handlePreviewTypographyPreset = useCallback((id) => {
-    setState((current) => current ? previewTypographyPreset(current, id) : current);
-  }, []);
-  const handleBodyFontOverride = useCallback((fontFamily) => {
-    setState((current) => current ? setTypographyBodyFontOverride(current, fontFamily) : current);
-  }, []);
-  const handleHeadingFontOverride = useCallback((fontFamily) => {
-    setState((current) => current ? setTypographyHeadingFontOverride(current, fontFamily) : current);
-  }, []);
-  const handleClearTypographyOverrides = useCallback(() => {
-    setState((current) => current ? clearTypographyFontOverrides(current) : current);
-  }, []);
-  const handleTokenOverride = useCallback((role, hex) => {
-    setState((current) => {
-      if (!current) return current;
-      const next = { ...current.previewed.paletteOverrides ?? {}, [role]: hex };
-      const parsed = paletteOverridesSchema.safeParse(next);
-      if (!parsed.success) return current;
-      return setPaletteOverrides(current, parsed.data);
-    });
-  }, []);
-  const handleResetOverrides = useCallback(() => {
-    setState((current) => current ? setPaletteOverrides(current, null) : current);
-  }, []);
-  const handleToggleRow = useCallback((row) => {
-    setState((current) => current ? toggleRow(current, row) : current);
-  }, []);
-  const handleCancel = useCallback(() => {
-    setState((current) => current ? cancelPreview(current) : current);
-  }, []);
-  const handleDismissWarnings = useCallback(() => {
-    setState((current) => current ? dismissWarnings(current) : current);
-  }, []);
-  const handleDismissNotices = useCallback(() => {
-    setState((current) => current ? dismissNotices(current) : current);
-  }, []);
-  const handleApply = useCallback(async () => {
-    const live = stateRef.current;
-    if (!live || !isPreviewingChange(live)) return;
-    const previewed = live.previewed;
-    const siteStyle = getCuratedSiteStyle(previewed.siteStyleId);
-    if (!siteStyle) return;
-    const compiled = planSiteStylePreviewChange({
-      siteStyle,
-      selection: previewed,
-      baseTheme: theme,
-      headerSelectionContext,
-      footerSelectionContext
-    });
-    const body = buildApplySiteStyleSelectionBody({
-      base: live.base,
-      previewed: {
-        ...previewed,
-        buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
-        paletteVariantId: compiled.resolvedSelections.paletteVariantId,
-        headerLayoutId: compiled.resolvedSelections.headerLayoutId,
-        headerStyleId: compiled.resolvedSelections.headerStyleId,
-        headerLookId: compiled.resolvedSelections.headerLookId,
-        typographyPresetId: compiled.resolvedSelections.typographyPresetId,
-        typographyBodyFontOverride: compiled.resolvedSelections.typographyBodyFontOverride,
-        typographyHeadingFontOverride: compiled.resolvedSelections.typographyHeadingFontOverride
-      },
-      selectionId
-    });
-    await runnerRef.current.run({
-      optimistic: () => {
-        applyStarted("style-configurator");
-        setState((current) => current ? markApplySaving(current) : current);
-      },
-      network: async () => {
-        const response = await apiClient({
-          endpoint: "applySiteStyleSelection",
-          params: { siteId },
-          body
-        });
-        return unwrapResponse(response);
-      },
-      onSuccess: (saved) => {
-        setState(
-          (current) => current ? markApplySaved(current, {
-            siteStyleId: previewed.siteStyleId,
-            selectionVersion: saved.selectionVersion,
-            selectionUpdatedAt: saved.selectionUpdatedAt ?? previewed.selectionUpdatedAt ?? null,
-            buttonPersonalityId: saved.buttonPersonalityId,
-            paletteVariantId: saved.paletteVariantId,
-            paletteOverrides: saved.paletteOverrides ?? null,
-            typographyPresetId: saved.typographyPresetId,
-            typographyBodyFontOverride: saved.typographyBodyFontOverride,
-            typographyHeadingFontOverride: saved.typographyHeadingFontOverride,
-            headerLookId: saved.headerLookId,
-            headerLayoutId: saved.headerLayoutId,
-            headerStyleId: saved.headerStyleId,
-            footerLookId: saved.footerLookId
-          }) : current
-        );
-        applySucceeded("style-configurator");
-        startRefreshTransition(() => {
-          router.refresh();
-        });
-      },
-      onError: (error) => {
-        applyFailed("style-configurator");
-        const applyError = classifyStyleApplyError(error);
-        if (applyError.kind === "stale") {
-          startRefreshTransition(() => {
-            router.refresh();
-          });
-        }
-        const message = applyError.message;
-        setState((current) => current ? markApplyFailed(current, message) : current);
-      }
-    });
-  }, [
-    apiClient,
-    footerSelectionContext,
-    headerSelectionContext,
-    applyFailed,
-    applyStarted,
-    applySucceeded,
-    router,
-    selectionId,
-    siteId,
-    startRefreshTransition,
-    theme
-  ]);
-  if (!state || !baseSnapshot) {
-    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading design controls..." });
-  }
-  const applyAllowed = canApplySiteStyle(siteStyleAccess);
-  const previewingChange = isPreviewingChange(state);
-  const saving = state.saveStatus.kind === "saving" || isRefreshPending;
-  const currentSiteStyle = getCuratedSiteStyle(state.previewed.siteStyleId);
-  if (!currentSiteStyle) {
-    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "This site uses a Site Style that cannot be configured here." });
-  }
-  const currentPersonality = findButtonPersonality(state.previewed.buttonPersonalityId);
-  const currentPaletteVariant = findPaletteVariant(state.previewed.paletteVariantId);
-  const currentTypographyPreset = state.previewed.typographyPresetId ? findTypographyPreset(state.previewed.typographyPresetId) : null;
-  const chromeLookModels = buildSiteChromeLookModels({
-    state,
-    siteStyle: currentSiteStyle,
-    headerSelectionContext,
-    footerSelectionContext
-  });
-  const currentHeaderLayout = getHeaderLayout(state.previewed.headerLayoutId);
-  const currentHeaderStyle = getHeaderStyle(state.previewed.headerStyleId);
-  const currentFooterLook = state.previewed.footerLookId ? findFooterLook(state.previewed.footerLookId) : findFooterLook(chromeLookModels.footer.renderedLookId);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    state.warnings.length > 0 ? /* @__PURE__ */ jsx(WarningNotice, { warnings: state.warnings, onDismiss: handleDismissWarnings }) : null,
-    state.notices.length > 0 ? /* @__PURE__ */ jsx(NoticeBanner, { notices: state.notices, onDismiss: handleDismissNotices }) : null,
-    /* @__PURE__ */ jsx(
-      SiteStyleRow,
-      {
-        expanded: state.expandedRow === "style",
-        onToggle: () => handleToggleRow("style"),
-        current: currentSiteStyle,
-        onPreview: handlePreviewSiteStyle,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SiteChromeLookRow,
-      {
-        label: "Header layout",
-        ariaLabel: "Header layout",
-        defaultDescription: "Choose the header structure.",
-        expanded: state.expandedRow === "header-layout",
-        onToggle: () => handleToggleRow("header-layout"),
-        currentId: state.previewed.headerLayoutId,
-        currentLabel: currentHeaderLayout?.label ?? state.previewed.headerLayoutId,
-        scopeDescription: "Changes the header structure on every page.",
-        options: chromeLookModels.headerLayout.options,
-        diagnostics: [],
-        onCycle: (direction) => {
-          const next = cycleSiteChromeLookId(chromeLookModels.headerLayout.options, state.previewed.headerLayoutId, direction);
-          if (next !== void 0) handlePreviewHeaderLayout(next);
-        },
-        onPreview: handlePreviewHeaderLayout,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SiteChromeLookRow,
-      {
-        label: "Header look",
-        ariaLabel: "Header look",
-        defaultDescription: "Choose the header visual style.",
-        expanded: state.expandedRow === "header-style",
-        onToggle: () => handleToggleRow("header-style"),
-        currentId: state.previewed.headerStyleId,
-        currentLabel: currentHeaderStyle?.label ?? state.previewed.headerStyleId,
-        scopeDescription: "Changes the header surface and link style.",
-        options: chromeLookModels.headerStyle.options,
-        diagnostics: [],
-        onCycle: (direction) => {
-          const next = cycleSiteChromeLookId(chromeLookModels.headerStyle.options, state.previewed.headerStyleId, direction);
-          if (next !== void 0) handlePreviewHeaderStyle(next);
-        },
-        onPreview: handlePreviewHeaderStyle,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SiteChromeLookRow,
-      {
-        label: "Footer",
-        ariaLabel: "Footer",
-        defaultDescription: "Use the footer chosen for this site style.",
-        catalog: footerLookCatalog,
-        expanded: state.expandedRow === "footer",
-        onToggle: () => handleToggleRow("footer"),
-        currentId: state.previewed.footerLookId,
-        currentLabel: state.previewed.footerLookId ? currentFooterLook?.label ?? "Unknown footer Look" : `${currentFooterLook?.label ?? "Site style"} (default)`,
-        scopeDescription: "Changes the footer on every page.",
-        options: chromeLookModels.footer.options,
-        diagnostics: chromeLookModels.footer.diagnostics,
-        onCycle: (direction) => {
-          const next = cycleSiteChromeLookId(chromeLookModels.footer.options, state.previewed.footerLookId, direction);
-          if (next !== void 0) handlePreviewFooterLook(next);
-        },
-        onPreview: handlePreviewFooterLook,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PersonalityRow,
-      {
-        expanded: state.expandedRow === "buttons",
-        onToggle: () => handleToggleRow("buttons"),
-        siteStyle: currentSiteStyle,
-        currentId: state.previewed.buttonPersonalityId,
-        currentLabel: currentPersonality?.name ?? state.previewed.buttonPersonalityId,
-        onPreview: handlePreviewPersonality,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TypographyRow,
-      {
-        expanded: state.expandedRow === "typography",
-        onToggle: () => handleToggleRow("typography"),
-        apiClient,
-        siteStyle: currentSiteStyle,
-        currentPresetId: state.previewed.typographyPresetId,
-        currentLabel: currentTypographyPreset?.name ?? "Custom typography",
-        bodyFontOverride: state.previewed.typographyBodyFontOverride,
-        headingFontOverride: state.previewed.typographyHeadingFontOverride,
-        onPreviewPreset: handlePreviewTypographyPreset,
-        onBodyFontOverride: handleBodyFontOverride,
-        onHeadingFontOverride: handleHeadingFontOverride,
-        onClearOverrides: handleClearTypographyOverrides,
-        disabled: saving
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PaletteRow,
-      {
-        expanded: state.expandedRow === "palette",
-        onToggle: () => handleToggleRow("palette"),
-        siteStyle: currentSiteStyle,
-        currentId: state.previewed.paletteVariantId,
-        currentLabel: currentPaletteVariant?.name ?? state.previewed.paletteVariantId,
-        currentSwatch: currentPaletteVariant?.colors.find((c) => c.name === "primary")?.hex ?? null,
-        onPreview: handlePreviewPalette,
-        disabled: saving
-      }
-    ),
-    currentPaletteVariant ? /* @__PURE__ */ jsx(
-      ColoursRow,
-      {
-        expanded: state.expandedRow === "colours",
-        onToggle: () => handleToggleRow("colours"),
-        variant: currentPaletteVariant,
-        overrides: state.previewed.paletteOverrides,
-        onTokenChange: handleTokenOverride,
-        onReset: handleResetOverrides,
-        disabled: saving
-      }
-    ) : null,
-    previewingChange ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: handleCancel, disabled: saving, children: "Cancel" }),
-      applyAllowed ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: handleApply, disabled: saving, children: saving ? "Applying\u2026" : "Apply" }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Preview only \u2014 ask an admin to apply." })
-    ] }) : null,
-    state.saveStatus.kind === "saved" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-success", children: "Saved." }) : null,
-    state.saveStatus.kind === "failed" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: state.saveStatus.message }) : null
-  ] });
-}
-function StyleRowFrame({ label, currentLabel, swatch, expanded, onToggle, children }) {
-  return /* @__PURE__ */ jsx(Collapsible, { open: expanded, onOpenChange: onToggle, children: /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-background", children: [
-    /* @__PURE__ */ jsx(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-accent/30",
-        "aria-expanded": expanded,
-        children: [
-          /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-4 w-4 transition", expanded && "rotate-90") }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }),
-            /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", children: currentLabel })
-          ] }),
-          swatch ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "h-5 w-5 shrink-0 rounded-full border border-black/10",
-              style: { backgroundColor: swatch },
-              "aria-hidden": "true"
-            }
-          ) : null
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "border-t px-3 py-3", children }) })
-  ] }) });
-}
-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: "list-none space-y-1 p-0", children: curatedSiteStyles.map((style) => /* @__PURE__ */ jsx(
-    PickerOption,
-    {
-      selected: style.id === current.id,
-      label: style.name,
-      description: style.description,
-      onSelect: () => onPreview(style.id),
-      disabled
-    },
-    style.id
-  )) }) });
-}
-function PersonalityRow({ expanded, onToggle, siteStyle, currentId, currentLabel, onPreview, disabled }) {
-  const options = useMemo(
-    () => 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: "list-none space-y-1 p-0", children: options.map((personality) => /* @__PURE__ */ jsx(
-    PickerOption,
-    {
-      selected: personality.id === currentId,
-      label: personality.name,
-      description: personality.description,
-      onSelect: () => onPreview(personality.id),
-      disabled
-    },
-    personality.id
-  )) }) });
-}
-function TypographyRow({
-  expanded,
-  onToggle,
-  apiClient,
-  siteStyle,
-  currentPresetId,
-  currentLabel,
-  bodyFontOverride,
-  headingFontOverride,
-  onPreviewPreset,
-  onBodyFontOverride,
-  onHeadingFontOverride,
-  onClearOverrides,
-  disabled
-}) {
-  const options = useMemo(
-    () => requireEntriesForCuratedChoices(typographyPresets, siteStyle.typographyPresetChoices),
-    [siteStyle.typographyPresetChoices]
-  );
-  const fontCatalog = useFontCatalog(apiClient, expanded);
-  const selectedPreset = currentPresetId ? findTypographyPreset(currentPresetId) : null;
-  return /* @__PURE__ */ jsxs(StyleRowFrame, { label: "Typography", currentLabel, expanded, onToggle, children: [
-    currentPresetId === null ? /* @__PURE__ */ jsx("div", { className: "mb-3 rounded-md border border-muted-foreground/20 bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: "Current custom setup" }) : null,
-    /* @__PURE__ */ jsx("ul", { role: "radiogroup", "aria-label": "Typography preset", className: "space-y-1", children: options.map((preset) => /* @__PURE__ */ jsx(
-      TypographyPresetOption,
-      {
-        preset,
-        selected: preset.id === currentPresetId,
-        onSelect: () => onPreviewPreset(preset.id),
-        disabled
-      },
-      preset.id
-    )) }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3 border-t pt-3", children: [
-      selectedPreset ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          TypographyFontSlotPicker,
-          {
-            label: "Body font",
-            slot: "body",
-            preset: selectedPreset,
-            catalog: fontCatalog,
-            value: bodyFontOverride,
-            onChange: onBodyFontOverride,
-            disabled
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TypographyFontSlotPicker,
-          {
-            label: "Heading font",
-            slot: "heading",
-            preset: selectedPreset,
-            catalog: fontCatalog,
-            value: headingFontOverride,
-            onChange: onHeadingFontOverride,
-            disabled
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Choose a typography preset to use curated font overrides." }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: "outline",
-          onClick: onClearOverrides,
-          disabled: disabled || !bodyFontOverride && !headingFontOverride,
-          children: "Use preset fonts"
-        }
-      )
-    ] })
-  ] });
-}
-function TypographyPresetOption({
-  preset,
-  selected,
-  onSelect,
-  disabled
-}) {
-  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      "aria-checked": selected,
-      onClick: onSelect,
-      disabled,
-      className: cn(
-        "w-full rounded-md border px-3 py-2 text-left transition disabled:cursor-not-allowed disabled:opacity-50",
-        selected ? "border-primary bg-primary/5" : "border-border hover:bg-muted/60"
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: preset.name }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: preset.description })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide", children: preset.defaultFonts.heading.split(",")[0] }),
-          /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: preset.defaultFonts.body.split(",")[0] })
-        ] })
-      ] })
-    }
-  ) });
-}
-function TypographyFontSlotPicker({
-  label,
-  slot,
-  preset,
-  catalog,
-  value,
-  onChange,
-  disabled
-}) {
-  const [query, setQuery] = useState("");
-  const defaultFont = primaryFontFamily(preset.defaultFonts[slot]);
-  const selectedFamily = value ?? defaultFont;
-  const recordsByFamily = useMemo(() => indexFontsByFamily(catalog.fonts), [catalog.fonts]);
-  const selectedFit = evaluateTypographyFontSlot({
-    slot,
-    policy: preset.slotPolicies[slot],
-    capability: capabilityForFamily(selectedFamily, recordsByFamily)
-  });
-  const recommendedFamilies = preset.recommendedFonts[slot];
-  const recommendedOptions = useMemo(
-    () => uniqueFontFamilies(recommendedFamilies),
-    [recommendedFamilies]
-  );
-  const browseOptions = useMemo(() => {
-    const normalizedQuery = query.trim().toLowerCase();
-    const source = normalizedQuery.length > 0 ? catalog.fonts.filter((font) => font.family.toLowerCase().includes(normalizedQuery)) : catalog.fonts;
-    return [...source].sort((a, b) => sortFontForPresetSlot(a, b, slot, preset, recordsByFamily)).slice(0, normalizedQuery.length > 0 ? MAX_FONT_RESULTS_WHEN_SEARCHING : MAX_FONT_RESULTS_WHEN_BROWSING);
-  }, [catalog.fonts, preset, query, recordsByFamily, slot]);
-  return /* @__PURE__ */ jsxs("section", { className: "space-y-2", "aria-label": label, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsx("div", { className: "truncate text-sm", children: value ? selectedFamily : `${defaultFont} (preset)` })
-      ] }),
-      /* @__PURE__ */ jsx(TypographyFontFitBadge, { fit: selectedFit })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-1", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: cn(
-            "rounded-md border px-3 py-2 text-left text-sm transition disabled:cursor-not-allowed disabled:opacity-50",
-            value === null ? "border-foreground bg-accent/40" : "border-transparent hover:border-foreground/40 hover:bg-accent/20"
-          ),
-          onClick: () => onChange(null),
-          disabled,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Use preset font" }),
-            /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: defaultFont })
-          ]
-        }
-      ),
-      recommendedOptions.map((family) => /* @__PURE__ */ jsx(
-        FontFamilyOption,
-        {
-          family,
-          selected: value === family,
-          fit: evaluateTypographyFontSlot({
-            slot,
-            policy: preset.slotPolicies[slot],
-            capability: capabilityForFamily(family, recordsByFamily)
-          }),
-          onSelect: () => onChange(family),
-          disabled
-        },
-        family
-      ))
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border bg-muted/20 p-2", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "search",
-          value: query,
-          placeholder: `Search ${slot} fonts`,
-          onChange: (event) => setQuery(event.currentTarget.value),
-          disabled: disabled || catalog.kind === "loading",
-          className: "h-8 w-full rounded-md border bg-background px-2 text-sm outline-none focus:border-primary disabled:cursor-not-allowed disabled:opacity-50"
-        }
-      ),
-      catalog.kind === "loading" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading font catalog..." }) : catalog.kind === "failed" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: catalog.message }) : null,
-      browseOptions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-1 overflow-y-auto pr-1", children: browseOptions.map((font) => /* @__PURE__ */ jsx(
-        FontFamilyOption,
-        {
-          family: font.family,
-          selected: value === font.family,
-          fit: evaluateTypographyFontSlot({
-            slot,
-            policy: preset.slotPolicies[slot],
-            capability: capabilityFromFontRecord(font)
-          }),
-          onSelect: () => onChange(font.family),
-          disabled
-        },
-        font.family
-      )) }) : catalog.kind === "loaded" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No matching Google Fonts." }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Brand or uploaded font name" }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          value: value ?? "",
-          placeholder: "Enter any font family",
-          onChange: (event) => onChange(normalizeFontFamilyOverride(event.currentTarget.value)),
-          disabled,
-          className: "h-8 w-full rounded-md border bg-background px-2 text-sm outline-none focus:border-primary disabled:cursor-not-allowed disabled:opacity-50"
-        }
-      )
-    ] })
-  ] });
-}
-function FontFamilyOption({
-  family,
-  selected,
-  fit,
-  onSelect,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "flex w-full items-center justify-between gap-3 rounded-md border px-3 py-2 text-left text-sm transition disabled:cursor-not-allowed disabled:opacity-50",
-        selected ? "border-foreground bg-accent/40" : "border-transparent bg-background hover:border-foreground/40 hover:bg-accent/20"
-      ),
-      onClick: onSelect,
-      disabled,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: family }),
-        /* @__PURE__ */ jsx(TypographyFontFitBadge, { fit })
-      ]
-    }
-  );
-}
-function TypographyFontFitBadge({ fit }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "shrink-0 rounded-full px-2 py-0.5 text-[11px] font-medium",
-        fit.kind === "recommended" && "bg-emerald-100 text-emerald-800",
-        fit.kind === "compatible" && "bg-sky-100 text-sky-800",
-        fit.kind === "limited" && "bg-amber-100 text-amber-900",
-        fit.kind === "risky" && "bg-rose-100 text-rose-800",
-        fit.kind === "unknown" && "bg-muted text-muted-foreground"
-      ),
-      title: fit.reason,
-      children: typographyFontFitLabel(fit.kind)
-    }
-  );
-}
-function useFontCatalog(apiClient, enabled) {
-  const [catalog, setCatalog] = useState({ kind: "idle", fonts: [] });
-  const requestedClientRef = useRef(null);
-  useEffect(() => {
-    if (!enabled) return;
-    if (requestedClientRef.current === apiClient) return;
-    requestedClientRef.current = apiClient;
-    let cancelled = false;
-    setCatalog({ kind: "loading", fonts: [] });
-    async function loadFonts() {
-      try {
-        const response = await apiClient({ endpoint: "listFonts" });
-        const fonts = unwrapResponse(response);
-        if (!cancelled) {
-          setCatalog({
-            kind: "loaded",
-            fonts: Array.isArray(fonts) ? fonts : []
-          });
-        }
-      } catch (error) {
-        if (!cancelled) {
-          setCatalog({
-            kind: "failed",
-            fonts: [],
-            message: error instanceof Error ? error.message : "Unable to load the font catalog."
-          });
-        }
-      }
-    }
-    void loadFonts();
-    return () => {
-      cancelled = true;
-    };
-  }, [apiClient, enabled]);
-  return catalog;
-}
-function indexFontsByFamily(fonts) {
-  return new Map(fonts.map((font) => [font.family.toLowerCase(), font]));
-}
-function capabilityForFamily(family, recordsByFamily) {
-  const record = recordsByFamily.get(family.toLowerCase());
-  if (record) return capabilityFromFontRecord(record);
-  return {
-    source: "unknown",
-    family,
-    category: "unknown",
-    variants: []
-  };
-}
-function capabilityFromFontRecord(font) {
-  return {
-    source: "google",
-    family: font.family,
-    category: normalizeGoogleFontCategory(font.category),
-    variants: font.variants
-  };
-}
-function normalizeGoogleFontCategory(category) {
-  switch (category) {
-    case "serif":
-    case "sans-serif":
-    case "display":
-    case "handwriting":
-    case "monospace":
-      return category;
-    default:
-      return "unknown";
+  if (typeof maxPopoverRows !== "number") {
+    return cappedRequested;
   }
+  const customizeRowCount = hasOverflowControls ? 1 : 0;
+  const availableRows = maxPopoverRows - builtInPopoverRows - customizeRowCount;
+  return Math.max(0, Math.min(cappedRequested, availableRows));
 }
-function sortFontForPresetSlot(a, b, slot, preset, recordsByFamily) {
-  const aFit = evaluateTypographyFontSlot({
-    slot,
-    policy: preset.slotPolicies[slot],
-    capability: capabilityForFamily(a.family, recordsByFamily)
-  });
-  const bFit = evaluateTypographyFontSlot({
-    slot,
-    policy: preset.slotPolicies[slot],
-    capability: capabilityForFamily(b.family, recordsByFamily)
-  });
-  const fitDelta = typographyFontFitRank(aFit.kind) - typographyFontFitRank(bFit.kind);
-  if (fitDelta !== 0) return fitDelta;
-  const popularityDelta = (a.popularity ?? Infinity) - (b.popularity ?? Infinity);
-  if (popularityDelta !== 0) return popularityDelta;
-  return a.family.localeCompare(b.family);
-}
-function typographyFontFitRank(kind) {
-  switch (kind) {
-    case "recommended":
-      return 0;
-    case "compatible":
-      return 1;
-    case "limited":
-      return 2;
-    case "risky":
-      return 3;
-    case "unknown":
-      return 4;
-    default: {
-      const exhaustive = kind;
-      return exhaustive;
-    }
-  }
-}
-function typographyFontFitLabel(kind) {
-  switch (kind) {
-    case "recommended":
-      return "Recommended";
-    case "compatible":
-      return "Compatible";
-    case "limited":
-      return "Limited";
-    case "risky":
-      return "Risky";
-    case "unknown":
-      return "Unknown";
-    default: {
-      const exhaustive = kind;
-      return exhaustive;
-    }
-  }
-}
-function primaryFontFamily(cssFamily) {
-  return cssFamily.split(",")[0]?.trim().replace(/^["']|["']$/gu, "") || cssFamily;
-}
-function uniqueFontFamilies(families) {
-  const seen = /* @__PURE__ */ new Set();
-  const result = [];
-  for (const family of families) {
-    const normalized = primaryFontFamily(family);
-    const key = normalized.toLowerCase();
-    if (seen.has(key)) continue;
-    seen.add(key);
-    result.push(normalized);
-  }
-  return result;
-}
-function normalizeFontFamilyOverride(value) {
-  const trimmed = value.trim();
-  return trimmed.length > 0 ? trimmed : null;
-}
-function SiteChromeLookRow({
-  label,
-  ariaLabel,
-  defaultDescription,
-  catalog,
-  options = [
-    {
-      id: null,
-      label: "Site style default",
-      description: defaultDescription,
-      available: true
-    },
-    ...(catalog ?? []).map((look) => ({ ...look, available: true }))
-  ],
-  diagnostics,
-  scopeDescription,
-  expanded,
-  onToggle,
-  currentId,
-  currentLabel,
-  onCycle,
-  onPreview,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxs(StyleRowFrame, { label, currentLabel, expanded, onToggle, children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scopeDescription }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center overflow-hidden rounded-full border bg-background", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onCycle("prev"),
-            className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-            "aria-label": `Previous ${label.toLowerCase()}`,
-            disabled: disabled || cycleableSiteChromeOptions(options).length <= 1,
-            children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onCycle("next"),
-            className: "grid h-8 w-8 place-items-center border-l hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-            "aria-label": `Next ${label.toLowerCase()}`,
-            disabled: disabled || cycleableSiteChromeOptions(options).length <= 1,
-            children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
-          }
-        )
-      ] })
-    ] }),
-    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,
-        label: look.label,
-        description: look.description,
-        onSelect: () => onPreview(look.id),
-        disabled: disabled || !look.available
-      },
-      look.id ?? "site-style-default"
-    )) })
-  ] });
-}
-function PaletteRow({ expanded, onToggle, siteStyle, currentId, currentLabel, currentSwatch, onPreview, disabled }) {
-  const options = useMemo(
-    () => {
-      const recommended = requireEntriesForCuratedChoices(paletteVariants, siteStyle.paletteVariantChoices);
-      if (recommended.some((variant) => variant.id === currentId)) {
-        return recommended;
-      }
-      const current = findPaletteVariant(currentId);
-      return current ? [current, ...recommended] : recommended;
-    },
-    [currentId, siteStyle.paletteVariantChoices]
-  );
-  return /* @__PURE__ */ jsx(
-    StyleRowFrame,
-    {
-      label: "Palette",
-      currentLabel,
-      swatch: currentSwatch,
-      expanded,
-      onToggle,
-      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,
-          {
-            selected: variant.id === currentId,
-            label: variant.name,
-            description: variant.description,
-            swatch: primaryHex,
-            onSelect: () => onPreview(variant.id),
-            disabled
-          },
-          variant.id
-        );
-      }) })
-    }
-  );
-}
-function ColoursRow({ expanded, onToggle, variant, overrides, onTokenChange, onReset, disabled }) {
-  const mergedPalette = useMemo(() => {
-    return variant.colors.map((color) => ({
-      name: color.name,
-      hex: overrides?.[color.name] ?? color.hex
-    }));
-  }, [variant, overrides]);
-  const overrideCount = overrides ? Object.keys(overrides).length : 0;
-  const currentLabel = overrideCount > 0 ? `${overrideCount} colour${overrideCount === 1 ? "" : "s"} customised` : "Use variant colours";
-  return /* @__PURE__ */ jsx(
-    StyleRowFrame,
-    {
-      label: "Brand colours",
-      currentLabel,
-      expanded,
-      onToggle,
-      children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(
-          PaletteTokenEditor,
-          {
-            palette: mergedPalette,
-            onChange: onTokenChange,
-            feedbackRoles: [],
-            surfaceRoles: [],
-            showContrastChecks: false
-          }
-        ),
-        overrideCount > 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: onReset,
-            disabled,
-            children: "Reset to variant"
-          }
-        ) }) : null
-      ] })
-    }
-  );
-}
-function PickerOption({ selected, label, description, swatch, onSelect, disabled }) {
-  return /* @__PURE__ */ jsx("li", { className: "list-none", children: /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "radio",
-      "aria-checked": selected,
-      onClick: onSelect,
-      disabled,
-      className: cn(
-        "flex w-full items-center gap-3 rounded-md border px-3 py-2 text-left transition",
-        selected ? "border-foreground bg-accent/40 shadow-sm" : "border-transparent bg-background hover:border-foreground/40 hover:bg-accent/20",
-        disabled && "cursor-not-allowed opacity-60"
-      ),
-      children: [
-        swatch ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "h-5 w-5 shrink-0 rounded-full border border-black/10",
-            style: { backgroundColor: swatch },
-            "aria-hidden": "true"
-          }
-        ) : null,
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: label }),
-          description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: description }) : null
-        ] })
-      ]
-    }
-  ) });
-}
-function classifyStyleApplyError(error) {
-  if (isRecord(error)) {
-    const status = error.status;
-    const code = error.code;
-    if (status === 409 || code === "resource:conflict") {
-      return {
-        kind: "stale",
-        message: "This design changed elsewhere. Refreshing the latest version now."
-      };
-    }
-  }
-  return {
-    kind: "other",
-    message: error instanceof Error ? error.message : "Unable to apply your selection."
-  };
-}
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
-function WarningNotice({ warnings, onDismiss }) {
-  return /* @__PURE__ */ jsxs("div", { role: "status", className: "rounded-md border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning-foreground", children: [
-    /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: warnings.map((warning, index) => /* @__PURE__ */ jsx("li", { children: describeWarning(warning) }, `${warning.kind}-${index}`)) }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: onDismiss, className: "mt-2 underline", children: "Dismiss" })
-  ] });
-}
-function NoticeBanner({ notices, onDismiss }) {
-  return /* @__PURE__ */ jsxs("div", { role: "status", className: "rounded-md border border-muted-foreground/20 bg-muted/40 px-3 py-2 text-xs", children: [
-    /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: notices.map((notice, index) => /* @__PURE__ */ jsx("li", { children: describeNotice(notice) }, `${notice.kind}-${index}`)) }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: onDismiss, className: "mt-2 underline", children: "Dismiss" })
-  ] });
-}
-function describeNotice(notice) {
-  switch (notice.kind) {
-    case "palette-overrides-hidden":
-      return "Custom colours are saved for the previous palette.";
-    case "palette-overrides-restored":
-      return "Custom colours restored for this palette.";
-  }
-}
-function describeWarning(warning) {
-  switch (warning.kind) {
-    case "rejected-personality":
-      return `Button style changed to ${warning.fellBackTo} because ${warning.requested} is not offered for this site style.`;
-    case "rejected-palette":
-      return `Palette changed to ${warning.fellBackTo} because ${warning.requested} is not available.`;
-    case "rejected-typography-preset":
-      return `Typography changed to ${warning.fellBackTo} because ${warning.requested} is not offered for this site style.`;
-    default: {
-      const exhaustive = warning;
-      return exhaustive;
-    }
-  }
-}
-function PreviewEditorSidebar({
-  surfaceId,
-  siteId,
-  dashboardBaseUrl = null,
-  pageId,
-  entryData,
-  contentTypeSchema,
-  referenceContentTypeKeys = [],
-  draftContent,
-  currentTemplate,
-  theme,
-  themeId = null,
-  themeSelectionId = null,
-  themeSelectionVersion = null,
-  themeSelectionUpdatedAt = null,
-  themeSelectionButtonPersonalityId = null,
-  themeSelectionPaletteVariantId = null,
-  themeSelectionPaletteOverrides = null,
-  themeSelectionHeaderLayoutId = null,
-  themeSelectionHeaderStyleId = null,
-  themeSelectionTypographyPresetId = null,
-  themeSelectionTypographyBodyFontOverride = null,
-  themeSelectionTypographyHeadingFontOverride = null,
-  themeSelectionHeaderLookId = null,
-  themeSelectionFooterLookId = null,
-  themeSelectionHeaderContext,
-  themeSelectionFooterContext,
-  designRowRequest = null,
-  apiClient,
-  bearerToken,
-  supabaseUrl,
-  entrySubrouteContext,
-  assistantPanel,
-  sdkConfig,
-  mediaAssets,
-  siteStyleAccess = { kind: "hidden" },
-  activeTab,
-  onTabChange,
-  onClose,
-  viewportMode,
-  viewportWidth,
-  zoom,
-  onViewportModeChange,
-  onViewportWidthChange,
-  onZoomChange
-}) {
-  const controller = useEntryController();
-  const controllerBlocks = controller.blocks;
-  const uiStore = useEditorUiStoreInstance();
-  const uiStoreForBlockEditor = useMemo(
-    () => ({
-      getState: uiStore.getState,
-      subscribe: (listener) => uiStore.subscribe(() => listener())
-    }),
-    [uiStore]
-  );
-  const focusRequest = useUISelector(uiStore, (s) => s.focusRequest);
-  const { canEdit } = usePreviewAuth();
-  const dashboardSetupHandoff = useMemo(
-    () => resolvePreviewDashboardSetupHandoff(),
-    []
-  );
-  const dashboardContinueUrl = useMemo(
-    () => buildPreviewDashboardSetupUrl(dashboardBaseUrl, dashboardSetupHandoff),
-    [dashboardBaseUrl, dashboardSetupHandoff]
-  );
-  const sidebarChrome = useMemo(
-    () => resolvePreviewSidebarChromeModel(surfaceId),
-    [surfaceId]
-  );
-  const editorGuidance = useMemo(
-    () => resolvePreviewEditorGuidanceModel({
-      surfaceId,
-      canEdit,
-      hasDashboardSetupHandoff: Boolean(dashboardSetupHandoff)
-    }),
-    [canEdit, dashboardSetupHandoff, surfaceId]
-  );
-  const showAssistantTab = previewAssistantEnabled && Boolean(assistantPanel);
-  const assistantAvailable = showAssistantTab && Boolean(pageId && bearerToken && canEdit);
-  const effectiveActiveTab = showAssistantTab ? resolvePreviewSidebarTab(activeTab) : "editor";
-  const blockItems = useMemo(
-    () => controllerBlocks.list,
-    [controllerBlocks.list]
-  );
-  const blockEditorRef = useRef(null);
-  const contentFormWidgets = useMemo(() => previewWidgetOverrides, []);
-  const handleBlocksChange = useCallback(
-    (nextItems) => {
-      controllerBlocks.actions.setList(nextItems);
-      const drafts = uiStore.getState().drafts;
-      const extractData = (content) => {
-        if (!content || typeof content !== "object") return null;
-        const obj = content;
-        if ("data" in obj && obj.data && typeof obj.data === "object") {
-          return obj.data;
-        }
-        return obj;
-      };
-      for (const block of nextItems) {
-        if (!block.id) continue;
-        const baseline = extractData(
-          block.content ?? block.draftContent ?? block.publishedContent ?? null
-        );
-        const blockId = unsafeAsEditorBlockId(block.id);
-        if (drafts.getBlockSnapshot(blockId)) {
-          drafts.updateBlockBaseline(blockId, baseline, { kind: block.kind });
-        } else {
-          drafts.initNewBlock(blockId, baseline, { kind: block.kind });
-        }
-      }
-    },
-    [controllerBlocks.actions, uiStore]
-  );
-  useEffect(() => {
-    const req = focusRequest;
-    if (!req?.blockId) return;
-    blockEditorRef.current?.focusField({
-      blockId: req.blockId,
-      fieldPath: req.fieldPath ?? void 0,
-      itemIndex: req.itemIndex ?? void 0
-    });
-    uiStore.getState().clearFocus();
-  }, [focusRequest, uiStore]);
-  const metadataSectionContent = useMemo(() => {
-    if (!pageId && !entryData) return null;
-    return /* @__PURE__ */ jsx(PreviewMetadataPanel, { contentTypeKey: entryData?.type ?? null });
-  }, [entryData, pageId]);
-  const editorPanel = entryData ? /* @__PURE__ */ jsx(
-    EntryEditorPanel,
-    {
-      siteId,
-      entryData,
-      contentTypeSchema,
-      referenceContentTypeKeys,
-      draftContent,
-      currentTemplate,
-      theme,
-      apiClient,
-      bearerToken,
-      supabaseUrl,
-      entrySubrouteContext,
-      metadataPanel: metadataSectionContent,
-      mediaAssets,
-      widgets: contentFormWidgets,
-      viewportMode,
-      viewportWidth,
-      zoom,
-      onViewportModeChange,
-      onViewportWidthChange,
-      onZoomChange
-    }
-  ) : pageId ? /* @__PURE__ */ jsx(
-    PageBlockEditorPanel,
-    {
-      siteId,
-      pageId,
-      theme,
-      apiClient,
-      bearerToken,
-      supabaseUrl,
-      blockItems,
-      uiStoreForBlockEditor,
-      blockEditorRef,
-      onBlocksChange: handleBlocksChange,
-      metadataPanel: metadataSectionContent,
-      designPanel: canInspectSiteStyle(siteStyleAccess) ? /* @__PURE__ */ jsx(
-        StyleConfigurator,
-        {
-          siteId,
-          apiClient,
-          theme,
-          themeId,
-          selectionId: themeSelectionId,
-          selectionVersion: themeSelectionVersion,
-          selectionUpdatedAt: themeSelectionUpdatedAt,
-          initialSelections: {
-            selectionVersion: themeSelectionVersion,
-            selectionUpdatedAt: themeSelectionUpdatedAt,
-            buttonPersonalityId: themeSelectionButtonPersonalityId,
-            paletteVariantId: themeSelectionPaletteVariantId,
-            paletteOverrides: themeSelectionPaletteOverrides,
-            headerLayoutId: themeSelectionHeaderLayoutId,
-            headerStyleId: themeSelectionHeaderStyleId,
-            typographyPresetId: themeSelectionTypographyPresetId,
-            typographyBodyFontOverride: themeSelectionTypographyBodyFontOverride,
-            typographyHeadingFontOverride: themeSelectionTypographyHeadingFontOverride,
-            headerLookId: themeSelectionHeaderLookId,
-            footerLookId: themeSelectionFooterLookId
-          },
-          headerSelectionContext: themeSelectionHeaderContext,
-          footerSelectionContext: themeSelectionFooterContext,
-          expandedRowRequest: designRowRequest,
-          siteStyleAccess
-        }
-      ) : null,
-      sdkConfig: sdkConfig ?? null,
-      mediaAssets,
-      viewportMode,
-      viewportWidth,
-      zoom,
-      onViewportModeChange,
-      onViewportWidthChange,
-      onZoomChange
-    }
-  ) : /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 p-4", children: /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "Block editing is only available when a page is selected." }) }) });
-  const assistantPanelDisplay = assistantAvailable ? assistantPanel : /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center text-sm text-muted-foreground", children: "AI Assistant is available for pages in preview mode." });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `flex h-full min-h-0 flex-col overflow-hidden pb-[calc(var(--builder-editor-chrome-offset,0px)+var(--builder-preview-banner-offset,0px))] ${sidebarChrome.rootClassName}`,
-      "data-preview-sidebar-tone": sidebarChrome.tone,
-      children: /* @__PURE__ */ jsxs(
-        Tabs,
-        {
-          value: effectiveActiveTab,
-          onValueChange: (value) => onTabChange(
-            resolvePreviewSidebarTab(value)
-          ),
-          className: "flex h-full min-h-0 flex-col overflow-hidden",
-          children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `shrink-0 flex items-center justify-between px-4 py-3 ${sidebarChrome.headerClassName}`,
-                children: [
-                  /* @__PURE__ */ jsxs(TabsList, { className: "h-8", children: [
-                    /* @__PURE__ */ jsx(TabsTrigger, { value: "editor", children: "Editor" }),
-                    showAssistantTab ? /* @__PURE__ */ jsx(TabsTrigger, { value: "assistant", children: "AI Assistant" }) : null
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: onClose,
-                      "aria-label": "Close sidebar",
-                      children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-                    }
-                  )
-                ]
-              }
-            ),
-            editorGuidance ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b px-4 py-3", children: /* @__PURE__ */ jsx(
-              PreviewEditorGuidanceCard,
-              {
-                guidance: editorGuidance,
-                completeSetupDisabled: !dashboardContinueUrl,
-                onCompleteSetup: () => {
-                  if (!dashboardContinueUrl || typeof window === "undefined")
-                    return;
-                  window.location.href = dashboardContinueUrl;
-                }
-              }
-            ) }) : null,
-            /* @__PURE__ */ jsx(
-              TabsContent,
-              {
-                value: "editor",
-                forceMount: true,
-                className: "mt-0 min-h-0 flex-1 overflow-hidden data-[state=inactive]:hidden",
-                children: editorPanel
-              }
-            ),
-            showAssistantTab ? /* @__PURE__ */ jsx(
-              TabsContent,
-              {
-                value: "assistant",
-                forceMount: true,
-                className: "mt-0 min-h-0 flex-1 overflow-hidden data-[state=inactive]:hidden",
-                children: assistantPanelDisplay
-              }
-            ) : null
-          ]
-        }
-      )
-    }
-  );
-}
-function PreviewMetadataPanel({
-  contentTypeKey
-}) {
-  const uiStore = useEditorUiStoreInstance();
-  const manifest = useMemo(() => {
-    return omitRouteTitleFieldFromManifest(
-      getRouteMetadataManifestForType(contentTypeKey)
-    );
-  }, [contentTypeKey]);
-  const validation = useMemo(
-    () => createManifestValidation(manifest),
-    [manifest]
-  );
-  const backend = useMemo(
-    () => createStoreBackend({
-      scope: "metadata",
-      store: uiStore,
-      validateFn: (values) => {
-        const result = validation.schema.safeParse(values);
-        if (!result.success) {
-          return result.error.issues;
-        }
-        return [];
-      }
-    }),
-    [uiStore, validation]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
-    ManifestForm,
-    {
-      manifest,
-      backend,
-      className: "space-y-4"
-    }
-  ) });
+function resolveBlockManifest(blockKind, sdkConfig) {
+  return getBlockManifestFromSdkConfig(blockKind, sdkConfig) ?? getBlockDefinition(blockKind)?.manifest ?? null;
 }
 
-export { PreviewEditorSidebar };
+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 };