@riverbankcms/sdk 0.79.0 → 0.80.0

package/dist/{PreviewEditorSidebar-56NMJMIK.mjs → chunk-5NZGBSJF.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, DropdownMenuItem, Settings, DropdownMenuSeparator, Sparkles, RotateCcw, ImagePlus, Copy, Trash2, DialogFooter, DialogClose, CardContent, createEditorInsertBlockCommand, LoaderCircle, ChevronDown, getFeatureCardIconCompletion, toFeatureCardIconSuggestionInputs, getBlockIconSemanticFallbackId, suggestSemanticIconForFeatureCard, getGeneratedBlockIconStyleState, assertNever, suggestFeatureCardSemanticIcons, applyFeatureCardIconSuggestions, createFeatureCardIconKey, Textarea, Callout, CalloutDescription, normalEditorCuratedPromotedFieldPaths, resolveVisiblePromotedFieldPathsForEditorBlock, createStoreBackend, validateBlockManifestIssues, CalloutTitle, unfinishedBlockCopy, recoveryConflictCopy, ManifestForm, unsafeAsEditorBlockValues, Box, createManifestFormAdapter, getModalConfig, isNonEmptyValue, ScrollableDialogContent, FormRenderer, Tabs, TabsList, TabsTrigger, TabsContent, mergeManifestWithSdkOptions, augmentManifestWithStyleGroups, lucide_react_exports, isThemeV2NormalEditorRawStylePath, getFieldIntent, isHeaderField, isThemeV2NormalEditorRawStyleFieldName, useField, useMediaEditorOptional, useRichTextEditor, FieldFrame, RichTextEditorSurface, ThemeScope, isObjectRecord, EMPTY_DOC, useMediaEditor, MediaPickerMini, MediaPickerDialog, useAsyncPickerOptions, resolvePickerSelectionLabel, shouldShowPickerSearch, normalizePickerSearchThreshold, Combobox, Badge, useBlockContext, resolveMediaSlotContract, asRecord, parseAspectRatioValue, MediaEditor, PUBLIC_FILE_FIELD_KINDS, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, useBackendWatch, resolveIconPickerPreset, isIconPickerPreset, getIconPickerOptionsForPreset, isKnownIconName, getIconComponent, assertNever2, deriveNearestCompatibleHeaderStyle, findLegacyHeaderLookIdForSelection, compileSiteThemeFromSelections, footerLookCatalog, getOrderedHeaderStyleIdsForLayout, getOrderedHeaderLayoutIdsForCuration, footerLookRejectionReasonLabel, getHeaderStyle, getHeaderLayout, writePlanForLookCustomizationCommand, siteStyleIdFromTheme, getCuratedSiteStyle, getRichTextImagePositionFromTarget, insertOrReplaceRichTextImage, emitMediaCropDebug, Pencil, resolveVideoSelectionIntentForMediaField, evaluateVisibility, Root2, List, Trigger, Content, Input, Check, Label, isInternalResolvedLinkValue, resolveImageUrlWithContext, getDirectImageUrlForMediaAsset, isSvgMimeType, toRoutableLinkPayload, classifyKnownMimeType } from './chunk-GYXKAUFV.mjs';
+import React2, { createContext, memo, useMemo, useState, useRef, useEffect, forwardRef, useCallback, useImperativeHandle, useContext, useSyncExternalStore, useLayoutEffect, useReducer } from 'react';
 import { 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 = [
@@ -47,7 +277,7 @@ function parseReferenceKind(referenceKind) {
 }
 
 // ../content-model/src/contentManifest.ts
-function assertNever2(value) {
+function assertNever3(value) {
   throw new Error(`Unhandled content field mapping decision: ${JSON.stringify(value)}`);
 }
 function resolveContentReferenceKind(field) {
@@ -178,7 +408,7 @@ function toFieldDefinition(field, context = {}) {
             valueFrom: mapping.valueFrom
           };
         default:
-          return assertNever2(mapping);
+          return assertNever3(mapping);
       }
     }
     case "link":
@@ -317,65 +547,35 @@ 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 [selection, setSelection] = useState({
+    kind: "none"
+  });
+  const inspectBlock = useCallback((blockId) => {
+    setSelection((current) => ({
+      kind: "selected",
+      blockId,
+      requestId: current.kind === "selected" ? current.requestId + 1 : 1
+    }));
+  }, []);
+  const clearInspection = useCallback(() => {
+    setSelection({ kind: "none" });
+  }, []);
+  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 +713,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 +775,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);
 }
@@ -2485,16 +2685,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 +2720,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" });
   }
@@ -3684,7 +3904,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);
@@ -4101,6 +4322,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 +4767,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,7 +5596,66 @@ function filenameExtension(filename) {
   if (dotIndex < 0 || dotIndex === filename.length - 1) return null;
   return filename.slice(dotIndex + 1).trim().toLowerCase() || null;
 }
-createContext(null);
+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,
@@ -5534,2482 +5814,1174 @@ function IconPickerField({ path, backend, config }) {
     }
   ) });
 }
+createContext(null);
 
-// ../editor-blocks/src/widgets/entry-picker/loaders.ts
-function getStatusBadgeVariant(status) {
-  switch (status) {
-    case "published":
-      return "default";
-    case "draft":
-      return "secondary";
-    case "scheduled":
-      return "outline";
-    case "archived":
-      return "destructive";
-    default:
-      return "secondary";
-  }
-}
-function mapEntryPickerItems(entries, valueFrom) {
-  return entries.map((entry) => ({
-    value: valueFrom === "identifier" ? entry.identifier ?? entry.id : valueFrom === "slug" ? entry.slug ?? entry.id : entry.id,
-    label: entry.draftTitle || entry.title || entry.slug || entry.id,
-    id: entry.id,
-    identifier: entry.identifier ?? null,
-    slug: entry.slug ?? null,
-    badge: {
-      label: entry.status,
-      variant: getStatusBadgeVariant(entry.status)
-    }
-  }));
-}
-async function loadEntryPickerItems({
-  apiClient,
-  siteId,
-  contentType,
-  valueFrom
-}) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentType }
-  });
-  const { entries } = unwrapResponse(result);
-  return mapEntryPickerItems(entries, valueFrom);
+// ../preview-next/src/client/utils/rfc6902.ts
+function cloneJson(value) {
+  if (typeof structuredClone === "function") {
+    return structuredClone(value);
+  }
+  return JSON.parse(JSON.stringify(value));
 }
-
-// ../editor-blocks/src/widgets/link/loaders.ts
-async function loadRoutableContentItems({
-  apiClient,
-  siteId
-}) {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const payload = unwrapResponse(result);
-  return Array.isArray(payload?.items) ? payload.items : [];
+function decodePointerSegment(segment) {
+  return segment.replace(/~1/g, "/").replace(/~0/g, "~");
 }
-
-// ../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 splitPointer(pointer) {
+  if (pointer === "") return [];
+  if (!pointer.startsWith("/")) {
+    throw new Error(`Invalid JSON pointer (must start with "/"): ${pointer}`);
+  }
+  return pointer.split("/").slice(1).map((seg) => decodePointerSegment(seg));
 }
-
-// ../editor-blocks/src/widgets/reference/loaders.ts
-function defineReferenceLoader(referenceKind, loader) {
-  return Object.assign(loader, { referenceKind });
+function isJsonObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function formatStatusBadge(status) {
-  if (status === "published") {
-    return { label: "Published", variant: "default" };
-  }
-  if (status === "scheduled") {
-    return { label: "Scheduled", variant: "secondary" };
+function getContainerAndKey(root, pointer) {
+  const segments = splitPointer(pointer);
+  if (segments.length === 0) {
+    throw new Error("Patching the root value is not supported");
   }
-  if (status === "archived") {
-    return { label: "Archived", variant: "outline" };
+  const key = segments[segments.length - 1];
+  if (key === void 0) {
+    throw new Error("Invalid path (missing key)");
   }
-  return { label: "Draft", variant: "outline" };
-}
-function hasSlug(entry) {
-  return entry.slug !== null;
-}
-var loadPostReferenceItems = defineReferenceLoader("post", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: "post" }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter(hasSlug).filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.slug,
-    label: entry.title || entry.slug || entry.id,
-    badge: formatStatusBadge(entry.status)
-  }));
-});
-var loadFormReferenceItems = defineReferenceLoader("form", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listForms",
-    params: { siteId }
-  });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.slug,
-    label: form.name
-  }));
-});
-var loadBookingFormReferenceItems = defineReferenceLoader("bookingForm", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "listBookingForms",
-    params: { siteId }
-  });
-  const { forms } = unwrapResponse(result);
-  return forms.map((form) => ({
-    value: form.id,
-    label: form.name
-  }));
-});
-var loadAppointmentServiceReferenceItems = defineReferenceLoader(
-  "appointmentService",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentServicesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
-  }
-);
-var loadAppointmentResourceReferenceItems = defineReferenceLoader(
-  "appointmentResource",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "getAppointmentResourcesReference",
-      params: { siteId }
-    });
-    const { options } = unwrapResponse(result);
-    return options.map((option) => ({
-      value: option.id,
-      label: option.label
-    }));
-  }
-);
-var loadPageReferenceItems = defineReferenceLoader("page", async ({ apiClient, siteId }) => {
-  const result = await apiClient({
-    endpoint: "getRoutableContent",
-    params: { siteId }
-  });
-  const { items } = unwrapResponse(result);
-  return items.filter((item) => item.entityType === "page").map((page) => ({
-    value: page.entityId,
-    label: page.title || "Untitled"
-  }));
-});
-var loadNewsletterListReferenceItems = defineReferenceLoader(
-  "newsletterList",
-  async ({ apiClient, siteId }) => {
-    const result = await apiClient({
-      endpoint: "listNewsletterLists",
-      params: { siteId }
-    });
-    const { lists } = unwrapResponse(result);
-    return lists.map((list) => ({
-      value: list.id,
-      label: list.name
-    }));
-  }
-);
-async function loadDynamicContentReferenceItems({
-  apiClient,
-  siteId,
-  contentTypeKey
-}) {
-  const result = await apiClient({
-    endpoint: "listContentEntries",
-    params: { siteId, type: contentTypeKey }
-  });
-  const { entries } = unwrapResponse(result);
-  return entries.filter((entry) => entry.status === "published").map((entry) => ({
-    value: entry.id,
-    label: entry.title || entry.slug || entry.id,
-    badge: { label: "Published", variant: "default" }
-  }));
-}
-var referenceLoaders = {
-  post: loadPostReferenceItems,
-  form: loadFormReferenceItems,
-  bookingForm: loadBookingFormReferenceItems,
-  appointmentService: loadAppointmentServiceReferenceItems,
-  appointmentResource: loadAppointmentResourceReferenceItems,
-  page: loadPageReferenceItems,
-  newsletterList: loadNewsletterListReferenceItems
-};
-
-// ../preview-next/src/client/widgets/widgetAdapters.ts
-var routableContentCache = /* @__PURE__ */ new Map();
-var entryPickerCache = /* @__PURE__ */ new Map();
-var 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);
+  let container = root;
+  for (const segment of segments.slice(0, -1)) {
+    if (container == null) {
+      throw new Error(`Invalid path: ${pointer}`);
     }
-  }
-  map.set(key, value);
-}
-function createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, fallbackSiteId) {
-  return {
-    labels: {
-      loading: "Loading entries\u2026",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to continue."
-    },
-    loadItems: async ({ siteId }) => {
-      const resolvedSiteId = siteId || fallbackSiteId;
-      if (!resolvedSiteId) {
-        return [];
+    if (Array.isArray(container)) {
+      const index = Number.parseInt(segment, 10);
+      if (!Number.isFinite(index) || String(index) !== segment) {
+        throw new Error(`Invalid array index "${segment}" in path: ${pointer}`);
       }
-      const cacheKey = `${resolvedSiteId}:content:${contentTypeKey}`;
-      const cached = dynamicReferenceItemsCache.get(cacheKey);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadDynamicContentReferenceItems({
-            apiClient: previewClient,
-            siteId: resolvedSiteId,
-            contentTypeKey
-          });
-        } catch (error) {
-          dynamicReferenceItemsCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(dynamicReferenceItemsCache, cacheKey, promise);
-      return promise;
-    }
-  };
-}
-function createCachedReferenceAdapterLoader(kind, loader, previewClient, fallbackSiteId) {
-  return async ({ siteId }) => {
-    const resolvedSiteId = siteId || fallbackSiteId;
-    if (!resolvedSiteId) {
-      return [];
+      container = container[index];
+      continue;
     }
-    const cacheKey = `${kind}:${resolvedSiteId}`;
-    const cached = referenceItemsCache.get(cacheKey);
-    if (cached) return cached;
-    const promise = (async () => {
-      try {
-        return await loader({ apiClient: previewClient, siteId: resolvedSiteId });
-      } catch (error) {
-        referenceItemsCache.delete(cacheKey);
-        throw error;
-      }
-    })();
-    setBoundedCache(referenceItemsCache, cacheKey, promise);
-    return promise;
-  };
-}
-function createPreviewLinkAdapters(previewClient) {
-  return {
-    fetchRoutableContent: async (currentSiteId) => {
-      const cached = routableContentCache.get(currentSiteId);
-      if (cached) return cached;
-      const promise = (async () => {
-        try {
-          return await loadRoutableContentItems({ apiClient: previewClient, siteId: currentSiteId });
-        } catch (error) {
-          routableContentCache.delete(currentSiteId);
-          throw error;
-        }
-      })();
-      setBoundedCache(routableContentCache, currentSiteId, promise);
-      return promise;
+    if (isJsonObject(container)) {
+      container = container[segment];
+      continue;
     }
-  };
+    throw new Error(`Invalid container for path: ${pointer}`);
+  }
+  return { container, key };
 }
-function createPreviewEntryPickerAdapter(previewClient) {
-  return {
-    loadItems: async ({ siteId, contentType, valueFrom }) => {
-      if (!siteId || !contentType) return [];
-      const cacheKey = `${siteId}:${contentType}:${valueFrom ?? "id"}`;
-      const cached = entryPickerCache.get(cacheKey);
-      if (cached) return cached;
-      const request = (async () => {
-        try {
-          return await loadEntryPickerItems({
-            apiClient: previewClient,
-            siteId,
-            contentType,
-            valueFrom
-          });
-        } catch (error) {
-          entryPickerCache.delete(cacheKey);
-          throw error;
-        }
-      })();
-      setBoundedCache(entryPickerCache, cacheKey, request);
-      return request;
-    },
-    labels: {
-      loading: "Loading entries...",
-      select: "Select an entry",
-      empty: "No entries found",
-      emptySelection: "Select an entry to embed.",
-      noContentType: "Select a content type first."
+function applyAdd(container, key, value, pointer) {
+  if (Array.isArray(container)) {
+    if (key === "-") {
+      container.push(value);
+      return;
     }
-  };
-}
-var previewReferenceChrome = {
-  post: {
-    labels: {
-      loading: "Loading posts\u2026",
-      select: "Select a post",
-      empty: "No posts found",
-      emptySelection: "Select a post to continue."
+    const index = Number.parseInt(key, 10);
+    if (!Number.isFinite(index) || String(index) !== key) {
+      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
     }
-  },
-  form: {
-    labels: {
-      loading: "Loading forms\u2026",
-      select: "Select a form",
-      empty: "No forms found",
-      emptySelection: "Select a form to continue."
+    if (index < 0 || index > container.length) {
+      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
     }
-  },
-  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."
+    container.splice(index, 0, value);
+    return;
+  }
+  if (isJsonObject(container)) {
+    container[key] = value;
+    return;
+  }
+  throw new Error(`Invalid container for path: ${pointer}`);
+}
+function applyReplace(container, key, value, pointer) {
+  if (Array.isArray(container)) {
+    const index = Number.parseInt(key, 10);
+    if (!Number.isFinite(index) || String(index) !== key) {
+      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
     }
-  },
-  appointmentService: {
-    labels: {
-      loading: "Loading appointment services\u2026",
-      select: "Select a service",
-      empty: "No services available",
-      emptySelection: "Select a service to enable booking."
+    if (index < 0 || index >= container.length) {
+      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
     }
-  },
-  appointmentResource: {
-    labels: {
-      loading: "Loading resources\u2026",
-      select: "Select a resource",
-      empty: "No resources available",
-      emptySelection: "Select a resource (optional)."
+    container[index] = value;
+    return;
+  }
+  if (isJsonObject(container)) {
+    if (!(key in container)) {
+      throw new Error(`Cannot replace missing key "${key}" in path: ${pointer}`);
     }
-  },
-  page: {
-    labels: {
-      loading: "Loading pages\u2026",
-      select: "Select a page",
-      empty: "No pages available",
-      emptySelection: "Select a page."
+    container[key] = value;
+    return;
+  }
+  throw new Error(`Invalid container for path: ${pointer}`);
+}
+function applyRemove(container, key, pointer) {
+  if (Array.isArray(container)) {
+    const index = Number.parseInt(key, 10);
+    if (!Number.isFinite(index) || String(index) !== key) {
+      throw new Error(`Invalid array index "${key}" in path: ${pointer}`);
     }
-  },
-  newsletterList: {
-    labels: {
-      loading: "Loading lists\u2026",
-      select: "Select a list",
-      empty: "No lists yet",
-      emptySelection: "Select a newsletter list to subscribe users to."
+    if (index < 0 || index >= container.length) {
+      throw new Error(`Array index out of bounds "${key}" in path: ${pointer}`);
     }
+    container.splice(index, 1);
+    return;
   }
-};
-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
-    };
+  if (isJsonObject(container)) {
+    if (!(key in container)) {
+      throw new Error(`Cannot remove missing key "${key}" in path: ${pointer}`);
+    }
+    delete container[key];
+    return;
   }
-  return createDynamicReferenceAdapters(
-    adapters,
-    (contentTypeKey) => createCachedDynamicContentReferenceAdapter(contentTypeKey, previewClient, brandedFallbackSiteId)
+  throw new Error(`Invalid container for path: ${pointer}`);
+}
+function applyRfc6902Patch(base, ops) {
+  const next = cloneJson(base);
+  for (const op of ops) {
+    const { container, key } = getContainerAndKey(next, op.path);
+    if (op.op === "add") {
+      applyAdd(container, key, op.value, op.path);
+      continue;
+    }
+    if (op.op === "replace") {
+      applyReplace(container, key, op.value, op.path);
+      continue;
+    }
+    applyRemove(container, key, op.path);
+  }
+  return next;
+}
+var PreviewThemeOverlayContext = createContext(null);
+var NO_THEME_OVERLAY = { kind: "none" };
+function isDebugEnabled() {
+  return process.env.NEXT_PUBLIC_AI_ASSISTANT_DEBUG === "1";
+}
+function PreviewThemeOverlayProvider({ baseTheme, children }) {
+  const [overlay, setOverlay] = useState(NO_THEME_OVERLAY);
+  const overlayOps = overlay.kind === "patch" ? [...overlay.ops] : null;
+  const overlayOpsSource = overlay.kind === "patch" ? overlay.source : null;
+  const overrideTheme = overlay.kind === "theme" ? overlay.theme : null;
+  const overrideThemeSource = overlay.kind === "theme" ? overlay.source : null;
+  const setOverlayOps = useCallback(
+    (ops, options) => {
+      setOverlay((current) => {
+        if (ops === null) {
+          if (current.kind !== "patch") return current;
+          if (options?.source && current.source !== options.source) return current;
+          return NO_THEME_OVERLAY;
+        }
+        return {
+          kind: "patch",
+          source: options?.source ?? "unknown",
+          ops
+        };
+      });
+    },
+    []
   );
-}
-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 setOverrideTheme = useCallback(
+    (theme, options) => {
+      setOverlay((current) => {
+        if (theme === null) {
+          if (current.kind !== "theme") return current;
+          if (options?.source && current.source !== options.source) return current;
+          return NO_THEME_OVERLAY;
+        }
+        return {
+          kind: "theme",
+          source: options?.source ?? "unknown",
+          theme
+        };
+      });
+    },
+    []
   );
-  const paletteTokens = useMemo(() => {
-    if (!theme) return void 0;
+  const clearOverlay = useCallback((options) => {
+    setOverlay((current) => {
+      const source = options?.source;
+      if (current.kind === "none") return current;
+      if (source && current.source !== source) return current;
+      return NO_THEME_OVERLAY;
+    });
+  }, []);
+  const effectiveTheme = useMemo(() => {
+    if (overlay.kind === "theme") return overlay.theme;
+    if (overlay.kind !== "patch" || overlay.ops.length === 0) return baseTheme;
     try {
-      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" })
-        ] })
-      ]
+      return applyRfc6902Patch(baseTheme, [...overlay.ops]);
+    } catch (error) {
+      if (isDebugEnabled()) {
+        console.warn("[preview-theme-overlay] failed to apply theme overlay patch", {
+          error: error instanceof Error ? error.message : String(error),
+          overlayOps: overlay.ops
+        });
+      }
+      return baseTheme;
     }
+  }, [baseTheme, overlay]);
+  const value = useMemo(
+    () => ({
+      baseTheme,
+      overlay,
+      overlayOps,
+      overlayOpsSource,
+      setOverlayOps,
+      overrideTheme,
+      overrideThemeSource,
+      setOverrideTheme,
+      effectiveTheme,
+      clearOverlay
+    }),
+    [
+      baseTheme,
+      clearOverlay,
+      effectiveTheme,
+      overlay,
+      overlayOps,
+      overlayOpsSource,
+      overrideTheme,
+      overrideThemeSource,
+      setOverlayOps,
+      setOverrideTheme
+    ]
   );
+  return /* @__PURE__ */ jsx(PreviewThemeOverlayContext.Provider, { value, children });
 }
-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
-  ] });
+function usePreviewThemeOverlay() {
+  const ctx = useContext(PreviewThemeOverlayContext);
+  if (!ctx) {
+    throw new Error("usePreviewThemeOverlay must be used within PreviewThemeOverlayProvider");
+  }
+  return ctx;
 }
 
-// ../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;
+// ../preview-next/src/client/preview/previewDesignCoordinator.ts
+var NO_PREVIEW_DESIGN_STATE = { kind: "idle" };
+function transitionPreviewDesignState(state, command) {
+  switch (command.kind) {
+    case "preview-theme-patch":
+      return acceptPreview(state, {
+        kind: "active",
+        owner: command.producer,
+        surface: "theme-json-patch",
+        apply: "idle"
+      }, {
+        kind: "set-patch",
+        source: command.producer,
+        ops: command.ops
+      });
+    case "preview-theme":
+      return acceptPreview(state, {
+        kind: "active",
+        owner: command.producer,
+        surface: command.sourcePlan,
+        apply: "idle"
+      }, {
+        kind: "set-theme",
+        source: command.producer,
+        theme: command.theme
+      });
+    case "clear-preview":
+      if (state.kind === "idle") {
+        return ignored(state, "no-active-preview");
+      }
+      if (state.owner !== command.producer) {
+        return ignored(state, "producer-does-not-own-preview");
+      }
+      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
+    case "base-theme-changed":
+      if (state.kind === "idle") {
+        return accepted(state, { kind: "none" });
+      }
+      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
+    case "apply-started":
+      if (state.kind === "idle") {
+        return ignored(state, "no-active-preview");
+      }
+      if (state.owner !== command.producer) {
+        return ignored(state, "producer-does-not-own-preview");
+      }
+      return accepted({ ...state, apply: "pending" }, { kind: "none" });
+    case "apply-succeeded":
+      if (state.kind === "idle") {
+        return ignored(state, "apply-event-for-displaced-preview");
+      }
+      if (state.owner !== command.producer) {
+        return ignored(state, "apply-event-for-displaced-preview");
+      }
+      return accepted(NO_PREVIEW_DESIGN_STATE, { kind: "clear" });
+    case "apply-failed":
+      if (state.kind === "idle") {
+        return ignored(state, "apply-event-for-displaced-preview");
+      }
+      if (state.owner !== command.producer) {
+        return ignored(state, "apply-event-for-displaced-preview");
+      }
+      return accepted({ ...state, apply: "idle" }, { kind: "none" });
+    default:
+      return assertNever2(command, "Unhandled preview design command");
   }
+}
+function acceptPreview(current, next, effect) {
+  return accepted(next, effect);
+}
+function accepted(state, effect) {
   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."
+    kind: "accepted",
+    state,
+    effect
   };
 }
-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 ignored(state, reason) {
+  return {
+    kind: "ignored",
+    state,
+    reason
+  };
 }
-function EntryEditorPanel({
-  siteId,
-  entryData,
-  contentTypeSchema,
-  referenceContentTypeKeys,
-  draftContent,
-  currentTemplate,
-  theme,
-  apiClient,
-  bearerToken,
-  supabaseUrl,
-  entrySubrouteContext,
-  metadataPanel,
-  mediaAssets,
-  widgets,
-  viewportMode,
-  viewportWidth,
-  zoom,
-  onViewportModeChange,
-  onViewportWidthChange,
-  onZoomChange
-}) {
-  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]
+var PreviewDesignCoordinatorContext = createContext(null);
+function PreviewDesignCoordinatorProvider({ children }) {
+  const themeOverlay = usePreviewThemeOverlay();
+  const {
+    baseTheme,
+    clearOverlay,
+    overlay,
+    setOverlayOps,
+    setOverrideTheme
+  } = themeOverlay;
+  const [state, setState] = useState(NO_PREVIEW_DESIGN_STATE);
+  const stateRef = useRef(state);
+  const previousBaseThemeRef = useRef(null);
+  useEffect(() => {
+    stateRef.current = state;
+  }, [state]);
+  const dispatch = useCallback(
+    (command) => {
+      const transition = transitionPreviewDesignState(stateRef.current, command);
+      if (transition.kind === "accepted") {
+        stateRef.current = transition.state;
+        setState(transition.state);
+        switch (transition.effect.kind) {
+          case "none":
+            break;
+          case "clear":
+            clearOverlay();
+            break;
+          case "set-patch":
+            setOverlayOps([...transition.effect.ops], {
+              source: transition.effect.source
+            });
+            break;
+          case "set-theme":
+            setOverrideTheme(transition.effect.theme, {
+              source: transition.effect.source
+            });
+            break;
+          default:
+            assertNever2(transition.effect, "Unhandled preview design overlay effect");
+        }
+      }
+      return transition;
+    },
+    [clearOverlay, setOverlayOps, setOverrideTheme]
+  );
+  useEffect(() => {
+    if (previousBaseThemeRef.current && previousBaseThemeRef.current !== baseTheme) {
+      dispatch({ kind: "base-theme-changed" });
+    }
+    previousBaseThemeRef.current = baseTheme;
+  }, [baseTheme, dispatch]);
+  const previewTheme = useCallback(
+    (producer, theme, sourcePlan) => dispatch({ kind: "preview-theme", producer, theme, sourcePlan }),
+    [dispatch]
+  );
+  const previewThemePatch = useCallback(
+    (producer, ops) => dispatch({ kind: "preview-theme-patch", producer, ops }),
+    [dispatch]
+  );
+  const clearPreview = useCallback(
+    (producer) => dispatch({ kind: "clear-preview", producer }),
+    [dispatch]
   );
-  const contentFormSpec = useMemo(
+  const applyStarted = useCallback(
+    (producer) => dispatch({ kind: "apply-started", producer }),
+    [dispatch]
+  );
+  const applySucceeded = useCallback(
+    (producer) => dispatch({ kind: "apply-succeeded", producer }),
+    [dispatch]
+  );
+  const applyFailed = useCallback(
+    (producer) => dispatch({ kind: "apply-failed", producer }),
+    [dispatch]
+  );
+  const value = useMemo(
     () => ({
-      name: "content-fields",
-      version: "1.0",
-      title: "Content",
-      component: "content-form",
-      description: "",
-      fields: contentFormFields,
-      slots: []
+      state,
+      overlay,
+      dispatch,
+      previewTheme,
+      previewThemePatch,
+      clearPreview,
+      applyStarted,
+      applySucceeded,
+      applyFailed
     }),
-    [contentFormFields]
-  );
-  const contentInitialValues = useMemo(() => draftContent ?? {}, [draftContent]);
-  const subrouteNotice = useMemo(
-    () => resolveSubrouteNotice(entrySubrouteContext ?? null, { siteId }),
-    [entrySubrouteContext, siteId]
+    [
+      applyFailed,
+      applyStarted,
+      applySucceeded,
+      clearPreview,
+      dispatch,
+      previewTheme,
+      previewThemePatch,
+      state,
+      overlay
+    ]
   );
-  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
-    ] })
-  ] });
+  return /* @__PURE__ */ jsx(PreviewDesignCoordinatorContext.Provider, { value, children });
 }
-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
+function usePreviewDesignCoordinator() {
+  const ctx = useContext(PreviewDesignCoordinatorContext);
+  if (!ctx) {
+    throw new Error("usePreviewDesignCoordinator must be used within PreviewDesignCoordinatorProvider");
+  }
+  return ctx;
+}
+
+// ../preview-next/src/client/blocks/runOptimisticCustomizeAction.ts
+function createOptimisticActionRunner() {
+  let latest = 0;
+  return {
+    async run(action) {
+      latest += 1;
+      const seq = latest;
+      action.optimistic?.();
+      try {
+        const success = await action.network();
+        if (seq !== latest) return seq;
+        action.onSuccess(success);
+      } catch (error) {
+        if (seq !== latest) return seq;
+        action.onError(error);
       }
-    ) }),
-    /* @__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
-          }
-        ) })
-      ]
-    }
-  );
+      return seq;
+    },
+    invalidate() {
+      latest += 1;
+    },
+    current() {
+      return latest;
+    }
+  };
 }
 
-// ../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));
+// ../preview-next/src/client/preview/StyleConfigurator.state.ts
+function createStyleConfiguratorState(base) {
+  return {
+    base,
+    previewed: base,
+    saveStatus: { kind: "idle" },
+    warnings: [],
+    notices: [],
+    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base),
+    expandedRow: null
   };
-  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 openRow(state, row) {
+  return state.expandedRow === row ? state : { ...state, expandedRow: row };
 }
-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 isPreviewingChange(state) {
+  return !selectionSnapshotsEqual(state.base, state.previewed);
 }
-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 previewSiteStyle(state, siteStyleId) {
+  return {
+    ...state,
+    previewed: { ...state.previewed, siteStyleId },
+    saveStatus: { kind: "idle" }
+  };
 }
-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 })
-        ] })
-      ]
-    }
+function previewButtonPersonality(state, buttonPersonalityId) {
+  return {
+    ...state,
+    previewed: { ...state.previewed, buttonPersonalityId },
+    saveStatus: { kind: "idle" }
+  };
+}
+function previewHeaderLayout(state, headerLayoutId) {
+  const headerStyleId = deriveNearestCompatibleHeaderStyle(
+    state.previewed.headerStyleId,
+    headerLayoutId
   );
+  return previewHeaderSelection(state, { headerLayoutId, headerStyleId });
 }
-function 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
-    ] })
-  ] });
+function previewHeaderStyle(state, headerStyleId) {
+  return previewHeaderSelection(state, {
+    headerLayoutId: state.previewed.headerLayoutId,
+    headerStyleId
+  });
 }
-
-// ../preview-next/src/client/preview/styleConfiguratorApplyPayload.ts
-function buildApplySiteStyleSelectionBody(input) {
+function previewFooterLook(state, footerLookId) {
   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
+    ...state,
+    previewed: { ...state.previewed, footerLookId },
+    saveStatus: { kind: "idle" }
   };
 }
-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
-}) {
-  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 [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 previewTypographyPreset(state, typographyPresetId) {
+  return {
+    ...state,
+    previewed: { ...state.previewed, typographyPresetId },
+    saveStatus: { kind: "idle" }
+  };
 }
-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 setTypographyBodyFontOverride(state, typographyBodyFontOverride) {
+  return {
+    ...state,
+    previewed: { ...state.previewed, typographyBodyFontOverride },
+    saveStatus: { kind: "idle" }
+  };
 }
-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
+function setTypographyHeadingFontOverride(state, typographyHeadingFontOverride) {
+  return {
+    ...state,
+    previewed: { ...state.previewed, typographyHeadingFontOverride },
+    saveStatus: { kind: "idle" }
+  };
+}
+function clearTypographyFontOverrides(state) {
+  return {
+    ...state,
+    previewed: {
+      ...state.previewed,
+      typographyBodyFontOverride: null,
+      typographyHeadingFontOverride: null
     },
-    style.id
-  )) }) });
+    saveStatus: { kind: "idle" }
+  };
+}
+function previewPaletteVariant(state, paletteVariantId) {
+  return movePreviewToPaletteVariant(state, paletteVariantId);
 }
-function PersonalityRow({ expanded, onToggle, siteStyle, currentId, currentLabel, onPreview, disabled }) {
-  const options = useMemo(
-    () => requireEntriesForCuratedChoices(buttonPersonalities, siteStyle.buttonPersonalityChoices),
-    [siteStyle.buttonPersonalityChoices]
+function setPaletteOverrides(state, paletteOverrides) {
+  const paletteOverrideDrafts = withPaletteOverrideDraft(
+    state.paletteOverrideDrafts,
+    state.previewed.paletteVariantId,
+    paletteOverrides
   );
-  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
+  return {
+    ...state,
+    previewed: { ...state.previewed, paletteOverrides },
+    paletteOverrideDrafts,
+    saveStatus: { kind: "idle" }
+  };
+}
+function applyResolvedSelections(state, input) {
+  const paletteScoped = movePreviewToPaletteVariant(state, input.resolved.paletteVariantId);
+  return {
+    ...paletteScoped,
+    previewed: {
+      ...paletteScoped.previewed,
+      buttonPersonalityId: input.resolved.buttonPersonalityId,
+      headerLayoutId: input.resolved.headerLayoutId,
+      headerStyleId: input.resolved.headerStyleId,
+      headerLookId: input.resolved.headerLookId,
+      typographyPresetId: input.resolved.typographyPresetId,
+      typographyBodyFontOverride: input.resolved.typographyBodyFontOverride,
+      typographyHeadingFontOverride: input.resolved.typographyHeadingFontOverride
     },
-    personality.id
-  )) }) });
+    warnings: input.warnings
+  };
 }
-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 cancelPreview(state) {
+  return {
+    ...state,
+    previewed: state.base,
+    saveStatus: { kind: "idle" },
+    warnings: [],
+    notices: [],
+    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(state.base)
+  };
 }
-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 markApplySaving(state) {
+  return { ...state, saveStatus: { kind: "saving" } };
 }
-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 markApplySaved(state, persisted) {
+  return {
+    ...state,
+    base: persisted,
+    previewed: persisted,
+    saveStatus: { kind: "saved" },
+    warnings: [],
+    notices: [],
+    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(persisted)
+  };
 }
-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 markApplyFailed(state, message) {
+  return {
+    ...state,
+    saveStatus: { kind: "failed", message }
+  };
 }
-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 toggleRow(state, row) {
+  return {
+    ...state,
+    expandedRow: state.expandedRow === row ? null : row
+  };
 }
-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 dismissWarnings(state) {
+  if (state.warnings.length === 0) return state;
+  return { ...state, warnings: [] };
 }
-function indexFontsByFamily(fonts) {
-  return new Map(fonts.map((font) => [font.family.toLowerCase(), font]));
+function dismissNotices(state) {
+  if (state.notices.length === 0) return state;
+  return { ...state, notices: [] };
 }
-function capabilityForFamily(family, recordsByFamily) {
-  const record = recordsByFamily.get(family.toLowerCase());
-  if (record) return capabilityFromFontRecord(record);
+function syncStyleConfiguratorState(state, base) {
+  if (selectionSnapshotsEqual(state.base, base)) return state;
+  if (selectionSnapshotsEqual(state.previewed, base)) {
+    return {
+      ...state,
+      base,
+      saveStatus: state.saveStatus.kind === "saving" ? { kind: "saved" } : state.saveStatus,
+      warnings: [],
+      notices: [],
+      paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base)
+    };
+  }
+  return {
+    ...state,
+    base,
+    previewed: base,
+    saveStatus: { kind: "idle" },
+    warnings: [],
+    notices: [],
+    paletteOverrideDrafts: paletteOverrideDraftsFromSnapshot(base)
+  };
+}
+function movePreviewToPaletteVariant(state, paletteVariantId) {
+  if (state.previewed.paletteVariantId === paletteVariantId) {
+    return {
+      ...state,
+      saveStatus: { kind: "idle" }
+    };
+  }
+  const paletteOverrideDrafts = withPaletteOverrideDraft(
+    state.paletteOverrideDrafts,
+    state.previewed.paletteVariantId,
+    state.previewed.paletteOverrides
+  );
+  const restoredOverrides = paletteOverrideDrafts[paletteVariantId] ?? null;
   return {
-    source: "unknown",
-    family,
-    category: "unknown",
-    variants: []
+    ...state,
+    previewed: {
+      ...state.previewed,
+      paletteVariantId,
+      paletteOverrides: restoredOverrides
+    },
+    paletteOverrideDrafts,
+    notices: appendPaletteOverrideScopeNotice(state.notices, {
+      previousOverrides: state.previewed.paletteOverrides,
+      restoredOverrides
+    }),
+    saveStatus: { kind: "idle" }
   };
 }
-function capabilityFromFontRecord(font) {
+function previewHeaderSelection(state, selection) {
+  const headerStyleId = deriveNearestCompatibleHeaderStyle(
+    selection.headerStyleId,
+    selection.headerLayoutId
+  );
+  const headerLookId = findLegacyHeaderLookIdForSelection({
+    layoutId: selection.headerLayoutId,
+    styleId: headerStyleId
+  });
   return {
-    source: "google",
-    family: font.family,
-    category: normalizeGoogleFontCategory(font.category),
-    variants: font.variants
+    ...state,
+    previewed: {
+      ...state.previewed,
+      headerLayoutId: selection.headerLayoutId,
+      headerStyleId,
+      headerLookId
+    },
+    saveStatus: { kind: "idle" }
   };
 }
-function normalizeGoogleFontCategory(category) {
-  switch (category) {
-    case "serif":
-    case "sans-serif":
-    case "display":
-    case "handwriting":
-    case "monospace":
-      return category;
-    default:
-      return "unknown";
+function withPaletteOverrideDraft(drafts, paletteVariantId, paletteOverrides) {
+  const next = { ...drafts };
+  if (paletteOverrides === null) {
+    delete next[paletteVariantId];
+  } else {
+    next[paletteVariantId] = paletteOverrides;
   }
+  return next;
 }
-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 paletteOverrideDraftsFromSnapshot(snapshot) {
+  return snapshot.paletteOverrides ? { [snapshot.paletteVariantId]: snapshot.paletteOverrides } : {};
+}
+function appendPaletteOverrideScopeNotice(notices, input) {
+  const kind = input.restoredOverrides !== null ? "palette-overrides-restored" : input.previousOverrides !== null ? "palette-overrides-hidden" : null;
+  if (!kind || notices.some((notice) => notice.kind === kind)) {
+    return notices;
   }
+  return [...notices, { kind }];
 }
-function 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 selectionSnapshotsEqual(a, b) {
+  return a.siteStyleId === b.siteStyleId && a.selectionVersion === b.selectionVersion && a.selectionUpdatedAt === b.selectionUpdatedAt && a.headerLayoutId === b.headerLayoutId && a.headerStyleId === b.headerStyleId && a.headerLookId === b.headerLookId && a.footerLookId === b.footerLookId && a.buttonPersonalityId === b.buttonPersonalityId && a.paletteVariantId === b.paletteVariantId && a.typographyPresetId === b.typographyPresetId && a.typographyBodyFontOverride === b.typographyBodyFontOverride && a.typographyHeadingFontOverride === b.typographyHeadingFontOverride && paletteOverridesEqual(a.paletteOverrides, b.paletteOverrides);
+}
+function paletteOverridesEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length) return false;
+  return keysA.every((key) => a[key] === b[key]);
+}
+
+// ../preview-next/src/client/preview/siteChromeLookRows.ts
+function buildSiteChromeLookModels(input) {
+  const selection = input.state.previewed;
+  const common = {
+    siteStyle: input.siteStyle,
+    buttonPersonalityId: selection.buttonPersonalityId,
+    paletteVariantId: selection.paletteVariantId,
+    paletteOverrides: selection.paletteOverrides,
+    headerLayoutId: selection.headerLayoutId,
+    headerStyleId: selection.headerStyleId,
+    headerLookId: selection.headerLookId,
+    footerLookId: selection.footerLookId,
+    headerSelectionContext: input.headerSelectionContext,
+    footerSelectionContext: input.footerSelectionContext
+  };
+  const current = compileSiteThemeFromSelections(common);
+  const renderedHeaderLayoutId = current.resolvedSelections.headerLayoutId;
+  const renderedHeaderStyleId = current.resolvedSelections.headerStyleId;
+  return {
+    headerLayout: {
+      renderedLayoutId: renderedHeaderLayoutId,
+      options: getOrderedHeaderLayoutIdsForCuration(input.siteStyle).map(
+        (layoutId) => {
+          const layout = getHeaderLayout(layoutId);
+          return {
+            id: layoutId,
+            label: layout?.label ?? layoutId,
+            description: layout?.description,
+            available: true
+          };
+        }
+      )
+    },
+    headerStyle: {
+      renderedStyleId: renderedHeaderStyleId,
+      options: getOrderedHeaderStyleIdsForLayout(
+        input.siteStyle,
+        selection.headerLayoutId
+      ).map((styleId) => {
+        const style = getHeaderStyle(styleId);
+        return {
+          id: styleId,
+          label: style?.label ?? styleId,
+          description: style?.description,
+          available: true
+        };
+      })
+    },
+    footer: {
+      renderedLookId: current.resolvedSelections.footerLookId,
+      options: [
+        {
+          id: null,
+          label: "Site style default",
+          description: "Use the footer chosen for this site style.",
+          available: true
+        },
+        ...footerLookCatalog.map((look) => {
+          const result = compileSiteThemeFromSelections({
+            ...common,
+            footerLookId: look.id
+          });
+          const rejected = result.footerSelection.rejected.find(
+            (item) => item.lookId === look.id
+          );
+          return {
+            id: look.id,
+            label: look.label,
+            description: rejected ? rejected.reasons.map(footerLookRejectionReasonLabel).join(" ") : void 0,
+            available: !rejected
+          };
+        })
+      ],
+      diagnostics: diagnosticsForRequestedFooterSelection(
+        selection.footerLookId,
+        current.resolvedSelections.footerLookId,
+        current.footerSelection.rejected
+      )
     }
+  };
+}
+function cycleSiteChromeLookId(options, currentId, direction) {
+  const cycleable = cycleableSiteChromeOptions(options);
+  if (cycleable.length <= 1) return void 0;
+  const currentIndex = cycleable.findIndex((option) => option.id === currentId);
+  const safeIndex = currentIndex === -1 ? 0 : currentIndex;
+  const nextIndex = direction === "next" ? (safeIndex + 1) % cycleable.length : safeIndex === 0 ? cycleable.length - 1 : safeIndex - 1;
+  return cycleable[nextIndex]?.id;
+}
+function cycleableSiteChromeOptions(options) {
+  return options.filter((option) => option.available);
+}
+function planSiteChromeLookSelection(command) {
+  if (command.surface === "header") {
+    const headerLookId = findLegacyHeaderLookIdForSelection({
+      layoutId: command.layoutId,
+      styleId: command.styleId
+    });
+    const lookCommand2 = headerLookId ? {
+      kind: "select",
+      surface: { kind: "site-header" },
+      lookId: headerLookId
+    } : {
+      kind: "clear",
+      surface: { kind: "site-header" }
+    };
+    return {
+      kind: "header",
+      writePlan: writePlanForLookCustomizationCommand(lookCommand2),
+      next: {
+        headerLayoutId: command.layoutId,
+        headerStyleId: command.styleId,
+        headerLookId
+      }
+    };
   }
+  const lookCommand = command.lookId ? {
+    kind: "select",
+    surface: { kind: "site-footer" },
+    lookId: command.lookId
+  } : {
+    kind: "clear",
+    surface: { kind: "site-footer" }
+  };
+  return {
+    kind: "footer",
+    writePlan: writePlanForLookCustomizationCommand(lookCommand),
+    next: { footerLookId: command.lookId }
+  };
 }
-function primaryFontFamily(cssFamily) {
-  return cssFamily.split(",")[0]?.trim().replace(/^["']|["']$/gu, "") || cssFamily;
+function diagnosticsForRequestedFooterSelection(requestedLookId, renderedLookId, rejected) {
+  if (!requestedLookId || requestedLookId === renderedLookId) return [];
+  const rejectedRequest = rejected.find(
+    (item) => item.lookId === requestedLookId
+  );
+  return rejectedRequest?.reasons.map(footerLookRejectionReasonLabel) ?? [];
 }
-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);
+
+// ../preview-next/src/client/preview/typographySelectionInput.ts
+function typographySelectionInputForSnapshot(snapshot, theme) {
+  if (snapshot.typographyPresetId === null && theme?.typography) {
+    return {
+      typographySelection: {
+        kind: "custom",
+        typography: theme.typography
+      }
+    };
   }
-  return result;
+  return {
+    typographyPresetId: snapshot.typographyPresetId,
+    typographyBodyFontOverride: snapshot.typographyBodyFontOverride,
+    typographyHeadingFontOverride: snapshot.typographyHeadingFontOverride
+  };
 }
-function normalizeFontFamilyOverride(value) {
-  const trimmed = value.trim();
-  return trimmed.length > 0 ? trimmed : null;
+
+// ../preview-next/src/client/preview/styleConfiguratorSnapshot.ts
+function resolveStyleConfiguratorInitialSnapshot(input) {
+  const themeSiteStyleId = siteStyleIdFromTheme(input.theme);
+  if (!themeSiteStyleId) return null;
+  const siteStyle = getCuratedSiteStyle(themeSiteStyleId);
+  if (!siteStyle) return null;
+  const compiled = compileSiteThemeFromSelections({
+    siteStyle,
+    buttonPersonalityId: input.initialSelections.buttonPersonalityId,
+    paletteVariantId: input.initialSelections.paletteVariantId,
+    paletteOverrides: input.initialSelections.paletteOverrides,
+    headerLayoutId: input.initialSelections.headerLayoutId ?? null,
+    headerStyleId: input.initialSelections.headerStyleId ?? null,
+    ...typographySelectionInputForSnapshot(input.initialSelections, input.theme),
+    headerLookId: input.initialSelections.headerLookId ?? null,
+    footerLookId: input.initialSelections.footerLookId ?? null,
+    headerSelectionContext: input.headerSelectionContext,
+    footerSelectionContext: input.footerSelectionContext
+  });
+  const paletteChanged = input.initialSelections.paletteVariantId !== null && compiled.resolvedSelections.paletteVariantId !== input.initialSelections.paletteVariantId;
+  return {
+    siteStyleId: siteStyle.id,
+    selectionVersion: input.initialSelections.selectionVersion ?? 0,
+    selectionUpdatedAt: input.initialSelections.selectionUpdatedAt ?? null,
+    headerLayoutId: compiled.resolvedSelections.headerLayoutId,
+    headerStyleId: compiled.resolvedSelections.headerStyleId,
+    headerLookId: compiled.requestedSelections.headerLookId,
+    footerLookId: compiled.requestedSelections.footerLookId,
+    buttonPersonalityId: compiled.resolvedSelections.buttonPersonalityId,
+    paletteVariantId: compiled.resolvedSelections.paletteVariantId,
+    paletteOverrides: paletteChanged ? null : input.initialSelections.paletteOverrides,
+    typographyPresetId: compiled.resolvedSelections.typographyPresetId,
+    typographyBodyFontOverride: compiled.resolvedSelections.typographyBodyFontOverride,
+    typographyHeadingFontOverride: compiled.resolvedSelections.typographyHeadingFontOverride
+  };
 }
-function SiteChromeLookRow({
-  label,
-  ariaLabel,
-  defaultDescription,
-  catalog,
-  options = [
-    {
-      id: null,
-      label: "Site style default",
-      description: defaultDescription,
-      available: true
+
+// ../preview-next/src/client/preview/siteStylePreviewPlanner.ts
+function planSiteStylePreviewChange(input) {
+  const compiled = compileSiteThemeFromSelections({
+    siteStyle: input.siteStyle,
+    buttonPersonalityId: input.selection.buttonPersonalityId,
+    paletteVariantId: input.selection.paletteVariantId,
+    paletteOverrides: input.selection.paletteOverrides,
+    ...typographySelectionInputForSnapshot(input.selection, input.baseTheme),
+    headerLayoutId: input.selection.headerLayoutId,
+    headerStyleId: input.selection.headerStyleId,
+    headerLookId: input.selection.headerLookId,
+    footerLookId: input.selection.footerLookId,
+    headerSelectionContext: input.headerSelectionContext,
+    footerSelectionContext: input.footerSelectionContext
+  });
+  return {
+    themeOverlay: compiled.theme,
+    resolvedSelections: compiled.resolvedSelections,
+    chromeSelection: {
+      headerLookId: input.selection.headerLookId,
+      footerLookId: input.selection.footerLookId
     },
-    ...(catalog ?? []).map((look) => ({ ...look, available: true }))
+    warnings: compiled.warnings
+  };
+}
+
+// ../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"
   ],
-  diagnostics,
-  scopeDescription,
-  expanded,
-  onToggle,
-  currentId,
-  currentLabel,
-  onCycle,
-  onPreview,
-  disabled
+  "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
 }) {
-  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]
+  const valueReader = createVisibilityValueReader(content);
+  const quickPriority = QUICK_FIELD_PRIORITY_BY_BLOCK_KIND[blockKind] ?? [];
+  const quickPriorityIndex = new Map(
+    quickPriority.map((fieldId, index) => [fieldId, index])
   );
-  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
-        );
-      }) })
+  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;
     }
-  );
-}
-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
-      ] })
+    if (isHeaderField(field)) {
+      hiddenControls.push({ fieldId: field.id, reason: "header-field" });
+      continue;
     }
-  );
-}
-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
-        ] })
-      ]
+    const intent = getFieldIntent(field);
+    if (intent !== "display" && intent !== "behavior") {
+      hiddenControls.push({
+        fieldId: field.id,
+        reason: "unsupported-intent"
+      });
+      continue;
     }
-  ) });
-}
-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."
-      };
+    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 {
-    kind: "other",
-    message: error instanceof Error ? error.message : "Unable to apply your selection."
+    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 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 createVisibilityValueReader(content) {
+  return {
+    getValue: (path) => getValueAtPath(content, path)
+  };
 }
-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 getValueAtPath(source, path) {
+  if (!path) return source;
+  let current = source;
+  for (const segment of path.split(".")) {
+    if (!current || typeof current !== "object") {
+      return void 0;
     }
+    current = current[segment];
   }
+  return current;
 }
-function PreviewEditorSidebar({
-  surfaceId,
-  siteId,
-  dashboardBaseUrl = null,
-  pageId,
-  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,
-  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
+  maxQuickFields = MAX_QUICK_MANIFEST_FIELDS,
+  maxPopoverRows,
+  builtInPopoverRows = 0
 }) {
-  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 {
+    blockFieldOptions,
+    blockFieldExtensions,
+    sdkConfig: contextSdkConfig
+  } = useSdkConfig();
+  const effectiveSdkConfig = sdkConfig ?? contextSdkConfig;
+  const manifest = useMemo(
+    () => resolveBlockManifest(blockKind, effectiveSdkConfig ?? null),
+    [blockKind, effectiveSdkConfig]
   );
-  const editorGuidance = useMemo(
-    () => resolvePreviewEditorGuidanceModel({
-      surfaceId,
-      canEdit,
-      hasDashboardSetupHandoff: Boolean(dashboardSetupHandoff)
+  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
     }),
-    [canEdit, dashboardSetupHandoff, surfaceId]
+    [blockKind, content, fields, maxQuickFields]
   );
-  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 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]
   );
-  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]
+  const panelFields = useMemo(
+    () => controlPlan.panelControls.map((control) => stripTopLevelRoutingUi(control.field)),
+    [controlPlan.panelControls]
   );
-  useEffect(() => {
-    const req = focusRequest;
-    if (!req?.blockId) return;
-    blockEditorRef.current?.focusField({
-      blockId: req.blockId,
-      fieldPath: req.fieldPath ?? void 0,
-      itemIndex: req.itemIndex ?? void 0
+  const backend = useMemo(() => {
+    if (!preparedManifest) return null;
+    return createStoreBackend({
+      scope: "blocks",
+      store: uiStore,
+      blockId: unsafeAsEditorBlockId(blockId),
+      validateFn: (values) => validateBlockManifestIssues(preparedManifest.validationManifest, values, "strict")
     });
-    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
-          ]
-        }
-      )
-    }
-  );
+  }, [blockId, preparedManifest, uiStore]);
+  return {
+    manifest,
+    controlPlan,
+    quickFields,
+    panelFields,
+    backend,
+    hasControls: quickFields.length > 0 || panelFields.length > 0,
+    hasOverflowControls: panelFields.length > 0
+  };
 }
-function PreviewMetadataPanel({
-  contentTypeKey
+function resolveQuickFieldBudget({
+  requestedMaxQuickFields,
+  maxPopoverRows,
+  builtInPopoverRows,
+  hasOverflowControls
 }) {
-  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]
+  const cappedRequested = Math.max(
+    0,
+    Math.min(MAX_QUICK_MANIFEST_FIELDS, requestedMaxQuickFields)
   );
-  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx(
-    ManifestForm,
-    {
-      manifest,
-      backend,
-      className: "space-y-4"
-    }
-  ) });
+  if (typeof maxPopoverRows !== "number") {
+    return cappedRequested;
+  }
+  const settingsRowCount = hasOverflowControls ? 1 : 0;
+  const availableRows = maxPopoverRows - builtInPopoverRows - settingsRowCount;
+  return Math.max(0, Math.min(cappedRequested, availableRows));
+}
+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, PreviewDesignCoordinatorProvider, PreviewThemeOverlayProvider, ReferenceField, ReferenceWidgetProvider, RichTextField, RichTextWidgetProvider, applyResolvedSelections, buildPreviewDashboardSetupUrl, buildSiteChromeLookModels, canApplySiteStyle, canInspectSiteStyle, cancelPreview, clearTypographyFontOverrides, createOptimisticActionRunner, createStyleConfiguratorState, cycleSiteChromeLookId, cycleableSiteChromeOptions, dismissNotices, dismissWarnings, isPreviewingChange, mapContentSchemaToFormFields, markApplyFailed, markApplySaved, markApplySaving, openRow, parseReferenceKind, planSiteChromeLookSelection, planSiteStylePreviewChange, previewButtonPersonality, previewFooterLook, previewHeaderLayout, previewHeaderStyle, previewPaletteVariant, previewSiteStyle, previewTypographyPreset, resolvePreviewDashboardSetupHandoff, resolvePreviewEditorGuidanceModel, resolvePreviewSetupBannerModel, resolvePreviewSidebarChromeModel, resolveSiteStyleAccess, resolveStyleConfiguratorInitialSnapshot, sanitizeDashboardPath, setPaletteOverrides, setTypographyBodyFontOverride, setTypographyHeadingFontOverride, syncStyleConfiguratorState, toggleRow, useBlockCustomizeControls, usePreviewBlockCustomizeSelectionOptional, usePreviewDesignCoordinator, usePreviewThemeOverlay, useRichTextImagePicker };