@riverbankcms/sdk 0.102.0 → 0.104.0

package/dist/{SdkPreviewModeRuntime-CA2k7Z_T.mjs → SdkPreviewModeRuntime-DmHCcIMO.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { $ as PreviewRichTextEditor, $a as bindingSchema, $c as useBlockContext, $d as ChevronLeft, $i as getComponentBorderWidthPx, $l as DropdownMenuContent, $n as buildEventCalendarListingRender, $o as assertNever$6, $r as ctaCopyFragment, $s as UploadIcon, $t as deleteEntrySlotBlock, $u as unsafeAsCustomerPassId, Aa as isSemanticSpacing, Ac as getImageUrl, Ad as Image, Al as Root2$1, An as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Ao as formatTime$3, Ar as formatCommercePrice, As as CalendarIcon$1, At as createRoutingHelpers, Au as formatBookingDate, Ba as normalizeOptionalId, Bc as TokenResolver, Bi as sectionTransitionVariantForBoundaryOptionId, Bl as Collapsible, Bn as isInternalResolvedLinkValue, Bo as blockBookingPaymentTermsSchema, Br as augmentManifestWithStyleGroups, Bs as ExternalLinkIcon, Bt as ManifestForm, Bu as formatBookingPriceDisplay, Ca as isOfferingsPreviewSourceKey, Cc as isRotationDimensionSwap, Cd as Pencil, Ci as planPageDesignLayoutLookCompatibility, Cl as Input, Cn as isSupportedLoaderEndpoint, Co as toLocationMapHydrationProps, Cr as buildProductDetailInteractiveIslandProps, Cs as resolveIconPickerPreset, Ct as pushHistoryEntry, Cu as clsx, Da as resolveOfferingsPreviewGroupCta, Dc as resolveMediaTransformForAspect, Dd as Minus, Di as getCuratedSiteStyle, Dl as TabsTrigger, Dn as listBlockDescriptors, Do as formatEventPrice, Dr as buildCartDisplay, Ds as ArrowDownIcon, Dt as recordsEqual, Du as unsafeAsEditorBlockId, Ea as resolveOfferingsPreviewCoursePath, Ec as parseAspectRatioValue, Ei as designRuntimeRulesForTheme, El as TabsList, En as getBlockDefinition, Eo as formatEventDateParts, Er as getShopDisplayForItems, Es as isSemanticIconId, Et as unsafeAsLinkedContentEntryId, Eu as createEditorReorderBlocksCommand, Fa as getEventRuntimeFiltersKey, Fc as generateButtonCss, Fd as FileText, Fl as DialogContent, Fn as mediaTransforms, Fo as resolveEventLinkProps, Fr as deriveCommerceCheckoutState, Fs as ChevronUpIcon, Ft as PaletteProvider, Fu as getBookingLocalDateKey, G as beginAutosaveBatch, Ga as eventLayoutSchema, Gc as mergeStyles, Gd as Copy, Gi as parseBackgroundAppearanceColorToken, Gl as Trigger, Gn as productDetailBlockDefinition, Go as defineClientOwnedBlockRuntime, Gr as faqHeadingFragment, Gs as InfoIcon, Gt as createStoreBackend, Gu as publicEventTicketTypes, Ha as columnOptionSchema, Hc as themeButtonClassName, Hd as EllipsisVertical, Hi as backgroundAppearanceColorTokenNames, Hn as useImageResolveContextOptional, Ho as createInteractiveIslandCodec, Hr as headingFragment, Hs as FileAudioIcon, Hu as publicEventPricingMode, Ia as resolveEventCalendarListPageSize, Ic as generateEffectsCSS, Id as FileSpreadsheet, Il as DialogDescription, In as layoutTransforms, Io as getEventAvailability, Ir as parseStoredCommerceCartState, Is as CircleMinusIcon, It as usePalette, Iu as parseBookingLocalDate, J as enqueueTransaction, Ja as weekStartSchema, Jc as useBackendWatch, Jd as CircleCheck, Jl as CardContent, Jn as eventListingBlockDefinition, Jo as composeHeaderSectionWrapperClassName, Jr as footerBottomTextFragment, Js as MinusIcon, Jt as applyPageDesignEditorAction, Ju as expectParsedBrandedId, K as confirmAutosaveBatch, Ka as filterAutoShowSchema, Kc as rgbColorValue, Kd as CirclePlus, Ki as defaultThemeTokens, Kl as createCollapsibleScope, Kn as newsletterSignupBlockDefinition, Ko as defineProgressiveBlockRuntime, Kr as blogFeaturedPostFragment, Ks as MailIcon, Kt as listContentTypes, Ku as formatCurrencyAmount, La as resolveEventListPaginationAction, Lc as generateShadowValue$1, Ld as FilePlay, Li as defaultSectionTransitionVariantForFamily, Ll as DialogFooter, Ln as uiTransforms, Lo as getLocalDateKey, Lr as productItemKey, Ls as CirclePlusIcon, Lt as recoveryConflictCopy, Lu as resolveBookingTimeZoneId, Ma as buildEventRuntimeFilters, Mc as siblingPath$1, Md as ImagePlus, Ml as ScrollableDialogContent, Mn as planSiteOverlayHeaderClearance, Mo as getContainerClass, Mr as EMPTY_COMMERCE_CART_STATE, Ms as ChevronDownIcon, Mu as formatBookingInstant, Na as eventListPaginationActionSchema, Nd as GripVertical, Nl as Dialog, Nn as visibleHeaderClearancePx, No as groupEventsByDate, Nr as buildPassCartItem, Ns as ChevronLeftIcon, Nu as formatBookingTime, Oa as resolveOfferingsPreviewGroupOrderEntries, Oc as asRecord, Oi as surfaceResolutionContextFromTheme, Ol as Content$1, On as siteFooterManifest, Oo as formatEventPriceDisplay, Or as buildProductCardDisplay, Os as ArrowLeftIcon, Ou as unsafeAsEditorBlockValues, Pa as eventPageSizeSchema, Pd as File, Pl as DialogClose, Pn as contentTransforms, Po as resolveEventCta, Pr as buildProductCartItem, Ps as ChevronRightIcon, Pu as formatLocalScheduleDate, Q as resolvePreviewSidebarTab, Qa as when, Qc as isNonEmptyValue, Qd as ChevronRight, Qi as pageDesignEditorBackgroundOverrideOwner, Ql as DropdownMenu, Qn as buildEventCalendarListingDisplay, Qo as asDesignBlockId, Qr as testimonialsHeadingFragment, Qs as ShoppingCartIcon, Qt as deleteBlock, Qu as unsafeAsAppointmentServiceId, Ra as normalizeCsvIds, Rc as generateBaseInteractiveCSS, Rd as FileHeadphone, Ri as sectionTransitionFamilies, Rl as DialogHeader, Rn as formattingTransforms, Ro as getLocalMinuteOfDay, Rr as reduceCommerceCart, Rs as ClockIcon$1, Rt as unfinishedBlockCopy, Ru as toBookingTimeZone, Sa as inferLegacyOfferingsPreviewGroupOrder, Sc as attachRenderableMediaAssetFields, Sd as Plus, Si as normalEditorCuratedPromotedFieldPaths, Sl as PopoverTrigger, Sn as useUniqueId, So as normalizeLocationMapProps, Sr as buildCheckoutInteractiveIslandProps, Ss as isIconPickerPreset, St as createHistoryState, Su as cn$1, Ta as normalizeOfferingsPreviewItemLimit, Tc as formatAspectRatioToken, Tl as TabsContent, Tn as GRADIENT_PRESETS, To as formatEventCompactDateRail, Tr as buildShopInteractiveIslandProps, Ts as getSemanticIconComponent, Tt as undoHistory, Tu as createEditorRemoveBlockCommand, Ua as eventButtonVariantSchema, Uc as backgroundColorStyle, Ud as Crop, Ui as backgroundAppearanceQuickColorTokenNames, Ul as Content, Un as shopBlockDefinition, Uo as defineInteractiveIslandMetaKeys, Ur as cardFragment, Us as FileSpreadsheetIcon, Ut as FormRenderer, Uu as publicEventPricingType, Va as calendarTabViewsSchema, Vc as parseThemeButtonVariantId, Vd as EyeOff, Vi as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, Vl as CollapsibleContent, Vn as ImageResolveContextProvider, Vo as buildInteractiveIslandProps, Vr as richTextFragment, Vs as FileArchiveIcon, Vt as createManifestFormAdapter, Vu as publicEventPricingCurrency, Wa as eventCalendarDefaultViewSchema, Wc as borderColorStyle, Wd as CreditCard, Wi as foregroundTokenForBackgroundAppearanceColorToken, Wl as Root, Wn as productListBlockDefinition, Wo as createZodCodec, Wr as faqAccordionFragment, Ws as FileTextIcon, Wt as evaluateVisibility, Wu as publicEventScalarPrice, X as rejectAutosaveBatch, Xa as eventCalendarListLayoutOptions, Xc as getModalConfig, Xd as ChevronsUpDown, Xi as isThemeV2NormalEditorRawStyleFieldName, Xl as CardTitle, Xn as eventCalendarBlockDefinition, Xo as splitPositioningClasses, Xr as formCopyFragment, Xs as PlayIcon, Xt as createBlock, Xu as parseSiteId, Y as idleEditorTransactionQueueState, Ya as eventCalendarListLayoutCompatibleDisplayModeValues, Yc as getFieldIntent, Yd as CircleAlert, Yl as CardHeader, Yn as buildEventListingInteractiveIslandProps, Yo as markEditableSurfaceForwarding, Yr as formEmbedFragment, Ys as PhoneIcon, Yt as getPageDesignEditorState, Yu as parseMediaAssetId, Za as el, Zc as isHeaderField, Zd as ChevronUp, Zi as isThemeV2NormalEditorRawStylePath, Zn as buildEventCalendarInteractiveIslandProps, Zo as planSiteChromePlacement, Zr as testimonialsCarouselFragment, Zs as PlusIcon, Zt as createEntrySlotBlock, Zu as unsafeAsAppointmentResourceId, _c as resolveMediaNodeResponsiveImage, _i as formatSiteChromeBackgroundTokenLabel, _l as SelectValue, _n as useSensors, _o as resolveOnColorForThemeToken, _r as courseRegistrationBlockDefinition, _s as getBlockIconSemanticFallbackId, _t as useEditorUiStore, _u as composeEventHandlers, aa as NAV_LINK_PADDING_MAP, ac as coerceInlineTextWithFallback, ad as err$2, af as Archive, ai as PUBLIC_FILE_FIELD_KINDS, al as unmapValueFromSelect, an as DEFAULT_LAUNCH_READINESS_INPUT, ao as normalizeEventScheduleScope, ar as findEventByOccurrenceId, as as ICON_SIZE_PX, at as getRichTextImagePositionFromTarget, au as __awaiter, ba as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, bc as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, bd as RotateCcw, bi as buildEditorModelRuntimeFieldsByBlockId, bl as Popover, bn as useCombinedRefs, bo as featuresFromHex, br as cartBlockDefinition, bs as resolveBlockIconRenderValue, bt as canRedoHistory, bu as cva, ca as FONT_WEIGHT_MAP, cc as parseInlineTextFromUnknown, cd as X, cf as __toESM, ci as MQ_MD_DOWN, cl as Tooltip, cn as DndContext, co as normalizeEventSurfaceScope, cr as resolveEventRequiresPayment, cs as FEATURE_CARD_ICON_TREATMENTS, ct as EditorProvider, cu as __read, da as LABEL_FONT_SIZE_MAP, dc as buildResolveImageUrlContext, di as MQ_TABLET_ONLY, dl as TooltipTrigger, dn as closestCenter, do as generateCardCss, dr as getStepNumber$1, ds as getFeatureCardIconCompletion, dt as useUISelector, du as __spreadArrays, ea as getComponentShadowVar, ec as XIcon, ed as unsafeAsFormId, ef as ChevronDown, ei as heroCtaRowFragment, el as SdkConfigProvider, eo as eventBlockKindValues, er as formBlockDefinition, es as ACCORDION_OPEN_ACCENT_THICKNESS, et as PreviewInlineTextEditor, eu as DropdownMenuItem, fa as expandPalette, fc as computeMediaTransformStyle, fd as Trash2, fi as BACKGROUND_POSITION_PRESET_VALUES, fl as Textarea, fn as getClientRect, fo as statusMutedColorDeclaration, fr as getWizardStepsForContext$1, fs as shouldReserveFeatureCardIconZone, ft as EditableBlockProvider, fu as useId$1, g as PreviewDesignCoordinatorProvider, ga as ctaButton, gc as resolveImageUrlWithContext, gd as Sparkles, gi as resolveBackgroundColorValue, gl as SelectTrigger, gn as useSensor, go as isCssColorLiteral, gr as buildGiftingInteractiveIslandProps, gs as buildGeneratedBlockIconRenderAssetLookupFromUnknown, gu as createContextScope, ha as runTransforms, hc as renderVideo, hd as Star, hi as resolveSectionForegroundStyles, hl as SelectItem, hn as useDroppable, ho as normalizeCardVariantRole, hr as giftingBlockDefinition, hs as toFeatureCardIconSuggestionInputs, ht as useEntryEditorController, hu as useControllableState, i as usePreviewDesignHistoryOrder, ia as NAV_LINK_LETTER_SPACING_MAP, ic as isRecord$18, id as unsafeAsPositiveSeconds, if as ArrowDown, ii as defineFragment, il as mapOptionValueForSelect, in as decodePublicProductCategorySelectorQuery, io as normalizeEventCategoryIdsCsv, ir as toRegistrationEvents, is as ICON_CONFIG, it as RichTextEditorSurface, iu as __assign, ja as resolveSpacing, jc as getAtPath, jd as ImageUp, jl as Trigger$1, jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jo as getCardOrientation, jr as formatInterval, js as CheckIcon$1, jt as createSnapshotFromPageRecord, ju as formatBookingDateTime, ka as resolveOfferingsPreviewGroups, kc as getDirectImageUrlForMediaAsset, kd as LoaderCircle, kl as List, kn as siteHeaderManifest, ko as formatEventTeacherLine, kr as buildProductDetailDisplay, ks as ArrowRightIcon, kt as useDebouncedLatestSave, ku as addLocalScheduleDays, la as INPUT_FONT_SIZE_MAP, lc as ImagePresets, ld as Upload, li as MQ_SM_DOWN, ll as TooltipContent, ln as KeyboardCode, lo as normalizeEventVenueId, lr as resolveRegistrationTarget, ls as applyFeatureCardIconSuggestions, lt as useEditor, lu as __rest, ma as createTransformRegistry, mc as renderAudio, mi as boxStylesTransforms, ml as SelectContent, mn as useDraggable, mo as normalizeBoxStylesCardVariant, mr as resolveEventRegistrationScopedEvents, ms as suggestSemanticIconForFeatureCard, mu as createCollection, n as useSiteChromeCustomizeOptional, na as parseCustomCssRules, nc as unwrapRichTextRoot, nd as unsafeAsPassId, nf as Box, ni as heroCopyFragment, nl as hasEmptyOption, nn as reorderBlocks, no as eventSurfaceScopeValues, nr as eventRegistrationBlockDefinition, ns as ACCORDION_TRIGGER_FONT_SCALE, nt as useRichTextEditor, nu as DropdownMenuSeparator, oa as NAV_LINK_PADDING_X_MAP, oc as inlineTextToPlainText, od as ok$3, of as __commonJSMin, oi as siteOptionSources, ol as FieldFrame, on as deriveLaunchReadiness, oo as normalizeEventStaffMemberId, or as findPreSelectedEvent, os as PUBLIC_DOWNLOAD_MEDIA_TYPES, ot as insertOrReplaceRichTextImage, ou as __extends, pa as generateCssVars, pc as getCurrentResolveImageUrlContext, pd as Ticket, pi as getAnchorClasses, pl as Select, pn as useDndContext, po as generateShadowValue, pr as normalizeEventRegistrationPageSurfaceSubject, ps as suggestFeatureCardSemanticIcons, pt as EntryControllerProvider, pu as useDirection, q as deriveTransactionCapabilities, qa as previewStageSchema, qc as textColorStyle, qd as CircleMinus, ql as Card, qn as buildNewsletterFormInteractiveIslandProps, qr as singleButtonFragment, qs as MapPinIcon$1, qt as toRoutableLinkPayload, qu as assertNever$5, r as PreviewDesignHistoryOrderProvider, ra as NAV_LINK_BORDER_RADIUS_MAP, rc as isObjectRecord, rd as unsafeAsPositiveByteCount$1, rf as ArrowUp, ri as bodyCopyFragment, rl as mapCurrentValueForSelect, rn as reorderEntrySlotBlocks, ro as normalizeEventBlockKind, rr as buildEventRegistrationInteractiveIslandProps, rs as ACCORDION_TRIGGER_LETTER_SPACING, rt as EMPTY_DOC, ru as DropdownMenuTrigger, sa as NAV_LINK_TEXT_SIZE_MAP, sc as isInlineTextEmpty, sd as lucide_react_exports, sf as __exportAll, si as MQ_LG_UP, sl as useField, sn as AMBIENT_BACKGROUND_ROLES$1, so as normalizeEventSurfacePresetsCsv, sr as resolveDiscountContext, ss as mediaSchema, st as InlineTextEditor, su as __generator, t as SiteChromeCustomizeProvider, ta as parseBlockCustomCssRules, tc as createRichTextDocFromMarkdown, td as unsafeAsMediaAssetId, tf as Check, ti as ctaRowFragment, tl as useSdkConfig, tn as mutateBlockContent, to as eventScheduleScopeValues, tr as buildFormInteractiveIslandProps, ts as ACCORDION_SPACING_MAP, tt as PreviewTextEditor, ua as INPUT_SPACING_MAP, uc as MediaPlaceholder, ui as MQ_SM_UP, ul as TooltipProvider, un as PointerSensor, uo as publicEventSchema, ur as WIZARD_STEPS$1, us as createFeatureCardIconKey, uu as __spreadArray, v as PreviewThemeOverlayProvider, vc as resolveMediaStorageUrl, vd as Settings, vi as PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, vl as Label, vn as CSS, vo as resolveTokenOrCssColorValue, vr as buildCourseRegistrationInteractiveIslandProps, vs as getGeneratedBlockIconStyleState, vt as useEditorUiStoreInstance, vu as Primitive, wa as normalizeOfferingsPreviewGroupOrder, wc as normalizeRightAngle, wi as resolveVisiblePromotedFieldPathsForEditorBlock, wl as Tabs, wn as gradientToCss, wo as formatDate$3, wr as buildProductListInteractiveIslandProps, ws as SEMANTIC_ICON_DEFINITIONS, wt as redoHistory, wu as createEditorInsertBlockCommand, xa as buildOfferingsPreviewRenderStates, xc as resolveMediaSlotContract, xi as retargetCompiledRuntimeFieldsForContentAdjacency, xl as PopoverContent, xn as useIsomorphicLayoutEffect, xo as buildGoogleMapsDirectionsUrl, xr as buildCartInteractiveIslandProps, xs as parseSiteIconStyleGuideVersionId, xt as canUndoHistory, xu as useComposedRefs, y as usePreviewThemeOverlay, yc as setContextResolveImageUrlContext, yd as Search, yi as applyCompiledRuntimeFieldsToContent, yl as Badge, yn as isKeyboardEvent, yo as getTextColorForBackground, yr as checkoutBlockDefinition, ys as parseBlockIconValue, yt as useOptionalEditorUiStoreInstance, yu as Button, za as normalizeCsvString, zc as generateInteractiveChildInheritanceCSS, zd as FileArchive, zi as sectionTransitionFamilyForBoundaryOptionId, zl as DialogTitle, zn as createManifestValidator, zo as resolveRuntimeEventPricing, zr as augmentManifest, zs as DownloadIcon, zt as validateBlockManifestIssues, zu as toScheduledBookingDateTime } from "./SiteChromeCustomizeContext-Bh9-DtMQ.mjs";
-import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-ZF6TXq5Q.mjs";
-import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, l as ApiEnvelopeError, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-ByPPZqmp.mjs";
+import { $ as PreviewRichTextEditor, $a as previewStageSchema, $c as rgbColorValue, $d as Copy, $l as createCollapsibleScope, $n as buildEventCalendarListingRender, $r as ctaCopyFragment, $s as MailIcon, $t as deleteEntrySlotBlock, $u as formatCurrencyAmount, Aa as normalizeOfferingsPreviewGroupOrder, Ac as isRotationDimensionSwap, Ad as Pencil, Ai as getCuratedSiteStyle, Al as Input, An as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Ao as formatDate$3, Ar as formatCommercePrice, As as resolveIconPickerPreset, At as createRoutingHelpers, Au as clsx, Ba as eventPageSizeSchema, Bd as ImageOff, Bi as NAV_LINK_LETTER_SPACING_MAP, Bl as Dialog, Bn as isInternalResolvedLinkValue, Bo as resolveEventCta, Br as augmentManifestWithStyleGroups, Bs as ChevronLeftIcon, Bt as ManifestForm, Bu as formatBookingTime, Cc as resolveImageUrlWithContext, Cd as Sparkles, Ci as retargetCompiledBoundaryRuntimeForContentAdjacency, Cl as SelectTrigger, Cn as isSupportedLoaderEndpoint, Co as resolveOnColorForThemeToken, Cr as buildProductDetailInteractiveIslandProps, Cs as getGeneratedBlockIconStyleState, Ct as pushHistoryEntry, Cu as createContextScope, Da as buildOfferingsPreviewRenderStates, Dc as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, Dd as RotateCcw, Di as resolveVisiblePromotedFieldPathsForEditorBlock, Dl as Popover, Dn as listBlockDescriptors, Do as buildGoogleMapsDirectionsUrl, Dr as buildCartDisplay, Ds as parseGeneratedIconSetId, Dt as recordsEqual, Du as cva, Ea as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, Ec as setContextResolveImageUrlContext, Ed as Search, Ei as planPageDesignLayoutLookCompatibility, El as Badge, En as getBlockDefinition, Eo as featuresFromHex, Er as getShopDisplayForItems, Es as parseGeneratedIconAssetId, Et as unsafeAsLinkedContentEntryId, Eu as Button, Fa as resolveOfferingsPreviewGroups, Fc as asRecord, Fi as getComponentBorderWidthPx, Fl as Content$1, Fn as mediaTransforms, Fo as formatEventTeacherLine, Fr as deriveCommerceCheckoutState, Fs as ArrowLeftIcon, Ft as PaletteProvider, Fu as unsafeAsEditorBlockValues, G as beginAutosaveBatch, Ga as normalizeCsvString, Gc as generateBaseInteractiveCSS, Gd as FilePlay, Gi as INPUT_FONT_SIZE_MAP, Gl as DialogHeader, Gn as productDetailBlockDefinition, Go as resolveRuntimeEventPricing, Gr as faqHeadingFragment, Gs as ClockIcon$1, Gt as createStoreBackend, Gu as toBookingTimeZone, Ha as resolveEventCalendarListPageSize, Hc as generateButtonCss, Hd as File, Hi as NAV_LINK_PADDING_X_MAP, Hl as DialogContent, Hn as useImageResolveContextOptional, Ho as getEventAvailability, Hr as headingFragment, Hs as ChevronUpIcon, Hu as getBookingLocalDateKey, Ia as isSemanticSpacing, Ic as getDirectImageUrlForMediaAsset, Id as LoaderCircle, Ii as getComponentShadowVar, Il as List, In as layoutTransforms, Io as formatTime$3, Ir as parseStoredCommerceCartState, Is as ArrowRightIcon, It as usePalette, Iu as addLocalScheduleDays, J as enqueueTransaction, Ja as columnOptionSchema, Jc as parseThemeButtonVariantId, Jl as CollapsibleContent, Jn as eventListingBlockDefinition, Jo as createInteractiveIslandCodec, Jr as footerBottomTextFragment, Js as FileArchiveIcon, Jt as applyPageDesignEditorAction, Ju as publicEventPricingCurrency, K as confirmAutosaveBatch, Ka as normalizeOptionalId, Kc as generateInteractiveChildInheritanceCSS, Kd as FileHeadphone, Ki as INPUT_SPACING_MAP, Kl as DialogTitle, Kn as newsletterSignupBlockDefinition, Ko as blockBookingPaymentTermsSchema, Kr as blogFeaturedPostFragment, Ks as DownloadIcon, Kt as listContentTypes, Ku as toScheduledBookingDateTime, La as resolveSpacing, Lc as getImageUrl, Ld as Image, Li as parseBlockCustomCssRules, Ll as Root2$1, Ln as uiTransforms, Lo as getCardOrientation, Lr as productItemKey, Ls as CalendarIcon$1, Lt as recoveryConflictCopy, Lu as formatBookingDate, Ma as resolveOfferingsPreviewCoursePath, Mc as formatAspectRatioToken, Mi as isThemeV2NormalEditorRawStyleFieldName, Ml as TabsContent, Mn as planSiteOverlayHeaderClearance, Mo as formatEventDateParts, Mr as EMPTY_COMMERCE_CART_STATE, Ms as getSemanticIconComponent, Mu as createEditorRemoveBlockCommand, Na as resolveOfferingsPreviewGroupCta, Nc as parseAspectRatioValue, Ni as isThemeV2NormalEditorRawStylePath, Nl as TabsList, Nn as visibleHeaderClearancePx, No as formatEventPrice, Nr as buildPassCartItem, Ns as isSemanticIconId, Nu as createEditorReorderBlocksCommand, Oa as inferLegacyOfferingsPreviewGroupOrder, Oc as resolveMediaSlotContract, Ol as PopoverContent, On as siteFooterManifest, Oo as normalizeLocationMapProps, Or as buildProductCardDisplay, Os as parseSiteIconStyleGuideVersionId, Ou as useComposedRefs, Pa as resolveOfferingsPreviewGroupOrderEntries, Pc as resolveMediaTransformForAspect, Pd as Minus, Pi as pageDesignEditorBackgroundOverrideOwner, Pl as TabsTrigger, Pn as contentTransforms, Po as formatEventPriceDisplay, Pr as buildProductCartItem, Ps as ArrowDownIcon, Pu as unsafeAsEditorBlockId, Q as resolvePreviewSidebarTab, Qa as filterAutoShowSchema, Qc as mergeStyles, Qd as CreditCard, Ql as Trigger, Qn as buildEventCalendarListingDisplay, Qo as defineProgressiveBlockRuntime, Qr as testimonialsHeadingFragment, Qs as InfoIcon, Qt as deleteBlock, Qu as publicEventTicketTypes, Ra as buildEventRuntimeFilters, Rc as getAtPath, Rd as ImageUp, Ri as parseCustomCssRules, Rl as Trigger$1, Rn as formattingTransforms, Ro as getContainerClass, Rr as reduceCommerceCart, Rs as CheckIcon$1, Rt as unfinishedBlockCopy, Ru as formatBookingDateTime, Sa as ctaButton, Sc as renderVideo, Sd as Star, Si as compileEditorModelRuntime, Sl as SelectItem, Sn as useUniqueId, So as isCssColorLiteral, Sr as buildCheckoutInteractiveIslandProps, Ss as getBlockIconSemanticId, St as createHistoryState, Su as useControllableState, Tc as resolveMediaStorageUrl, Td as Settings, Ti as normalEditorCuratedPromotedFieldPaths, Tl as Label, Tn as GRADIENT_PRESETS, To as getTextColorForBackground, Tr as buildShopInteractiveIslandProps, Ts as resolveBlockIconRenderValue, Tt as undoHistory, Tu as Primitive, Ua as resolveEventListPaginationAction, Uc as generateEffectsCSS, Ud as FileText, Ui as NAV_LINK_TEXT_SIZE_MAP, Ul as DialogDescription, Un as shopBlockDefinition, Uo as getLocalDateKey, Ur as cardFragment, Us as CircleMinusIcon, Ut as FormRenderer, Uu as parseBookingLocalDate, Va as getEventRuntimeFiltersKey, Vd as GripVertical, Vi as NAV_LINK_PADDING_MAP, Vl as DialogClose, Vn as ImageResolveContextProvider, Vo as resolveEventLinkProps, Vr as richTextFragment, Vs as ChevronRightIcon, Vt as createManifestFormAdapter, Vu as formatLocalScheduleDate, Wa as normalizeCsvIds, Wc as generateShadowValue$1, Wd as FileSpreadsheet, Wi as FONT_WEIGHT_MAP, Wl as DialogFooter, Wn as productListBlockDefinition, Wo as getLocalMinuteOfDay, Wr as faqAccordionFragment, Ws as CirclePlusIcon, Wt as evaluateVisibility, Wu as resolveBookingTimeZoneId, X as rejectAutosaveBatch, Xa as eventCalendarDefaultViewSchema, Xc as backgroundColorStyle, Xd as EllipsisVertical, Xl as Content, Xn as eventCalendarBlockDefinition, Xo as createZodCodec, Xr as formCopyFragment, Xs as FileSpreadsheetIcon, Xt as createBlock, Xu as publicEventPricingType, Y as idleEditorTransactionQueueState, Ya as eventButtonVariantSchema, Yc as themeButtonClassName, Yd as EyeOff, Yn as buildEventListingInteractiveIslandProps, Yo as defineInteractiveIslandMetaKeys, Yr as formEmbedFragment, Ys as FileAudioIcon, Yt as getPageDesignEditorState, Yu as publicEventPricingMode, Za as eventLayoutSchema, Zc as borderColorStyle, Zd as Crop, Zl as Root, Zn as buildEventCalendarInteractiveIslandProps, Zo as defineClientOwnedBlockRuntime, Zr as testimonialsCarouselFragment, Zs as FileTextIcon, Zt as createEntrySlotBlock, Zu as publicEventScalarPrice, _c as MediaPlaceholder, _f as __toESM, _i as mergeHeaderNavTypographyPreference, _l as TooltipProvider, _n as useSensors, _o as generateCardCss, _r as courseRegistrationBlockDefinition, _s as resolveFeatureCardGeneratedIconSizePx, _t as useEditorUiStore, _u as __spreadArray, aa as sectionTransitionFamilyForBoundaryOptionId, ac as ShoppingCartIcon, ad as unsafeAsAppointmentServiceId, af as ChevronsUpDown, ai as PUBLIC_FILE_FIELD_KINDS, al as isNonEmptyValue, an as DEFAULT_LAUNCH_READINESS_INPUT, ao as bindingSchema, ar as findEventByOccurrenceId, as as assertNever$6, at as getRichTextImagePositionFromTarget, au as DropdownMenu, ba as createTransformRegistry, bc as getCurrentResolveImageUrlContext, bd as Ticket, bi as PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, bl as Select, bn as useCombinedRefs, bo as normalizeBoxStylesCardVariant, br as cartBlockDefinition, bs as toFeatureCardIconSuggestionInputs, bt as canRedoHistory, bu as useDirection, ca as backgroundAppearanceColorTokenNames, cc as createRichTextDocFromMarkdown, cd as unsafeAsMediaAssetId, cf as ChevronLeft, ci as MQ_MD_DOWN, cl as useSdkConfig, cn as DndContext, co as eventSurfaceScopeValues, cr as resolveEventRequiresPayment, cs as ACCORDION_TRIGGER_FONT_SCALE, ct as EditorProvider, da as parseBackgroundAppearanceColorToken, dc as isRecord$20, dd as unsafeAsPositiveSeconds, df as Box, di as MQ_TABLET_ONLY, dl as mapOptionValueForSelect, dn as closestCenter, do as normalizeEventScheduleScope, dr as getStepNumber$1, ds as ICON_SIZE_PX, dt as useUISelector, du as __assign, ec as MapPinIcon$1, ed as assertNever$5, ef as Clock3, ei as heroCtaRowFragment, el as textColorStyle, eo as weekStartSchema, er as formBlockDefinition, es as composeHeaderSectionWrapperClassName, et as PreviewInlineTextEditor, eu as Card, fa as defaultThemeTokens, fc as coerceInlineTextWithFallback, fd as err$2, ff as ArrowUp, fi as BACKGROUND_POSITION_PRESET_VALUES, fl as unmapValueFromSelect, fn as getClientRect, fo as normalizeEventStaffMemberId, fr as getWizardStepsForContext$1, fs as PUBLIC_DOWNLOAD_MEDIA_TYPES, ft as EditableBlockProvider, fu as __awaiter, g as PreviewDesignCoordinatorProvider, gc as ImagePresets, gd as Upload, gf as __exportAll, gi as resolveBackgroundColorValue, gl as TooltipContent, gn as useSensor, go as publicEventSchema, gr as buildGiftingInteractiveIslandProps, gs as getFeatureCardIconCompletion, gu as __rest, hc as parseInlineTextFromUnknown, hd as X, hf as __commonJSMin, hi as resolveSectionForegroundStyles, hl as Tooltip, hn as useDroppable, ho as normalizeEventVenueId, hr as giftingBlockDefinition, hs as createFeatureCardIconKey, ht as useEntryEditorController, hu as __read, i as usePreviewDesignHistoryOrder, ia as sectionTransitionFamilies, ic as PlusIcon, id as unsafeAsAppointmentResourceId, if as CircleAlert, ii as defineFragment, il as isHeaderField, in as decodePublicProductCategorySelectorQuery, io as when, ir as toRegistrationEvents, is as asDesignBlockId, it as RichTextEditorSurface, ja as normalizeOfferingsPreviewItemLimit, jc as normalizeRightAngle, ji as surfaceResolutionContextFromTheme, jl as Tabs, jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jo as formatEventCompactDateRail, jr as formatInterval, js as SEMANTIC_ICON_DEFINITIONS, jt as createSnapshotFromPageRecord, ju as createEditorInsertBlockCommand, ka as isOfferingsPreviewSourceKey, kc as attachRenderableMediaAssetFields, kd as Plus, ki as designRuntimeRulesForTheme, kl as PopoverTrigger, kn as siteHeaderManifest, ko as toLocationMapHydrationProps, kr as buildProductDetailDisplay, ks as isIconPickerPreset, kt as useDebouncedLatestSave, ku as cn$1, la as backgroundAppearanceQuickColorTokenNames, lc as unwrapRichTextRoot, ld as unsafeAsPassId, lf as ChevronDown, li as MQ_SM_DOWN, ll as hasEmptyOption, ln as KeyboardCode, lo as normalizeEventBlockKind, lr as resolveRegistrationTarget, ls as ACCORDION_TRIGGER_LETTER_SPACING, lt as useEditor, lu as DropdownMenuSeparator, mc as isInlineTextEmpty, md as lucide_react_exports, mf as Archive, mi as boxStylesTransforms, ml as useField, mn as useDraggable, mo as normalizeEventSurfaceScope, mr as resolveEventRegistrationScopedEvents, ms as FEATURE_CARD_ICON_TREATMENTS, mu as __generator, n as useSiteChromeCustomizeOptional, na as boundaryRuntimeMetricsForTransition, nc as PhoneIcon, nd as parseMediaAssetId, nf as CircleMinus, ni as heroCopyFragment, nl as getFieldIntent, nn as reorderBlocks, no as eventCalendarListLayoutOptions, nr as eventRegistrationBlockDefinition, ns as splitPositioningClasses, nt as useRichTextEditor, nu as CardHeader, oa as sectionTransitionVariantForBoundaryOptionId, oc as UploadIcon, od as unsafeAsCustomerPassId, of as ChevronUp, oi as siteOptionSources, ol as useBlockContext, on as deriveLaunchReadiness, oo as eventBlockKindValues, or as findPreSelectedEvent, os as ACCORDION_OPEN_ACCENT_THICKNESS, ot as insertOrReplaceRichTextImage, ou as DropdownMenuContent, pc as inlineTextToPlainText, pd as ok$3, pf as ArrowDown, pi as getAnchorClasses, pl as FieldFrame, pn as useDndContext, po as normalizeEventSurfacePresetsCsv, pr as normalizeEventRegistrationPageSurfaceSubject, ps as mediaSchema, pt as EntryControllerProvider, pu as __extends, q as deriveTransactionCapabilities, qa as calendarTabViewsSchema, qc as TokenResolver, qd as FileArchive, qi as LABEL_FONT_SIZE_MAP, ql as Collapsible, qn as buildNewsletterFormInteractiveIslandProps, qo as buildInteractiveIslandProps, qr as singleButtonFragment, qs as ExternalLinkIcon, qt as toRoutableLinkPayload, qu as formatBookingPriceDisplay, r as PreviewDesignHistoryOrderProvider, ra as defaultSectionTransitionVariantForFamily, rc as PlayIcon, rd as parseSiteId, rf as CircleCheck, ri as bodyCopyFragment, rl as getModalConfig, rn as reorderEntrySlotBlocks, ro as el, rr as buildEventRegistrationInteractiveIslandProps, rs as planSiteChromePlacement, rt as EMPTY_DOC, ru as CardTitle, sa as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, sc as XIcon, sd as unsafeAsFormId, sf as ChevronRight, si as MQ_LG_UP, sl as SdkConfigProvider, sn as AMBIENT_BACKGROUND_ROLES$1, so as eventScheduleScopeValues, sr as resolveDiscountContext, ss as ACCORDION_SPACING_MAP, st as InlineTextEditor, su as DropdownMenuItem, t as SiteChromeCustomizeProvider, tc as MinusIcon, td as expectParsedBrandedId, tf as CirclePlus, ti as ctaRowFragment, tl as useBackendWatch, tn as mutateBlockContent, to as eventCalendarListLayoutCompatibleDisplayModeValues, tr as buildFormInteractiveIslandProps, ts as markEditableSurfaceForwarding, tt as PreviewTextEditor, tu as CardContent, ua as foregroundTokenForBackgroundAppearanceColorToken, uc as isObjectRecord, ud as unsafeAsPositiveByteCount$1, uf as Check, ui as MQ_SM_UP, ul as mapCurrentValueForSelect, un as PointerSensor, uo as normalizeEventCategoryIdsCsv, ur as WIZARD_STEPS$1, us as ICON_CONFIG, uu as DropdownMenuTrigger, v as PreviewThemeOverlayProvider, va as expandPalette, vc as buildResolveImageUrlContext, vi as readHeaderNavFontSizePreference, vl as TooltipTrigger, vn as CSS, vo as statusMutedColorDeclaration, vr as buildCourseRegistrationInteractiveIslandProps, vs as shouldReserveFeatureCardIconZone, vt as useEditorUiStoreInstance, vu as __spreadArrays, wc as resolveMediaNodeResponsiveImage, wi as retargetCompiledRuntimeFieldsForContentAdjacency, wl as SelectValue, wn as gradientToCss, wo as resolveTokenOrCssColorValue, wr as buildProductListInteractiveIslandProps, ws as parseBlockIconValue, wt as redoHistory, wu as composeEventHandlers, xa as runTransforms, xc as renderAudio, xi as applyCompiledRuntimeFieldsToContent, xl as SelectContent, xn as useIsomorphicLayoutEffect, xo as normalizeCardVariantRole, xr as buildCartInteractiveIslandProps, xs as buildGeneratedBlockIconRenderAssetLookupFromUnknown, xt as canUndoHistory, xu as createCollection, y as usePreviewThemeOverlay, ya as generateCssVars, yc as computeMediaTransformStyle, yd as Trash2, yi as formatSiteChromeBackgroundTokenLabel, yl as Textarea, yn as isKeyboardEvent, yo as generateShadowValue, yr as checkoutBlockDefinition, ys as suggestSemanticIconForFeatureCard, yt as useOptionalEditorUiStoreInstance, yu as useId$1, za as eventListPaginationActionSchema, zc as siblingPath$1, zd as ImagePlus, zi as NAV_LINK_BORDER_RADIUS_MAP, zl as ScrollableDialogContent, zn as createManifestValidator, zo as groupEventsByDate, zr as augmentManifest, zs as ChevronDownIcon, zt as validateBlockManifestIssues, zu as formatBookingInstant } from "./SiteChromeCustomizeContext-BV9GU-3C.mjs";
+import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-CStABBUh.mjs";
+import { _ as API_ENDPOINTS, a as usePreviewToken, c as createBearerAPIClient, d as unwrapResponse, g as resolveSurfaceDocumentAttributes, h as SURFACE_IDS, i as usePreviewAuthFetch, l as ApiEnvelopeError, m as SURFACE_DOCUMENT_DATA_ATTRIBUTE, n as markPreviewAuthExpired, o as isPreviewRuntimeSessionEditable, r as usePreviewAuth, s as ApiRequestError, t as initPreviewAuth, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-CfquDtTh.mjs";
 import * as React$1 from "react";
 import React, { Children, Component, Fragment, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, memo, startTransition, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1280,7 +1280,7 @@ var BlockApiError = class extends Error {
 		this.name = "BlockApiError";
 	}
 };
-function isRecord$17(value) {
+function isRecord$19(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -1304,8 +1304,8 @@ async function parseJsonBody(response) {
 	}
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$17(data)) return {};
-	const nestedError = isRecord$17(data.error) ? data.error : void 0;
+	if (!isRecord$19(data)) return {};
+	const nestedError = isRecord$19(data.error) ? data.error : void 0;
 	return {
 		message: typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0,
 		code: typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0
@@ -2517,7 +2517,7 @@ function Text$1({ as: Comp = "span", children, className = "", path, maxLength:
 function coerceRichTextDoc(value) {
 	const raw = unwrapRichTextRoot(value);
 	if (typeof raw === "string") return createRichTextDocFromMarkdown(raw);
-	if (isRecord$18(raw) && typeof raw.type === "string") return raw;
+	if (isRecord$20(raw) && typeof raw.type === "string") return raw;
 	return null;
 }
 //#endregion
@@ -2735,7 +2735,8 @@ function getIconComponent(name) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/icon.tsx
 const IconNode = ({ value, title, className, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, ...rest }) => {
-	const Icon = getIconComponent(getBlockIconSemanticFallbackId(value) ?? value);
+	const parsedValue = parseBlockIconValue(value);
+	const Icon = getIconComponent(parsedValue.kind === "generated" ? null : parsedValue.kind === "semantic" ? parsedValue.iconId : value);
 	if (!Icon) return null;
 	const decorative = !rest["aria-label"] && !title;
 	return /* @__PURE__ */ jsx(Icon, {
@@ -2746,6 +2747,70 @@ const IconNode = ({ value, title, className, blockId: _blockId, blockKind: _bloc
 	});
 };
 //#endregion
+//#region ../blocks/src/system/icons/generatedAssets.ts
+function isRecord$18(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function generatedIconAssetRefKey(ref) {
+	return `${ref.setId}\u0000${ref.assetId}`;
+}
+function collectGeneratedIconAssetRefs(page) {
+	const blocks = [];
+	for (const block of page.blocks) {
+		if (block.kind !== "block.feature-cards" || typeof block.id !== "string") continue;
+		const content = isRecord$18(block.draftContent) ? block.draftContent : isRecord$18(block.content) ? block.content : null;
+		const cards = Array.isArray(content?.cards) ? content.cards : [];
+		const refs = /* @__PURE__ */ new Map();
+		for (const card of cards) {
+			if (!isRecord$18(card)) continue;
+			const icon = parseBlockIconValue(card.icon);
+			if (icon.kind !== "generated") continue;
+			const ref = {
+				setId: icon.setId,
+				assetId: icon.assetId
+			};
+			refs.set(generatedIconAssetRefKey(ref), ref);
+		}
+		if (refs.size > 0) blocks.push({
+			blockId: block.id,
+			refs: [...refs.values()]
+		});
+	}
+	return blocks;
+}
+function dedupeGeneratedIconAssetRefs(blocks) {
+	return [...new Map(blocks.flatMap((block) => block.refs).map((ref) => [generatedIconAssetRefKey(ref), ref])).values()];
+}
+function mapGeneratedIconAssetsToBlocks(blocks, resolvedAssets) {
+	const byKey = new Map(resolvedAssets.map((asset) => [generatedIconAssetRefKey(asset), asset]));
+	return Object.fromEntries(blocks.flatMap((block) => {
+		const assets = block.refs.flatMap((ref) => {
+			const asset = byKey.get(generatedIconAssetRefKey(ref));
+			if (!asset) return [];
+			const setId = parseGeneratedIconSetId(asset.setId);
+			const assetId = parseGeneratedIconAssetId(asset.assetId);
+			if (!setId || !assetId) return [];
+			return [{
+				setId,
+				assetId,
+				src: asset.src,
+				...asset.width === void 0 ? {} : { width: asset.width },
+				...asset.height === void 0 ? {} : { height: asset.height }
+			}];
+		});
+		return assets.length > 0 ? [[block.blockId, assets]] : [];
+	}));
+}
+function mergeGeneratedIconAssetsIntoResolvedData(resolvedData, assetsByBlock) {
+	if (Object.keys(assetsByBlock).length === 0) return resolvedData;
+	const merged = { ...resolvedData };
+	for (const [blockId, generatedIconAssets] of Object.entries(assetsByBlock)) merged[blockId] = {
+		...merged[blockId] ?? {},
+		generatedIconAssets
+	};
+	return merged;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/feature-card-icon.tsx
 function joinClasses$3(...values) {
 	return values.filter(Boolean).join(" ") || void 0;
@@ -2757,14 +2822,19 @@ function buildRenderAssetLookupFromUnknown(value) {
 	const result = buildGeneratedBlockIconRenderAssetLookupFromUnknown(value);
 	return result.kind === "ok" ? result.lookup : /* @__PURE__ */ new Map();
 }
-const FeatureCardIconNode = ({ value, treatment, className, generatedAssets, blockContent }) => {
+function generatedIconZoneStyle(value) {
+	return { "--rb-feature-card-generated-icon-size": `${resolveFeatureCardGeneratedIconSizePx(value)}px` };
+}
+const FeatureCardIconNode = ({ value, treatment, generatedIconSizePx, className, generatedAssets, blockContent }) => {
 	if (!shouldReserveFeatureCardIconZone(blockContent?.cards)) return null;
 	const resolvedIcon = resolveBlockIconRenderValue(value, buildRenderAssetLookupFromUnknown(generatedAssets));
-	const iconId = resolvedIcon.kind === "semantic" ? resolvedIcon.iconId : resolvedIcon.kind === "generated_fallback" ? resolvedIcon.semanticFallbackIconId : null;
+	const iconId = resolvedIcon.kind === "semantic" ? resolvedIcon.iconId : null;
 	const resolvedTreatment = resolveTreatment(treatment);
-	const hasIcon = resolvedIcon.kind !== "none";
+	const hasIcon = resolvedIcon.kind === "semantic" || resolvedIcon.kind === "generated_asset";
+	const hasGeneratedAsset = resolvedIcon.kind === "generated_asset";
 	return /* @__PURE__ */ jsx("div", {
-		className: joinClasses$3("rb-feature-card-icon-zone", `rb-feature-card-icon-zone--${resolvedTreatment}`, hasIcon ? "rb-feature-card-icon-zone--filled" : "rb-feature-card-icon-zone--empty", className),
+		className: joinClasses$3("rb-feature-card-icon-zone", `rb-feature-card-icon-zone--${resolvedTreatment}`, hasGeneratedAsset && "rb-feature-card-icon-zone--generated", hasIcon ? "rb-feature-card-icon-zone--filled" : "rb-feature-card-icon-zone--empty", className),
+		style: hasGeneratedAsset ? generatedIconZoneStyle(generatedIconSizePx) : void 0,
 		"aria-hidden": "true",
 		children: resolvedIcon.kind === "generated_asset" ? /* @__PURE__ */ jsx("img", {
 			src: resolvedIcon.asset.src,
@@ -3634,12 +3704,12 @@ function resolveBookingSiteId(siteId, form) {
 	return siteId || form?.siteId || "";
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$16(form)) return null;
+	if (!isRecord$17(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$16(form.schema) ? form.schema : isRecord$16(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$16(form.settings) ? form.settings : isRecord$16(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$17(form.schema) ? form.schema : isRecord$17(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$17(form.settings) ? form.settings : isRecord$17(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -3659,8 +3729,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$16(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$16(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$17(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$17(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -3671,7 +3741,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$16(value)) return null;
+	if (!isRecord$17(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -3715,7 +3785,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$16(value)) return null;
+	if (!isRecord$17(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -3735,7 +3805,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$16(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
+	return isRecord$17(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string";
 }
 function collectBookingCustomFields(data) {
 	const customFields = {};
@@ -3785,7 +3855,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$16(value) {
+function isRecord$17(value) {
 	return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -19249,7 +19319,7 @@ const LEAFLET_JS_INTEGRITY = "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo
 let leafletLoaded = false;
 let leafletLoadPromise = null;
 function isLeafletApi(value) {
-	if (!isRecord$18(value)) return false;
+	if (!isRecord$20(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -20571,7 +20641,7 @@ Autoplay.globalOptions = void 0;
 function isObject$2(subject) {
 	return Object.prototype.toString.call(subject) === "[object Object]";
 }
-function isRecord$15(subject) {
+function isRecord$16(subject) {
 	return isObject$2(subject) || Array.isArray(subject);
 }
 function canUseDOM() {
@@ -20586,7 +20656,7 @@ function areOptionsEqual(optionsA, optionsB) {
 		const valueA = optionsA[key];
 		const valueB = optionsB[key];
 		if (typeof valueA === "function") return `${valueA}` === `${valueB}`;
-		if (!isRecord$15(valueA) || !isRecord$15(valueB)) return valueA === valueB;
+		if (!isRecord$16(valueA) || !isRecord$16(valueB)) return valueA === valueB;
 		return areOptionsEqual(valueA, valueB);
 	});
 }
@@ -27129,7 +27199,7 @@ function WeeklySlotAvailabilityClient({ serviceId, resourceId, horizonWeeks, tim
 }
 //#endregion
 //#region ../blocks/src/system/runtime/components/registry.client.tsx
-function isRecord$14(value) {
+function isRecord$15(value) {
 	return typeof value === "object" && value !== null;
 }
 function buildRenderFromLooseProps(runtime, mode, props) {
@@ -27148,12 +27218,12 @@ function withRuntimeBackedEnvelope(source, runtime, render) {
 function normalizeLegacyInteractiveRenderProps(runtime, mode, props) {
 	const source = props;
 	const render = props["render"];
-	if (!isRecord$14(render)) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
-	if (isRecord$14(render["hydration"])) return withRuntimeBackedEnvelope(source, runtime, {
+	if (!isRecord$15(render)) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
+	if (isRecord$15(render["hydration"])) return withRuntimeBackedEnvelope(source, runtime, {
 		...render,
 		mode
 	});
-	if (!isRecord$14(render["display"])) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
+	if (!isRecord$15(render["display"])) return withRuntimeBackedEnvelope(source, runtime, buildRenderFromLooseProps(runtime, mode, props));
 	const { display, mode: _legacyMode, ...legacyHydration } = render;
 	return withRuntimeBackedEnvelope(source, runtime, {
 		display,
@@ -27699,7 +27769,7 @@ const defaultTransforms = createTransformRegistry([
 //#region ../blocks/src/system/data/linkedContentEntries.ts
 const LINKED_CONTENT_ENTRY_META_KEY = "__rbLinkedContentEntry";
 function coerceLinkedContentEntriesPayload(payload) {
-	if (!isRecord$13(payload)) return payload;
+	if (!isRecord$14(payload)) return payload;
 	const response = payload;
 	if (!Array.isArray(response.entries)) return payload;
 	const contentType = parsePublicContentTypeMeta(response.contentType);
@@ -27707,16 +27777,16 @@ function coerceLinkedContentEntriesPayload(payload) {
 	return response.entries.map((entry) => enrichLinkedContentEntry(entry, contentType));
 }
 function getLinkedContentEntryMeta(value) {
-	if (!isRecord$13(value)) return null;
+	if (!isRecord$14(value)) return null;
 	const candidate = value[LINKED_CONTENT_ENTRY_META_KEY];
 	return isLinkedContentEntryMeta(candidate) ? candidate : null;
 }
 function buildLinkedContentEditTarget(input) {
 	const { entry, sourceBlockId, sourceBlockKind, itemIndex } = input;
-	if (!isRecord$13(entry)) return null;
+	if (!isRecord$14(entry)) return null;
 	const meta = getLinkedContentEntryMeta(entry);
 	if (!meta || meta.support.kind !== "supported") return null;
-	const content = isRecord$13(entry.content) ? entry.content : {};
+	const content = isRecord$14(entry.content) ? entry.content : {};
 	return {
 		kind: "linked-content-entry",
 		entryId: meta.entryId,
@@ -27780,12 +27850,12 @@ function resolveLinkedEntryInlineFieldEligibility(input) {
 	};
 }
 function enrichLinkedContentEntry(entry, contentType) {
-	if (!isRecord$13(entry)) return entry;
+	if (!isRecord$14(entry)) return entry;
 	const entryId = typeof entry.id === "string" ? entry.id : null;
 	if (!entryId) return entry;
 	const title = typeof entry.title === "string" && entry.title.trim().length > 0 ? entry.title : entryId;
 	const optimisticHash = typeof entry.optimisticHash === "string" && entry.optimisticHash.length > 0 ? entry.optimisticHash : null;
-	const content = isRecord$13(entry.content) ? entry.content : {};
+	const content = isRecord$14(entry.content) ? entry.content : {};
 	const meta = {
 		kind: "linked-content-entry",
 		entryId,
@@ -27881,7 +27951,7 @@ function capitalize(value) {
 	return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
 }
 function parsePublicContentTypeMeta(value) {
-	if (!isRecord$13(value)) return null;
+	if (!isRecord$14(value)) return null;
 	if (typeof value.key !== "string" || value.key.trim().length === 0) return null;
 	return {
 		key: value.key,
@@ -27891,7 +27961,7 @@ function parsePublicContentTypeMeta(value) {
 	};
 }
 function parsePublicContentTypeLinkedEntryEditing(value) {
-	if (!isRecord$13(value) || typeof value.kind !== "string") return null;
+	if (!isRecord$14(value) || typeof value.kind !== "string") return null;
 	switch (value.kind) {
 		case "generic": return { kind: "generic" };
 		case "unsupported-domain-backed": return {
@@ -27902,7 +27972,7 @@ function parsePublicContentTypeLinkedEntryEditing(value) {
 	}
 }
 function parsePublicContentTypeFieldMeta(value) {
-	if (!isRecord$13(value)) return [];
+	if (!isRecord$14(value)) return [];
 	if (typeof value.id !== "string" || typeof value.type !== "string") return [];
 	return [{
 		id: value.id,
@@ -27917,14 +27987,14 @@ function parseStringArray(value) {
 	return value.filter((item) => typeof item === "string");
 }
 function isLinkedContentEntryMeta(value) {
-	if (!isRecord$13(value)) return false;
+	if (!isRecord$14(value)) return false;
 	if (value.kind !== "linked-content-entry") return false;
 	if (typeof value.entryId !== "string") return false;
 	if (typeof value.contentTypeKey !== "string") return false;
 	if (typeof value.contentTypeLabel !== "string") return false;
 	if (typeof value.title !== "string") return false;
 	if (!(value.optimisticHash === null || typeof value.optimisticHash === "string")) return false;
-	if (!isRecord$13(value.contentType)) return false;
+	if (!isRecord$14(value.contentType)) return false;
 	if (!isLinkedEntryFieldSourceArray(value.fieldSources)) return false;
 	return isLinkedContentEditSupport(value.support);
 }
@@ -27932,7 +28002,7 @@ function isLinkedEntryFieldSourceArray(value) {
 	return Array.isArray(value) && value.every(isLinkedEntryFieldSource);
 }
 function isLinkedEntryFieldSource(value) {
-	if (!isRecord$13(value)) return false;
+	if (!isRecord$14(value)) return false;
 	if (typeof value.displayPath !== "string") return false;
 	switch (value.kind) {
 		case "content-field": return typeof value.fieldPath === "string" && (value.fieldType === "text" || value.fieldType === "richText");
@@ -27953,7 +28023,7 @@ function isLinkedEntryInlineFieldReadOnlyReason(value) {
 	}
 }
 function isLinkedContentEditSupport(value) {
-	if (!isRecord$13(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$14(value) || typeof value.kind !== "string") return false;
 	switch (value.kind) {
 		case "supported": return true;
 		case "unsupported-domain-backed":
@@ -27962,7 +28032,7 @@ function isLinkedContentEditSupport(value) {
 		default: return false;
 	}
 }
-function isRecord$13(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -28016,14 +28086,14 @@ function isDecoratedHeadingBlockKind(blockKind) {
 	return blockKind === "block.intro" || blockKind === "block.feature-cards" || blockKind === "block.testimonials" || blockKind === "block.faq";
 }
 function readVariant(blockContent) {
-	if (!isRecord$12(blockContent)) return void 0;
+	if (!isRecord$13(blockContent)) return void 0;
 	const variant = blockContent.variant;
 	return typeof variant === "string" ? variant : void 0;
 }
 function isFaqDecoratedVariant(variant) {
 	return variant === "default" || variant === "question-columns";
 }
-function isRecord$12(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildHeadingDecorationWrapperClassName(className) {
@@ -30286,15 +30356,19 @@ function generateLogoTextBehaviorStyles(logoText, themeId) {
 * legacy navStyle, navWeight, navColor, and navEffects settings.
 */
 function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment, navTextSize) {
+	const navPreferences = {
+		typography: header.navTypography ?? "inherit",
+		fontSize: readHeaderNavFontSizePreference(header.navTextSize)
+	};
 	if (header.navLinkStyle) return generateNavLinkCSS({
 		themeId,
 		tokens,
 		theme,
-		style: contrastTreatment || navTextSize ? {
+		style: mergeHeaderNavTypographyPreference(contrastTreatment || navTextSize ? {
 			...header.navLinkStyle,
 			...contrastTreatment ? { contrastTreatment } : {},
 			...navTextSize ? { textSize: navTextSize } : {}
-		} : header.navLinkStyle,
+		} : header.navLinkStyle, navPreferences),
 		className: "header-nav-link"
 	});
 	const navStyle = header.navStyle ?? "minimal";
@@ -30366,7 +30440,7 @@ function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment
 		themeId,
 		tokens,
 		theme,
-		style: mergedStyle,
+		style: mergeHeaderNavTypographyPreference(mergedStyle, navPreferences),
 		className: "header-nav-link"
 	});
 }
@@ -30757,6 +30831,9 @@ const boldWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='htt
 const driftWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>");
 function generateSiteStyleTransitionCss(themeId) {
 	const selector = `:where([data-theme-scope="${themeId}"])`;
+	const compactBoundaryHeight = requiredBoundaryHeightCss("wave-edge-gentle");
+	const mediumBoundaryHeight = requiredBoundaryHeightCss("wave-edge");
+	const largeBoundaryHeight = requiredBoundaryHeightCss("wave-edge-bold");
 	return `${selector} [data-style-group^='site-style-transition-'] {
   position: relative;
   z-index: 2;
@@ -30764,23 +30841,48 @@ function generateSiteStyleTransitionCss(themeId) {
   --site-style-transition-to: rgb(var(--tb-background));
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-'] {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-'] {
   position: relative;
   z-index: 3;
   height: 0;
   pointer-events: none;
+  --site-style-boundary-height: ${mediumBoundaryHeight};
+}
+
+${selector} [data-block][data-site-style-boundary-before] > :where([data-slot='section']) {
+  padding-top: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-before-reserve, 0rem));
+}
+
+${selector} [data-block][data-site-style-boundary-after] > :where([data-slot='section']) {
+  padding-bottom: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-after-reserve, 0rem));
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-']::after,
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-']::after,
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::before,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::before,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
-  bottom: -2px;
+  top: 0;
+  transform: translateY(-50%);
+  z-index: 0;
+  height: var(--site-style-boundary-height);
+  background: var(--site-style-transition-from);
+  pointer-events: none;
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after,
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  transform: translateY(-50%);
   z-index: 1;
-  height: calc(6rem + 2px);
+  height: var(--site-style-boundary-height);
   pointer-events: none;
 }
 
@@ -30818,7 +30920,7 @@ ${selector} [data-style-group$='-to-brand-depth-band'] {
   --site-style-transition-to: rgb(var(--tb-primary-800));
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
   /* Fallback for browsers without color-mix(). */
   background: linear-gradient(
     to bottom,
@@ -30834,30 +30936,37 @@ ${selector} [data-block-transition][data-style-group^='site-style-transition-sof
   );
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade-long-']::after {
-  height: 10rem;
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-long-'] {
+  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-long")};
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-soft-fade-expansive-']::after {
-  height: 14rem;
+${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-expansive-'] {
+  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-expansive")};
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after {
+  height: calc(var(--site-style-boundary-height) + 2px);
   background: var(--site-style-transition-to);
   clip-path: polygon(0 42%, 100% 8%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-subtle-']::after {
-  height: calc(4.5rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-'] {
+  --site-style-boundary-height: ${compactBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-']::after {
   clip-path: polygon(0 34%, 100% 18%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-angle-edge-steep-']::after {
-  height: calc(7rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-'] {
+  --site-style-boundary-height: ${largeBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-']::after {
   clip-path: polygon(0 54%, 100% 0%, 100% 100%, 0 100%);
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after {
   background: var(--site-style-transition-to);
   mask-image: url("${classicWaveTransitionMask}");
   mask-repeat: no-repeat;
@@ -30867,28 +30976,39 @@ ${selector} [data-block-transition][data-style-group^='site-style-transition-wav
   -webkit-mask-size: 100% 100%;
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-balanced-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-balanced-']::after {
   mask-image: url("${balancedWaveTransitionMask}");
   -webkit-mask-image: url("${balancedWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-gentle-']::after {
-  height: calc(4.5rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-'] {
+  --site-style-boundary-height: ${compactBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-']::after {
   mask-image: url("${gentleWaveTransitionMask}");
   -webkit-mask-image: url("${gentleWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-bold-']::after {
-  height: calc(7rem + 2px);
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-'] {
+  --site-style-boundary-height: ${largeBoundaryHeight};
+}
+
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-']::after {
   mask-image: url("${boldWaveTransitionMask}");
   -webkit-mask-image: url("${boldWaveTransitionMask}");
 }
 
-${selector} [data-block-transition][data-style-group^='site-style-transition-wave-edge-drift-']::after {
+${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-drift-']::after {
   mask-image: url("${driftWaveTransitionMask}");
   -webkit-mask-image: url("${driftWaveTransitionMask}");
 }`;
 }
+function requiredBoundaryHeightCss(transition) {
+	const metrics = boundaryRuntimeMetricsForTransition(transition);
+	if (!metrics) throw new Error(`Missing boundary runtime metrics for ${transition}`);
+	return metrics.heightCss;
+}
 function svgDataUrl(svg) {
 	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
 }
@@ -32822,7 +32942,7 @@ function hydrateValue(value, context) {
 			const resolvedItems = value.map((item) => hydrateValue(item, context));
 			return resolvedItems.every((item, index) => item === value[index]) ? value : resolvedItems;
 		}
-		if (isRecord$18(value)) {
+		if (isRecord$20(value)) {
 			if (isInternalLink(value)) return hydrateInternalLink(value, context.routes);
 			if (isPageLink(value)) return hydratePageLink(value, context);
 			if (isEntryLink(value)) return hydrateEntryLink(value, context);
@@ -33024,13 +33144,15 @@ function mergeBlockDescriptorsWithRegistry(systemBlocks, registry, onConflict) {
 }
 //#endregion
 //#region ../blocks/src/PageRenderer.tsx
-function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapBlock, registry, themeTokens: providedThemeTokens, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring }) {
+function PageRenderer({ theme, page, runtimeBoundaries, usePlaceholders = false, dataContext, wrapBlock, wrapBoundary, registry, themeTokens: providedThemeTokens, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring }) {
 	const imageResolveContext = React$1.useMemo(() => resolvePageRendererImageResolveContext(dataContext), [
 		dataContext?.imageResolveContext,
 		dataContext?.mediaAssets,
 		dataContext?.siteId,
 		dataContext?.supabaseUrl
 	]);
+	const boundaryByAdjacentBlockIds = React$1.useMemo(() => boundaryMapForAdjacentBlockIds(runtimeBoundaries ?? []), [runtimeBoundaries]);
+	const usesRuntimeBoundaries = runtimeBoundaries !== void 0;
 	if (!page || page.blocks.length === 0) return /* @__PURE__ */ jsx("div", {
 		className: "rb-p-6 rb-caption",
 		style: textColorStyle("mutedText"),
@@ -33042,6 +33164,17 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 	return /* @__PURE__ */ jsx("div", { children: page.blocks.map((block, index) => {
 		const blockPosition = pageBlockPosition(index, page.blocks.length);
 		const blockKey = block.id ?? `${block.kind}-${index}`;
+		const previousBlock = page.blocks[index - 1] ?? null;
+		const nextBlock = page.blocks[index + 1] ?? null;
+		const boundaryBefore = boundaryBetweenBlocks(previousBlock, block, boundaryByAdjacentBlockIds);
+		const boundaryAfter = boundaryBetweenBlocks(block, nextBlock, boundaryByAdjacentBlockIds);
+		const boundaryElement = renderBoundaryAfterBlock({
+			block,
+			nextBlock,
+			blockKey,
+			boundaryByAdjacentBlockIds,
+			wrapBoundary
+		});
 		const cleanKind = block.kind.replace(/^block\./, "");
 		const definition = getBlockDefinition(block.kind);
 		const managesOwnWrapper = definition?.manifest.behaviours?.managesOwnWrapper;
@@ -33064,11 +33197,18 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 			imageResolveContext,
 			previewAuthoring
 		};
-		if (!shouldUseWrapper) return /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps }, blockKey);
+		if (!shouldUseWrapper) {
+			const rendered = /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps }, `${blockKey}:block`);
+			return boundaryElement ? /* @__PURE__ */ jsxs(React$1.Fragment, { children: [rendered, boundaryElement] }, blockKey) : rendered;
+		}
 		const wrapperClassName = [`block-${cleanKind}`, wrapBlock ? "group relative" : null].filter(Boolean).join(" ");
 		const styleGroup = typeof renderableContent.styleGroup === "string" ? renderableContent.styleGroup : void 0;
 		const blockLook = typeof renderableContent.blockLook === "string" ? renderableContent.blockLook : void 0;
 		const transitionStyle = transitionCssVarsStyle(renderableContent);
+		const blockStyle = mergeStyleObjects(transitionStyle, boundaryReserveCssVarsStyle({
+			before: boundaryBefore,
+			after: boundaryAfter
+		}));
 		const blockElement = /* @__PURE__ */ jsx("div", {
 			className: wrapperClassName,
 			"data-block": cleanKind,
@@ -33078,11 +33218,14 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 			"data-block-variant": variantKey ?? void 0,
 			"data-block-look": blockLook,
 			"data-page-block-position": blockPosition,
+			"data-site-style-boundary-before": boundaryBefore?.metrics.size,
+			"data-site-style-boundary-after": boundaryAfter?.metrics.size,
 			"data-style-group": styleGroup,
-			style: transitionStyle,
+			style: blockStyle,
 			children: /* @__PURE__ */ jsx(MemoBlockSection, { ...blockSectionProps })
 		}, blockKey);
-		if (!isSiteStyleTransitionStyleGroup(styleGroup)) return blockElement;
+		if (boundaryElement) return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [blockElement, boundaryElement] }, blockKey);
+		if (usesRuntimeBoundaries || !isSiteStyleTransitionStyleGroup(styleGroup)) return blockElement;
 		return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [blockElement, /* @__PURE__ */ jsx("div", {
 			"aria-hidden": "true",
 			"data-block-transition": "",
@@ -33095,6 +33238,53 @@ function PageRenderer({ theme, page, usePlaceholders = false, dataContext, wrapB
 function isSiteStyleTransitionStyleGroup(value) {
 	return value?.startsWith("site-style-transition-") === true;
 }
+function boundaryMapForAdjacentBlockIds(boundaries) {
+	return new Map(boundaries.map((boundary) => [boundaryKey(boundary.previousBlockId, boundary.nextBlockId), boundary]));
+}
+function boundaryKey(previousBlockId, nextBlockId) {
+	return `${previousBlockId}\u0000${nextBlockId}`;
+}
+function boundaryBetweenBlocks(previousBlock, nextBlock, boundaryByAdjacentBlockIds) {
+	const previousBlockId = previousBlock?.id ?? null;
+	const nextBlockId = nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	return boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId)) ?? null;
+}
+function renderBoundaryAfterBlock(input) {
+	const previousBlockId = input.block.id;
+	const nextBlockId = input.nextBlock?.id ?? null;
+	if (!previousBlockId || !nextBlockId) return null;
+	const boundary = input.boundaryByAdjacentBlockIds.get(boundaryKey(previousBlockId, nextBlockId));
+	if (!boundary) return null;
+	const rendered = /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		"data-block-boundary": "",
+		"data-boundary-id": boundary.boundaryId,
+		"data-boundary-previous-block-id": boundary.previousBlockId,
+		"data-boundary-next-block-id": boundary.nextBlockId,
+		"data-style-group": boundary.styleGroup,
+		style: boundaryCssVarsStyle(boundary)
+	}, `${input.blockKey}:boundary`);
+	return input.wrapBoundary ? input.wrapBoundary(boundary, rendered) : rendered;
+}
+function boundaryCssVarsStyle(boundary) {
+	return {
+		"--site-style-transition-from": boundary.cssVars.from,
+		"--site-style-transition-to": boundary.cssVars.to
+	};
+}
+function boundaryReserveCssVarsStyle(input) {
+	const before = input.before ? boundaryReserveValueForTreatment(input.before) : null;
+	const after = input.after ? boundaryReserveValueForTreatment(input.after) : null;
+	if (!before && !after) return void 0;
+	return {
+		...before ? { "--site-style-boundary-before-reserve": before } : {},
+		...after ? { "--site-style-boundary-after-reserve": after } : {}
+	};
+}
+function boundaryReserveValueForTreatment(boundary) {
+	return boundary.metrics.reserveCss;
+}
 function transitionCssVarsStyle(content) {
 	const transitionStyles = isObjectRecord(content._transitionStyles) ? content._transitionStyles : null;
 	const cssVars = isObjectRecord(transitionStyles?.cssVars) ? transitionStyles.cssVars : null;
@@ -33106,6 +33296,14 @@ function transitionCssVarsStyle(content) {
 		...to ? { "--site-style-transition-to": to } : {}
 	};
 }
+function mergeStyleObjects(left, right) {
+	if (!left) return right;
+	if (!right) return left;
+	return {
+		...left,
+		...right
+	};
+}
 function pageBlockPosition(index, blockCount) {
 	if (blockCount <= 1) return "only";
 	if (index === 0) return "first";
@@ -33407,12 +33605,10 @@ function shouldDebugCustomBlocks() {
 	}
 }
 function resolveBlockData({ block, definition, dataContext }) {
-	if (!definition.dataLoaders || Object.keys(definition.dataLoaders).length === 0) return;
 	const blockId = block.id ?? null;
-	if (!blockId) return void 0;
-	const raw = dataContext?.resolvedData?.[blockId];
-	if (!raw || typeof raw !== "object") return {};
-	return { ...raw };
+	const raw = blockId ? dataContext?.resolvedData?.[blockId] : void 0;
+	if (isObjectRecord(raw)) return { ...raw };
+	return definition.dataLoaders && Object.keys(definition.dataLoaders).length > 0 ? {} : void 0;
 }
 /**
 * Resolves block content based on stage priority.
@@ -35017,52 +35213,53 @@ const containerResponsiveThemeCss = `/*
 
   /* Semantic spacing tokens (replaces Tailwind maps in src/system/spacing.ts) */
   .rb-section-pad-none {
-    padding-top: 0;
-    padding-bottom: 0;
+    --rb-section-pad-y: 0rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-compact {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+    --rb-section-pad-y: 1.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-cozy {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+    --rb-section-pad-y: 2.5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-medium {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+    --rb-section-pad-y: 3rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-comfortable {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+    --rb-section-pad-y: 4rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
   .rb-section-pad-spacious {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+    --rb-section-pad-y: 5rem;
+    padding-top: var(--rb-section-pad-y);
+    padding-bottom: var(--rb-section-pad-y);
   }
 
   @container rb-site (min-width: 640px) {
 
     @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
       .rb-section-pad-compact {
-        padding-top: 2rem;
-        padding-bottom: 2rem;
+        --rb-section-pad-y: 2rem;
       }
       .rb-section-pad-cozy {
-        padding-top: 3.5rem;
-        padding-bottom: 3.5rem;
+        --rb-section-pad-y: 3.5rem;
       }
       .rb-section-pad-medium {
-        padding-top: 4rem;
-        padding-bottom: 4rem;
+        --rb-section-pad-y: 4rem;
       }
       .rb-section-pad-comfortable {
-        padding-top: 5rem;
-        padding-bottom: 5rem;
+        --rb-section-pad-y: 5rem;
       }
       .rb-section-pad-spacious {
-        padding-top: 7rem;
-        padding-bottom: 7rem;
+        --rb-section-pad-y: 7rem;
       }
     }
 
@@ -36452,30 +36649,122 @@ const containerResponsiveThemeCss = `/*
   :where(.theme-scope) .header-logo-text {
     font-size: 1.125rem; /* matches rb-text-lg */
     line-height: 1.75rem;
+    margin-inline: -0.18em;
+    padding-inline: 0.18em;
     transition: font-size 300ms var(--motion-ease, ease);
   }
 
-  /* Mobile: reduce site title size (~30%) to keep header compact */
+  /* Centered variant uses larger title */
+  :where(.theme-scope) .header-variant-centered .header-logo-text {
+    font-size: 1.25rem; /* matches rb-text-xl */
+    line-height: 1.75rem;
+  }
+
+  :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+    font-size: 0.95rem;
+    line-height: 1.5rem;
+  }
+  :where(.theme-scope) .header-logo-size-standard .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+    font-size: 1.35rem;
+    line-height: 1.9rem;
+  }
+  :where(.theme-scope) .header-logo-size-display .header-logo-text {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+  }
+
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-compact
+    .header-logo-text {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-standard
+    .header-logo-text {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-generous
+    .header-logo-text {
+    font-size: 1.6rem;
+    line-height: 2rem;
+  }
+  :where(.theme-scope)
+    .header-variant-centered
+    .header-logo-size-display
+    .header-logo-text {
+    font-size: 2.1rem;
+    line-height: 2.5rem;
+  }
+
+  /* Mobile: reduce site title size to keep header compact */
   @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) .header-logo-text {
+:where(.theme-scope) .header-logo-text,
+    :where(.theme-scope) .header-logo-size-standard .header-logo-text {
       font-size: 0.8rem;
       line-height: 1.25rem;
     }
 
-    :where(.theme-scope) .header-variant-centered .header-logo-text {
+    :where(.theme-scope) .header-logo-size-compact .header-logo-text {
+      font-size: 0.75rem;
+      line-height: 1.15rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-generous .header-logo-text {
+      font-size: 1rem;
+      line-height: 1.4rem;
+    }
+
+    :where(.theme-scope) .header-logo-size-display .header-logo-text {
+      font-size: 1.25rem;
+      line-height: 1.65rem;
+    }
+
+    :where(.theme-scope) .header-variant-centered .header-logo-text,
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-standard
+      .header-logo-text {
       font-size: 0.875rem;
       line-height: 1.25rem;
     }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-compact
+      .header-logo-text {
+      font-size: 0.8rem;
+      line-height: 1.2rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-generous
+      .header-logo-text {
+      font-size: 1.125rem;
+      line-height: 1.5rem;
+    }
+
+    :where(.theme-scope)
+      .header-variant-centered
+      .header-logo-size-display
+      .header-logo-text {
+      font-size: 1.35rem;
+      line-height: 1.75rem;
+    }
 }
 }
 
-  /* Centered variant uses larger title */
-  :where(.theme-scope) .header-variant-centered .header-logo-text {
-    font-size: 1.25rem; /* matches rb-text-xl */
-    line-height: 1.75rem;
-  }
-
   /* =================================================================
    Shrink on Scroll - Logo & Title
    ================================================================= */
@@ -44165,11 +44454,31 @@ const containerResponsiveThemeCss = `/*
   object-fit: contain;
 }
 
+:where(.theme-scope) .rb-feature-card-icon-zone--generated {
+  align-self: center;
+  inline-size: min(var(--rb-feature-card-generated-icon-size, 75px), 100%);
+  max-inline-size: 100%;
+  block-size: auto;
+  aspect-ratio: 1;
+  margin-inline: auto;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 :where(.theme-scope) .rb-feature-card-icon-zone--plain .rb-feature-card-icon {
   width: 1.5rem;
   height: 1.5rem;
 }
 
+:where(.theme-scope) .rb-feature-card-icon-zone--generated .rb-feature-card-icon--generated {
+  inline-size: 100%;
+  max-inline-size: 100%;
+  block-size: 100%;
+}
+
 /* --- Card marker mode (icons / numbers / none) -----------------------------
  *
  * The icon zone and the number zone both sit in the DOM; the grid's
@@ -52816,7 +53125,7 @@ function asPositiveSeconds(value) {
 	if (!Number.isSafeInteger(value) || value <= 0) return err("not-positive-seconds");
 	return ok$1(value);
 }
-function isRecord$11(value) {
+function isRecord$12(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function parseFileKindJson(value) {
@@ -53037,7 +53346,7 @@ function parseEntitledCustomerAccessScopeJson(value) {
 	}
 }
 function requireRecord(value) {
-	if (!isRecord$11(value)) return err("expected-object");
+	if (!isRecord$12(value)) return err("expected-object");
 	return ok$1(value);
 }
 function requireString(value) {
@@ -53292,7 +53601,7 @@ const DEFAULT_MESSAGES = {
 	update: "Failed to update media asset",
 	delete: "Failed to delete media asset"
 };
-function isRecord$10(value) {
+function isRecord$11(value) {
 	return typeof value === "object" && value !== null;
 }
 const normalizeLabels = (labels) => labels !== void 0 && labels.length > 0 ? labels.map((label) => label.trim()).filter((label) => label.length > 0).join(",") : void 0;
@@ -53326,7 +53635,7 @@ const filterUpdatePayload = (input) => {
 	return payload;
 };
 const extractErrorMessage = (body) => {
-	if (!isRecord$10(body)) return typeof body === "string" && body.trim().length > 0 ? body : null;
+	if (!isRecord$11(body)) return typeof body === "string" && body.trim().length > 0 ? body : null;
 	for (const key of [
 		"error",
 		"message",
@@ -53339,11 +53648,11 @@ const extractErrorMessage = (body) => {
 	const details = body.details;
 	if (Array.isArray(details)) for (const entry of details) {
 		if (typeof entry === "string" && entry.trim().length > 0) return entry;
-		if (isRecord$10(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
+		if (isRecord$11(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
 	}
 	const errors = body.errors;
 	if (Array.isArray(errors)) {
-		for (const entry of errors) if (isRecord$10(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
+		for (const entry of errors) if (isRecord$11(entry) && typeof entry.message === "string" && entry.message.trim().length > 0) return entry.message;
 	}
 	return null;
 };
@@ -56067,6 +56376,18 @@ function blockSaveabilityEqual(left, right) {
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/featureCardIconActions.ts
+function planGeneratedIconSetCompatibility(input) {
+	if (input.unavailableAssetIds.length > 0) return {
+		kind: "set_incomplete",
+		unavailableAssetIds: input.unavailableAssetIds
+	};
+	if (!input.sourceCards || input.sourceFingerprintVersion !== 1) return { kind: "source_metadata_unavailable" };
+	if (input.sourceCards.length !== input.currentCards.length || input.sourceCards.some((card, index) => card.cardKey !== input.currentCards[index]?.cardKey)) return { kind: "structural_mismatch" };
+	return input.sourceCards.every((card, index) => {
+		const current = input.currentCards[index];
+		return current && card.title === current.title && card.bodyText === current.bodyText && card.semanticIconId === current.semanticIconId;
+	}) ? { kind: "exact_match" } : { kind: "key_match_content_changed" };
+}
 function getFeatureCards(content) {
 	const cards = content?.cards;
 	return Array.isArray(cards) ? cards : [];
@@ -56076,12 +56397,12 @@ function getFeatureCardIconStatus(content) {
 }
 function getFeatureCardIconDialogCards(content) {
 	return toFeatureCardIconSuggestionInputs(getFeatureCards(content)).map((card, index) => {
-		const semanticFallback = getBlockIconSemanticFallbackId(card.icon) ?? suggestSemanticIconForFeatureCard(card);
+		const semanticIconId = getBlockIconSemanticId(card.icon) ?? suggestSemanticIconForFeatureCard(card);
 		return {
 			cardKey: card.key,
 			title: card.title.trim().length > 0 ? card.title.trim() : `Card ${index + 1}`,
 			bodyText: card.bodyText.slice(0, 160),
-			semanticIconId: semanticFallback
+			semanticIconId
 		};
 	});
 }
@@ -56114,41 +56435,6 @@ function getFeatureCardGeneratedIconStyleSummary(content, currentStyleGuideVersi
 		invalidGeneratedCount
 	};
 }
-function applyCuratedFeatureCardIconSuggestions({ blockId, content, drafts }) {
-	const cards = getFeatureCards(content);
-	if (cards.length === 0) return { kind: "no_cards" };
-	const suggestions = suggestFeatureCardSemanticIcons(cards);
-	if (suggestions.length === 0) return { kind: "complete" };
-	const plan = applyFeatureCardIconSuggestions(cards, suggestions);
-	switch (plan.kind) {
-		case "applied": break;
-		case "duplicate_card_key":
-		case "duplicate_suggestion_card_key":
-		case "missing_suggestion_card_key":
-		case "unknown_card_key": return {
-			kind: "plan_failed",
-			reason: plan.kind,
-			cardKey: plan.cardKey
-		};
-		case "invalid_semantic_icon": return {
-			kind: "plan_failed",
-			reason: plan.kind,
-			iconId: plan.iconId
-		};
-		default: assertNever$5(plan);
-	}
-	for (const suggestion of plan.appliedSuggestions) {
-		const cardIndex = cards.findIndex((card, index) => createFeatureCardIconKey(card, index) === suggestion.cardKey);
-		if (cardIndex >= 0) drafts.setAtPath(blockId, `cards.${cardIndex}.icon`, {
-			kind: "semantic",
-			iconId: suggestion.iconId
-		});
-	}
-	return {
-		kind: "applied",
-		appliedCount: plan.appliedSuggestions.length
-	};
-}
 function planGeneratedFeatureCardIconSetApply(cards, assets) {
 	const cardKeys = cards.map(createFeatureCardIconKey);
 	const cardKeySet = new Set(cardKeys);
@@ -56210,7 +56496,33 @@ function applyGeneratedFeatureCardIconSet({ blockId, content, drafts, assets })
 	};
 }
 //#endregion
+//#region ../editor-blocks/src/widgets/icon-picker/GeneratedIconLibraryContext.tsx
+const GeneratedIconLibraryContext = createContext({
+	kind: "ready",
+	sets: [],
+	nextCursor: null,
+	loadMore: null
+});
+function GeneratedIconLibraryProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(GeneratedIconLibraryContext.Provider, {
+		value,
+		children
+	});
+}
+function useGeneratedIconLibrary() {
+	return useContext(GeneratedIconLibraryContext);
+}
+//#endregion
 //#region ../editor-blocks/src/block-editor/GeneratedIconSetDialog.tsx
+const GENERATION_FAILURE_MESSAGE = "We could not make those icons this time. Please try again in a moment.";
+function isTechnicalGenerationMessage(message) {
+	return /\b(provider|request|status|validation|internal server error)\b/iu.test(message);
+}
+function friendlyGenerationFailureMessage(message) {
+	const trimmed = message?.trim();
+	if (!trimmed) return GENERATION_FAILURE_MESSAGE;
+	return isTechnicalGenerationMessage(trimmed) ? GENERATION_FAILURE_MESSAGE : trimmed;
+}
 function reducer(state, action) {
 	switch (action.type) {
 		case "reset": return { kind: "idle" };
@@ -56219,6 +56531,11 @@ function reducer(state, action) {
 			kind: "applying",
 			preview: action.preview
 		};
+		case "apply_failed": return {
+			kind: "apply_failed",
+			preview: action.preview,
+			message: action.message
+		};
 		case "preview_ready": return {
 			kind: "preview_ready",
 			preview: action.preview
@@ -56230,27 +56547,27 @@ function reducer(state, action) {
 	}
 }
 function getGenerationErrorMessage(error) {
-	return error instanceof Error && error.message.length > 0 ? error.message : "Failed to generate icon set";
+	return friendlyGenerationFailureMessage(error instanceof Error ? error.message : null);
 }
 function validateGeneratedIconSetPreview(preview, cards) {
 	const cardKeys = new Set(cards.map((card) => card.cardKey));
 	if (cardKeys.size !== cards.length) return {
 		kind: "invalid",
-		message: "Generated icon set could not match every card"
+		message: "The icons did not line up with this block. Please try again."
 	};
 	const assetKeys = new Set(preview.assets.map((asset) => asset.cardKey));
 	if (assetKeys.size !== preview.assets.length || assetKeys.size !== cardKeys.size) return {
 		kind: "invalid",
-		message: "Generated icon set was incomplete"
+		message: "The icons came back incomplete. Please try again."
 	};
 	for (const asset of preview.assets) {
 		if (!cardKeys.has(asset.cardKey)) return {
 			kind: "invalid",
-			message: "Generated icon set was incomplete"
+			message: "The icons came back incomplete. Please try again."
 		};
 		if (parseBlockIconValue(asset.iconValue).kind !== "generated") return {
 			kind: "invalid",
-			message: "Generated icon set included an invalid icon reference"
+			message: "The icons did not line up with this block. Please try again."
 		};
 	}
 	return {
@@ -56258,12 +56575,43 @@ function validateGeneratedIconSetPreview(preview, cards) {
 		preview
 	};
 }
+function librarySetToPreview(set, cards) {
+	const assets = set.assets.map((asset) => {
+		const iconValue = parseBlockIconValue(asset.iconValue);
+		if (iconValue.kind !== "generated") return null;
+		const card = cards.find((candidate) => candidate.cardKey === asset.cardKey);
+		return {
+			cardKey: asset.cardKey,
+			title: card?.title ?? asset.subjectLabel,
+			src: asset.renderAsset?.src ?? "",
+			iconValue,
+			renderAsset: asset.renderAsset
+		};
+	});
+	if (assets.some((asset) => asset === null)) return {
+		kind: "invalid",
+		message: "This icon set is no longer available."
+	};
+	return validateGeneratedIconSetPreview({
+		setId: set.setId,
+		styleGuideSummary: set.styleFreshness.kind === "current" ? "Made with your current icon style" : "Made with an older icon style",
+		assets: assets.filter((asset) => asset !== null)
+	}, cards);
+}
+function formatGeneratedAt(value) {
+	const date = new Date(value);
+	return Number.isNaN(date.valueOf()) ? "Previously generated" : new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(date);
+}
 function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary, styleGuideEditHref, onGenerate, onApply }) {
 	const [state, dispatch] = useReducer(reducer, { kind: "idle" });
 	const [styleNote, setStyleNote] = useState("");
+	const [view, setView] = useState("create");
 	const activeGenerationRef = useRef(null);
-	const canGenerate = Boolean(onGenerate) && cards.length > 0 && state.kind !== "generating";
-	const canApply = Boolean(onApply) && state.kind === "preview_ready";
+	const library = useGeneratedIconLibrary();
+	const recentSets = library.sets.filter((set) => set.blockKind === "block.feature-cards");
+	const canGenerate = Boolean(onGenerate) && cards.length > 0 && state.kind !== "generating" && state.kind !== "applying";
+	const canApply = Boolean(onApply) && (state.kind === "preview_ready" || state.kind === "apply_failed");
+	const activePreview = state.kind === "preview_ready" || state.kind === "applying" || state.kind === "apply_failed" ? state.preview : null;
 	function abortActiveGeneration() {
 		activeGenerationRef.current?.abort();
 		activeGenerationRef.current = null;
@@ -56302,7 +56650,7 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 			}
 			dispatch({
 				type: "failed",
-				message: result.message
+				message: friendlyGenerationFailureMessage(result.message)
 			});
 		} catch (error) {
 			if (activeGenerationRef.current !== generation || generation.signal.aborted) return;
@@ -56317,7 +56665,10 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 	function close(nextOpen) {
 		if (!nextOpen) abortActiveGeneration();
 		onOpenChange(nextOpen);
-		if (!nextOpen) dispatch({ type: "reset" });
+		if (!nextOpen) {
+			dispatch({ type: "reset" });
+			setView("create");
+		}
 	}
 	async function apply(preview) {
 		if (!onApply) return;
@@ -56329,7 +56680,8 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 			const result = await onApply(preview);
 			if (result?.kind === "failed") {
 				dispatch({
-					type: "failed",
+					type: "apply_failed",
+					preview,
 					message: result.message
 				});
 				return;
@@ -56337,7 +56689,8 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 			close(false);
 		} catch (error) {
 			dispatch({
-				type: "failed",
+				type: "apply_failed",
+				preview,
 				message: getGenerationErrorMessage(error)
 			});
 		}
@@ -56348,67 +56701,219 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 		children: /* @__PURE__ */ jsxs(DialogContent, {
 			className: "sm:max-w-2xl",
 			children: [
-				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Generate icon set" }), /* @__PURE__ */ jsx(DialogDescription, { children: state.kind === "preview_ready" ? state.preview.styleGuideSummary : `${cards.length} cards` })] }),
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Choose icon set" }), /* @__PURE__ */ jsx(DialogDescription, { children: activePreview ? activePreview.styleGuideSummary : `${cards.length} cards` })] }),
 				/* @__PURE__ */ jsxs("div", {
 					className: "space-y-4",
 					children: [
-						styleGuideSummary || styleGuideEditHref ? /* @__PURE__ */ jsxs("div", {
-							className: "rounded-md border bg-muted/20 px-3 py-2 text-sm",
-							children: [styleGuideSummary ? /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground",
-								children: styleGuideSummary
-							}) : null, styleGuideEditHref ? /* @__PURE__ */ jsx("a", {
-								href: styleGuideEditHref,
-								className: "mt-1 inline-flex text-sm font-medium text-primary underline-offset-4 hover:underline",
-								children: "Edit icon style"
-							}) : null]
-						}) : null,
-						/* @__PURE__ */ jsx("label", {
-							className: "block text-sm font-medium",
-							htmlFor: "generated-icon-style-note",
-							children: "Icon style"
-						}),
-						/* @__PURE__ */ jsx(Textarea, {
-							id: "generated-icon-style-note",
-							value: styleNote,
-							maxLength: 240,
-							disabled: state.kind === "generating",
-							onChange: (event) => setStyleNote(event.currentTarget.value),
-							placeholder: "Simple, soft-edged, lightly textured"
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid grid-cols-2 rounded-md bg-muted p-1",
+							"aria-label": "Icon set source",
+							children: [/* @__PURE__ */ jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: view === "create" ? "secondary" : "ghost",
+								onClick: () => setView("create"),
+								children: [/* @__PURE__ */ jsx(Sparkles, {
+									className: "mr-2 h-4 w-4",
+									"aria-hidden": "true"
+								}), "Make new"]
+							}), /* @__PURE__ */ jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: view === "recent" ? "secondary" : "ghost",
+								onClick: () => setView("recent"),
+								children: [/* @__PURE__ */ jsx(Clock3, {
+									className: "mr-2 h-4 w-4",
+									"aria-hidden": "true"
+								}), "Previously generated"]
+							})]
 						}),
-						state.kind === "failed" ? /* @__PURE__ */ jsx("p", {
+						state.kind === "failed" || state.kind === "apply_failed" ? /* @__PURE__ */ jsx("p", {
 							role: "alert",
 							className: "text-sm text-destructive",
 							children: state.message
 						}) : null,
-						/* @__PURE__ */ jsx("div", {
-							className: "grid gap-2 sm:grid-cols-2",
-							children: cards.map((card) => {
-								const previewAsset = state.kind === "preview_ready" || state.kind === "applying" ? state.preview.assets.find((asset) => asset.cardKey === card.cardKey) : null;
-								return /* @__PURE__ */ jsxs("div", {
-									className: "grid min-h-24 grid-cols-[3rem_1fr] gap-3 rounded-md border bg-muted/20 p-3",
-									children: [/* @__PURE__ */ jsx("div", {
-										className: "flex size-12 items-center justify-center rounded-md border bg-background",
-										children: previewAsset?.src ? /* @__PURE__ */ jsx("img", {
-											src: previewAsset.src,
-											alt: "",
-											className: "size-10 object-contain"
-										}) : /* @__PURE__ */ jsx(ImagePlus, {
-											className: "size-5 text-muted-foreground",
-											"aria-hidden": "true"
-										})
-									}), /* @__PURE__ */ jsxs("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ jsx("p", {
-											className: "truncate text-sm font-medium",
-											children: card.title
-										}), card.bodyText ? /* @__PURE__ */ jsx("p", {
-											className: "overflow-hidden text-ellipsis text-xs text-muted-foreground",
-											children: card.bodyText
-										}) : null]
-									})]
-								}, card.cardKey);
+						view === "create" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							styleGuideSummary || styleGuideEditHref ? /* @__PURE__ */ jsxs("div", {
+								className: "rounded-md border bg-muted/20 px-3 py-2 text-sm",
+								children: [styleGuideSummary ? /* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground",
+									children: styleGuideSummary
+								}) : null, styleGuideEditHref ? /* @__PURE__ */ jsx("a", {
+									href: styleGuideEditHref,
+									className: "mt-1 inline-flex text-sm font-medium text-primary underline-offset-4 hover:underline",
+									children: "Edit icon style"
+								}) : null]
+							}) : null,
+							/* @__PURE__ */ jsx("label", {
+								className: "block text-sm font-medium",
+								htmlFor: "generated-icon-style-note",
+								children: "Icon style"
+							}),
+							/* @__PURE__ */ jsx(Textarea, {
+								id: "generated-icon-style-note",
+								value: styleNote,
+								maxLength: 240,
+								disabled: state.kind === "generating",
+								onChange: (event) => setStyleNote(event.currentTarget.value),
+								placeholder: "Simple, soft-edged, lightly textured"
+							}),
+							activePreview ? /* @__PURE__ */ jsx("p", {
+								className: "rounded-md bg-emerald-50 px-3 py-2 text-sm text-emerald-800",
+								children: "Saved to your icon library. Apply the set when you’re ready to use it on these cards."
+							}) : null,
+							/* @__PURE__ */ jsx("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: cards.map((card) => {
+									const previewAsset = activePreview ? activePreview.assets.find((asset) => asset.cardKey === card.cardKey) : null;
+									return /* @__PURE__ */ jsxs("div", {
+										className: "grid min-h-24 grid-cols-[3rem_1fr] gap-3 rounded-md border bg-muted/20 p-3",
+										children: [/* @__PURE__ */ jsx("div", {
+											className: "flex size-12 items-center justify-center rounded-md border bg-background",
+											children: previewAsset?.src ? /* @__PURE__ */ jsx("img", {
+												src: previewAsset.src,
+												alt: "",
+												className: "size-10 object-contain"
+											}) : /* @__PURE__ */ jsx(ImagePlus, {
+												className: "size-5 text-muted-foreground",
+												"aria-hidden": "true"
+											})
+										}), /* @__PURE__ */ jsxs("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ jsx("p", {
+												className: "truncate text-sm font-medium",
+												children: card.title
+											}), card.bodyText ? /* @__PURE__ */ jsx("p", {
+												className: "overflow-hidden text-ellipsis text-xs text-muted-foreground",
+												children: card.bodyText
+											}) : null]
+										})]
+									}, card.cardKey);
+								})
 							})
+						] }) : /* @__PURE__ */ jsxs("div", {
+							className: "max-h-[28rem] space-y-3 overflow-y-auto pr-1",
+							children: [
+								library.kind === "loading" ? /* @__PURE__ */ jsx("p", {
+									className: "py-8 text-center text-sm text-muted-foreground",
+									children: "Loading your icons…"
+								}) : library.kind === "failed" && library.sets.length === 0 ? /* @__PURE__ */ jsx("p", {
+									role: "alert",
+									className: "py-8 text-center text-sm text-destructive",
+									children: library.message
+								}) : recentSets.length === 0 ? /* @__PURE__ */ jsxs("div", {
+									className: "rounded-md border border-dashed px-4 py-8 text-center",
+									children: [/* @__PURE__ */ jsx("p", {
+										className: "text-sm font-medium",
+										children: "No generated icon sets yet"
+									}), /* @__PURE__ */ jsx("p", {
+										className: "mt-1 text-sm text-muted-foreground",
+										children: "Make a set and it will stay here for reuse."
+									})]
+								}) : recentSets.map((set) => {
+									const preview = librarySetToPreview(set, cards);
+									const unavailableAssetIds = set.assets.flatMap((asset) => {
+										if (asset.availability === "available") return [];
+										const iconValue = parseBlockIconValue(asset.iconValue);
+										return iconValue.kind === "generated" ? [iconValue.assetId] : [];
+									});
+									const compatibility = planGeneratedIconSetCompatibility({
+										sourceFingerprintVersion: set.sourceFingerprintVersion,
+										sourceCards: set.sourceCards,
+										currentCards: cards,
+										unavailableAssetIds
+									});
+									const canApplyWholeSet = compatibility.kind === "exact_match" || compatibility.kind === "key_match_content_changed";
+									return /* @__PURE__ */ jsxs("div", {
+										className: "rounded-md border p-3",
+										children: [
+											/* @__PURE__ */ jsxs("div", {
+												className: "flex items-start justify-between gap-3",
+												children: [/* @__PURE__ */ jsxs("div", {
+													className: "min-w-0",
+													children: [
+														/* @__PURE__ */ jsx("p", {
+															className: "truncate text-sm font-medium",
+															children: set.blockLabel
+														}),
+														/* @__PURE__ */ jsxs("p", {
+															className: "text-xs text-muted-foreground",
+															children: [
+																formatGeneratedAt(set.createdAt),
+																" · ",
+																set.assets.length,
+																" icons"
+															]
+														}),
+														set.userStyleNote ? /* @__PURE__ */ jsx("p", {
+															className: "mt-1 truncate text-xs text-muted-foreground",
+															children: set.userStyleNote
+														}) : null
+													]
+												}), /* @__PURE__ */ jsxs("div", {
+													className: "flex shrink-0 items-center gap-2",
+													children: [/* @__PURE__ */ jsx("span", {
+														className: `rounded-full px-2 py-0.5 text-[11px] font-medium ${set.styleFreshness.kind === "current" ? "bg-emerald-100 text-emerald-800" : "bg-amber-100 text-amber-800"}`,
+														children: set.styleFreshness.kind === "current" ? "Current style" : "Older style"
+													}), /* @__PURE__ */ jsx(Button, {
+														type: "button",
+														size: "sm",
+														disabled: preview.kind === "invalid" || !canApplyWholeSet || state.kind === "applying",
+														onClick: () => {
+															if (preview.kind === "valid") apply(preview.preview);
+														},
+														children: compatibility.kind === "key_match_content_changed" ? "Use anyway" : "Use set"
+													})]
+												})]
+											}),
+											/* @__PURE__ */ jsx("div", {
+												className: "mt-3 flex gap-2 overflow-hidden",
+												children: set.assets.slice(0, 6).map((asset) => /* @__PURE__ */ jsx("div", {
+													className: "flex size-12 shrink-0 items-center justify-center rounded-md border bg-muted/20",
+													children: asset.availability === "available" ? /* @__PURE__ */ jsx("img", {
+														src: asset.renderAsset.src,
+														alt: "",
+														className: "size-10 object-contain"
+													}) : /* @__PURE__ */ jsx("span", {
+														title: "Generated icon unavailable",
+														"aria-label": "Generated icon unavailable",
+														children: /* @__PURE__ */ jsx(ImageOff, {
+															className: "size-5 text-destructive",
+															"aria-hidden": "true"
+														})
+													})
+												}, asset.iconValue.kind === "generated" ? asset.iconValue.assetId : asset.cardKey))
+											}),
+											compatibility.kind === "set_incomplete" ? /* @__PURE__ */ jsx("p", {
+												className: "mt-2 text-xs text-destructive",
+												children: "One or more image files are unavailable, so this set can’t be applied as a whole. Available icons remain in each icon picker."
+											}) : preview.kind === "invalid" || !canApplyWholeSet ? /* @__PURE__ */ jsx("p", {
+												className: "mt-2 text-xs text-muted-foreground",
+												children: "This set was made for different cards and can’t be applied as a whole. Individual icons remain available in each icon picker."
+											}) : compatibility.kind === "key_match_content_changed" ? /* @__PURE__ */ jsx("p", {
+												className: "mt-2 text-xs text-amber-700",
+												children: "Your card wording has changed since this set was made. Check the thumbnails before using it."
+											}) : set.styleFreshness.kind === "older_style" ? /* @__PURE__ */ jsx("p", {
+												className: "mt-2 text-xs text-amber-700",
+												children: "Made with an older icon style."
+											}) : null
+										]
+									}, set.setId);
+								}),
+								library.kind === "failed" && library.sets.length > 0 ? /* @__PURE__ */ jsx("p", {
+									role: "alert",
+									className: "text-center text-sm text-destructive",
+									children: library.message
+								}) : null,
+								library.loadMore ? /* @__PURE__ */ jsx(Button, {
+									type: "button",
+									variant: "outline",
+									className: "w-full",
+									disabled: library.kind === "loading_more",
+									onClick: library.loadMore,
+									children: library.kind === "loading_more" ? "Loading more…" : "Load more sets"
+								}) : null
+							]
 						})
 					]
 				}),
@@ -56419,63 +56924,134 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 						onClick: () => close(false),
 						children: "Cancel"
 					}),
-					/* @__PURE__ */ jsxs(Button, {
+					view === "create" ? /* @__PURE__ */ jsxs(Button, {
 						type: "button",
 						variant: "outline",
 						disabled: !canGenerate,
 						onClick: () => {
 							generate();
 						},
-						children: [state.kind === "preview_ready" ? /* @__PURE__ */ jsx(RotateCcw, {
+						children: [activePreview ? /* @__PURE__ */ jsx(RotateCcw, {
 							className: "mr-2 h-4 w-4",
 							"aria-hidden": "true"
 						}) : /* @__PURE__ */ jsx(Sparkles, {
 							className: "mr-2 h-4 w-4",
 							"aria-hidden": "true"
-						}), state.kind === "preview_ready" ? "Regenerate" : state.kind === "generating" ? "Generating" : "Generate"]
-					}),
-					/* @__PURE__ */ jsx(Button, {
+						}), activePreview ? "Regenerate" : state.kind === "generating" ? "Generating" : "Generate"]
+					}) : null,
+					view === "create" ? /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						disabled: !canApply,
 						onClick: () => {
-							if (state.kind !== "preview_ready" || !onApply) return;
+							if (state.kind !== "preview_ready" && state.kind !== "apply_failed" || !onApply) return;
 							apply(state.preview);
 						},
 						children: state.kind === "applying" ? "Applying" : "Apply set"
-					})
+					}) : null
 				] })
 			]
 		})
 	});
 }
 //#endregion
+//#region ../editor-blocks/src/block-editor/generatedIconApplyCoordination.ts
+const GENERATED_ICON_AUTOSAVE_TIMEOUT_MS = 15e3;
+async function saveBlocksNow(uiStore) {
+	const before = uiStore.getState().autosave.blocks;
+	uiStore.getState().autosave.saveNow(["blocks"]);
+	if (!before) return true;
+	return new Promise((resolve) => {
+		let waitState = { kind: "waiting_for_start" };
+		let settled = false;
+		let unsubscribe = () => {};
+		let timeout = null;
+		const finish = (saved) => {
+			if (settled) return;
+			settled = true;
+			if (timeout) clearTimeout(timeout);
+			unsubscribe();
+			resolve(saved);
+		};
+		const evaluate = () => {
+			const status = uiStore.getState().autosave.blocks;
+			if (!status) return finish(true);
+			if (status.status === "saving") {
+				waitState = { kind: "saving_seen" };
+				return;
+			}
+			if (status.status === "success") {
+				if (waitState.kind === "saving_seen" || status.lastSavedAt !== before.lastSavedAt) finish(true);
+				return;
+			}
+			if (status.status === "error") {
+				if (waitState.kind === "saving_seen" || before.status !== "error" || status.lastSavedAt !== before.lastSavedAt) finish(false);
+			}
+		};
+		unsubscribe = uiStore.subscribe(evaluate);
+		evaluate();
+		if (!settled) timeout = setTimeout(() => finish(false), GENERATED_ICON_AUTOSAVE_TIMEOUT_MS);
+	});
+}
+function parseRenderAssets(preview) {
+	const assets = [];
+	for (const asset of preview.assets) {
+		if (!asset.renderAsset) return null;
+		const setId = parseGeneratedIconSetId(asset.renderAsset.setId);
+		const assetId = parseGeneratedIconAssetId(asset.renderAsset.assetId);
+		if (!setId || !assetId || setId !== asset.iconValue.setId || assetId !== asset.iconValue.assetId) return null;
+		assets.push({
+			setId,
+			assetId,
+			src: asset.renderAsset.src,
+			...asset.renderAsset.width === void 0 ? {} : { width: asset.renderAsset.width },
+			...asset.renderAsset.height === void 0 ? {} : { height: asset.renderAsset.height }
+		});
+	}
+	return assets;
+}
+async function applyGeneratedIconSetToEditor({ blockId, content, preview, uiStore }) {
+	const renderAssets = parseRenderAssets(preview);
+	if (!renderAssets) return {
+		kind: "invalid_render_asset",
+		cardKey: preview.assets.find((asset) => !asset.renderAsset)?.cardKey ?? "unknown"
+	};
+	const result = applyGeneratedFeatureCardIconSet({
+		blockId,
+		content,
+		drafts: uiStore.getState().drafts,
+		assets: preview.assets
+	});
+	if (result.kind !== "applied") return result;
+	uiStore.getState().generatedIconAssets.setForBlock(blockId, renderAssets);
+	return await saveBlocksNow(uiStore) ? result : { kind: "autosave_failed" };
+}
+//#endregion
 //#region ../editor-blocks/src/block-editor/FeatureCardIconsPanel.tsx
 function supportsFeatureCardIconActions(blockKind) {
 	return blockKind === "block.feature-cards";
 }
-function FeatureCardIconsPanel({ block, uiStore, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet, onApplyGeneratedIconSet }) {
+function FeatureCardIconsPanel({ block, uiStore, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet }) {
 	const [generateDialogOpen, setGenerateDialogOpen] = useState(false);
 	const blockId = typeof block.id === "string" ? unsafeAsEditorBlockId(block.id) : null;
 	const content = useStoreSelector(uiStore, (state) => blockId ? state.drafts.getCurrentValues(blockId) : null) ?? block.draftContent ?? block.content ?? null;
 	const status = useMemo(() => getFeatureCardIconStatus(content), [content]);
 	const dialogCards = useMemo(() => getFeatureCardIconDialogCards(content), [content]);
 	const styleSummary = useMemo(() => getFeatureCardGeneratedIconStyleSummary(content, currentStyleGuideVersionId), [content, currentStyleGuideVersionId]);
-	const isComplete = status.totalCards > 0 && status.cardsWithIcons >= status.totalCards;
 	const hasStaleGeneratedIcons = styleSummary.kind === "available" && styleSummary.staleCount > 0;
 	async function applyGeneratedIconSetPreview(preview) {
 		if (!blockId) return {
 			kind: "failed",
 			message: "Could not apply generated icon set"
 		};
-		const previewToApply = await onApplyGeneratedIconSet?.(preview) ?? preview;
-		if (applyGeneratedFeatureCardIconSet({
+		const result = await applyGeneratedIconSetToEditor({
 			blockId,
 			content,
-			drafts: uiStore.getState().drafts,
-			assets: previewToApply.assets
-		}).kind !== "applied") return {
+			preview,
+			uiStore
+		});
+		if (result.kind !== "applied") return {
 			kind: "failed",
-			message: "Could not apply generated icon set"
+			message: result.kind === "autosave_failed" ? "The icons are ready, but we couldn’t save this page. Please try again." : "Could not apply generated icon set"
 		};
 		return { kind: "applied" };
 	}
@@ -56486,51 +57062,31 @@ function FeatureCardIconsPanel({ block, uiStore, currentStyleGuideVersionId, ico
 		"data-testid": "feature-card-icons-panel",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ jsx("h3", {
-						className: "text-sm font-medium",
-						children: "Icons"
-					}), /* @__PURE__ */ jsxs("p", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							status.cardsWithIcons,
-							" of ",
-							status.totalCards,
-							" cards"
-						]
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					disabled: status.totalCards === 0 || isComplete,
-					onClick: () => {
-						applyCuratedFeatureCardIconSuggestions({
-							blockId,
-							content,
-							drafts: uiStore.getState().drafts
-						});
-					},
-					children: [/* @__PURE__ */ jsx(Sparkles, {
-						className: "mr-2 h-4 w-4",
-						"aria-hidden": "true"
-					}), "Suggest icons"]
-				}),
-				/* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					disabled: status.totalCards === 0,
-					onClick: () => setGenerateDialogOpen(true),
-					children: [/* @__PURE__ */ jsx(ImagePlus, {
-						className: "mr-2 h-4 w-4",
-						"aria-hidden": "true"
-					}), "Generate icon set"]
-				})
-			]
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-medium",
+					children: "Icons"
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-xs text-muted-foreground",
+					children: [
+						status.cardsWithIcons,
+						" of ",
+						status.totalCards,
+						" cards"
+					]
+				})]
+			}), /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				disabled: status.totalCards === 0,
+				onClick: () => setGenerateDialogOpen(true),
+				children: [/* @__PURE__ */ jsx(ImagePlus, {
+					className: "mr-2 h-4 w-4",
+					"aria-hidden": "true"
+				}), "Generate icon set"]
+			})]
 		}), hasStaleGeneratedIcons ? /* @__PURE__ */ jsxs(Callout, {
 			tone: "warning",
 			className: "mt-3 flex flex-wrap items-center gap-2",
@@ -56561,7 +57117,7 @@ function FeatureCardIconsPanel({ block, uiStore, currentStyleGuideVersionId, ico
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/BlockCardBody.tsx
-function BlockCardBody({ siteId, block, manifest, uiStore, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, hideThemeV2RawStyleFields = false, pageDesignBlock = null, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet, onApplyGeneratedIconSet }) {
+function BlockCardBody({ siteId, block, manifest, uiStore, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, hideThemeV2RawStyleFields = false, pageDesignBlock = null, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet }) {
 	return /* @__PURE__ */ jsxs(CardContent, {
 		className: "space-y-4 pb-6",
 		children: [/* @__PURE__ */ jsx(FeatureCardIconsPanel, {
@@ -56570,8 +57126,7 @@ function BlockCardBody({ siteId, block, manifest, uiStore, hasRecoveryConflict,
 			currentStyleGuideVersionId,
 			iconStyleGuideSummary,
 			iconStyleGuideEditHref,
-			onGenerateIconSet,
-			onApplyGeneratedIconSet
+			onGenerateIconSet
 		}), /* @__PURE__ */ jsx(BlockForm, {
 			siteId,
 			block,
@@ -56794,7 +57349,7 @@ function useDraftContent(uiStore, blockId) {
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/blockHeaderActionPlan.ts
-function deriveBlockHeaderActionPlan({ actionPresentation, blockId, settingsAvailable, featureCardIconActionsAvailable, featureCardIconsComplete, generatedIconSetActionsAvailable, hasStaleGeneratedIcons, featureCardIconDialogCardsCount, duplicateAvailable, duplicateDisabled, deleteAvailable, deleteDisabled }) {
+function deriveBlockHeaderActionPlan({ actionPresentation, blockId, settingsAvailable, featureCardIconActionsAvailable, generatedIconSetActionsAvailable, hasStaleGeneratedIcons, featureCardIconDialogCardsCount, duplicateAvailable, duplicateDisabled, deleteAvailable, deleteDisabled }) {
 	const customizeAction = deriveCustomizeAction({
 		actionPresentation,
 		blockId,
@@ -56814,7 +57369,6 @@ function deriveBlockHeaderActionPlan({ actionPresentation, blockId, settingsAvai
 	});
 	const iconActions = deriveIconActions({
 		featureCardIconActionsAvailable,
-		featureCardIconsComplete,
 		generatedIconSetActionsAvailable,
 		hasStaleGeneratedIcons,
 		featureCardIconDialogCardsCount
@@ -56858,16 +57412,13 @@ function deriveCustomizeAction({ actionPresentation, blockId, settingsAvailable
 		default: return assertNever$5(actionPresentation.customize);
 	}
 }
-function deriveIconActions({ featureCardIconActionsAvailable, featureCardIconsComplete, generatedIconSetActionsAvailable, hasStaleGeneratedIcons, featureCardIconDialogCardsCount }) {
+function deriveIconActions({ featureCardIconActionsAvailable, generatedIconSetActionsAvailable, hasStaleGeneratedIcons, featureCardIconDialogCardsCount }) {
 	if (!featureCardIconActionsAvailable) return [];
-	return [{
-		kind: "suggest-icons",
-		disabled: featureCardIconsComplete
-	}, ...generatedIconSetActionsAvailable ? [{
+	return generatedIconSetActionsAvailable ? [{
 		kind: "generated-icon-set",
 		disabled: featureCardIconDialogCardsCount === 0,
 		stale: hasStaleGeneratedIcons
-	}] : []];
+	}] : [];
 }
 function deriveStructureActions({ duplicateAvailable, duplicateDisabled, deleteAvailable, deleteDisabled }) {
 	return [...duplicateAvailable ? [{
@@ -56880,7 +57431,7 @@ function deriveStructureActions({ duplicateAvailable, duplicateDisabled, deleteA
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/BlockCardHeader.tsx
-function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, onDuplicate, onDelete, dragListeners, canReorder, collapsed, onToggleCollapsed, contentId, uiStore, widgetOverrides, theme, hideThemeV2RawStyleFields = false, reorderControlMode = "full", actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet, onApplyGeneratedIconSet }) {
+function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, onDuplicate, onDelete, dragListeners, canReorder, collapsed, onToggleCollapsed, contentId, uiStore, widgetOverrides, theme, hideThemeV2RawStyleFields = false, reorderControlMode = "full", actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet }) {
 	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
 	const [settingsDialogOpen, setSettingsDialogOpen] = useState(false);
 	const [generateIconSetDialogOpen, setGenerateIconSetDialogOpen] = useState(false);
@@ -56892,7 +57443,6 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 	const currentContent = useStoreSelector(uiStore, (state) => supportsIconActions && blockId ? state.drafts.getCurrentValues(blockId) : null);
 	const featureCardIconStatus = supportsIconActions ? getFeatureCardIconStatus(currentContent ?? block.draftContent ?? contentToUse) : null;
 	const featureCardIconActionsAvailable = Boolean(blockId) && supportsIconActions && (featureCardIconStatus?.totalCards ?? 0) > 0;
-	const featureCardIconsComplete = featureCardIconStatus !== null && featureCardIconStatus.totalCards > 0 && featureCardIconStatus.cardsWithIcons >= featureCardIconStatus.totalCards;
 	const generatedIconSetActionsAvailable = featureCardIconActionsAvailable && Boolean(onGenerateIconSet);
 	const featureCardIconContent = currentContent ?? block.draftContent ?? contentToUse;
 	const featureCardIconDialogCards = supportsIconActions ? getFeatureCardIconDialogCards(featureCardIconContent) : [];
@@ -56903,15 +57453,15 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 			kind: "failed",
 			message: "Could not apply generated icon set"
 		};
-		const previewToApply = await onApplyGeneratedIconSet?.(preview) ?? preview;
-		if (applyGeneratedFeatureCardIconSet({
+		const result = await applyGeneratedIconSetToEditor({
 			blockId,
 			content: featureCardIconContent,
-			drafts: uiStore.getState().drafts,
-			assets: previewToApply.assets
-		}).kind !== "applied") return {
+			preview,
+			uiStore
+		});
+		if (result.kind !== "applied") return {
 			kind: "failed",
-			message: "Could not apply generated icon set"
+			message: result.kind === "autosave_failed" ? "The icons are ready, but we couldn’t save this page. Please try again." : "Could not apply generated icon set"
 		};
 		return { kind: "applied" };
 	}
@@ -56921,7 +57471,6 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 		blockId,
 		settingsAvailable,
 		featureCardIconActionsAvailable,
-		featureCardIconsComplete,
 		generatedIconSetActionsAvailable,
 		hasStaleGeneratedIcons,
 		featureCardIconDialogCardsCount: featureCardIconDialogCards.length,
@@ -56952,14 +57501,6 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 				}
 				setSettingsDialogOpen(true);
 				return;
-			case "suggest-icons":
-				if (!blockId || action.disabled) return;
-				applyCuratedFeatureCardIconSuggestions({
-					blockId,
-					content: currentContent ?? block.draftContent ?? contentToUse,
-					drafts: uiStore.getState().drafts
-				});
-				return;
 			case "generated-icon-set":
 				if (action.disabled) return;
 				setGenerateIconSetDialogOpen(true);
@@ -57121,7 +57662,6 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 function menuActionIcon(action) {
 	switch (action.kind) {
 		case "customize": return /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" });
-		case "suggest-icons": return /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4" });
 		case "generated-icon-set": return action.stale ? /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "mr-2 h-4 w-4" });
 		case "duplicate": return /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-4 w-4" });
 		case "delete": return /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" });
@@ -57131,7 +57671,6 @@ function menuActionIcon(action) {
 function menuActionLabel(action) {
 	switch (action.kind) {
 		case "customize": return "Customize";
-		case "suggest-icons": return "Suggest icons";
 		case "generated-icon-set": return action.stale ? "Regenerate icon set" : "Generate icon set";
 		case "duplicate": return "Duplicate";
 		case "delete": return "Delete";
@@ -57140,7 +57679,7 @@ function menuActionLabel(action) {
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/BlockCard.tsx
-function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove, onDuplicate, onDelete, dragListeners, canReorder, collapsed, onCollapsedChange, highlighted, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, uiStore, hideThemeV2RawStyleFields = false, pageDesignBlock = null, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet, onApplyGeneratedIconSet }) {
+function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove, onDuplicate, onDelete, dragListeners, canReorder, collapsed, onCollapsedChange, highlighted, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, uiStore, hideThemeV2RawStyleFields = false, pageDesignBlock = null, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet }) {
 	const contentId = block.id ? `builder-block-content-${block.id}` : void 0;
 	return /* @__PURE__ */ jsx(Card, {
 		className: cn$1("w-full p-0 transition-shadow", highlighted ? "builder-editor-block-highlight" : ""),
@@ -57172,8 +57711,7 @@ function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove,
 				currentStyleGuideVersionId,
 				iconStyleGuideSummary,
 				iconStyleGuideEditHref,
-				onGenerateIconSet,
-				onApplyGeneratedIconSet
+				onGenerateIconSet
 			}), /* @__PURE__ */ jsx(CollapsibleContent, {
 				id: contentId,
 				children: /* @__PURE__ */ jsx(BlockCardBody, {
@@ -57192,8 +57730,7 @@ function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove,
 					currentStyleGuideVersionId,
 					iconStyleGuideSummary,
 					iconStyleGuideEditHref,
-					onGenerateIconSet,
-					onApplyGeneratedIconSet
+					onGenerateIconSet
 				})
 			})]
 		})
@@ -57201,7 +57738,7 @@ function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove,
 }
 //#endregion
 //#region ../editor-blocks/src/block-editor/SortableBlockItem.tsx
-const SortableBlockItem = memo(function SortableBlockItem({ siteId, block, onMove, onDuplicate, onDelete, isFirst, isLast, isMoving, isDraggable, collapsed, onCollapsedChange, highlighted, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, uiStore, sdkConfig, customBlocks = [], hideThemeV2RawStyleFields = false, pageDesignBlock = null, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet, onApplyGeneratedIconSet }) {
+const SortableBlockItem = memo(function SortableBlockItem({ siteId, block, onMove, onDuplicate, onDelete, isFirst, isLast, isMoving, isDraggable, collapsed, onCollapsedChange, highlighted, hasRecoveryConflict, focusSignal, onFocusHandled, onBlockSave, theme, widgetOverrides, uiStore, sdkConfig, customBlocks = [], hideThemeV2RawStyleFields = false, pageDesignBlock = null, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION, currentStyleGuideVersionId, iconStyleGuideSummary, iconStyleGuideEditHref, onGenerateIconSet }) {
 	const sortable = useSortable({
 		id: block.id,
 		disabled: !isDraggable
@@ -57274,14 +57811,39 @@ const SortableBlockItem = memo(function SortableBlockItem({ siteId, block, onMov
 			currentStyleGuideVersionId,
 			iconStyleGuideSummary,
 			iconStyleGuideEditHref,
-			onGenerateIconSet,
-			onApplyGeneratedIconSet
+			onGenerateIconSet
 		})
 	});
 });
 //#endregion
+//#region ../editor-blocks/src/widgets/icon-picker/loaders.ts
+async function loadGeneratedIconLibraryPage(apiClient, input) {
+	return unwrapResponse(await apiClient({
+		endpoint: "listGeneratedIconSets",
+		params: {
+			siteId: input.siteId,
+			...input.cursor ? { cursor: input.cursor } : {},
+			...input.limit === void 0 ? {} : { limit: String(input.limit) }
+		}
+	}));
+}
+//#endregion
 //#region ../editor-blocks/src/BlockEditor.tsx
-const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, recoveryConflictBlockIds = [], recoveryConflictReviewRequestId = null, apiClient, uiStore, enableReordering = true, enableCreation = true, enableDeletion = true, onBlockSave, onBlocksChange, theme, widgetOverrides, headerLeftSlot, hideThemeV2RawStyleFields = false, pageDesignEditorModel = null, enabledContentTypes = [], sdkConfig = null, customBlocks = [], allowedBlockKinds = null, emptyUnavailableMessage = "No blocks available for this page.", initialCollapsed = true, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION }, ref) {
+function buildDashboardPath(dashboardBaseUrl, path) {
+	const baseUrl = dashboardBaseUrl?.trim();
+	if (!baseUrl) return path;
+	return `${baseUrl.replace(/\/+$/u, "")}${path}`;
+}
+function getApiRequestErrorMessage(error) {
+	return extractApiEnvelopeErrorDetails(error.body).message ?? error.message;
+}
+const GENERATED_ICON_SET_FRIENDLY_ERROR = "We could not make those icons this time. Please try again in a moment.";
+function getGeneratedIconSetErrorMessage(error) {
+	if (!(error instanceof ApiRequestError)) return GENERATED_ICON_SET_FRIENDLY_ERROR;
+	const message = getApiRequestErrorMessage(error);
+	return message === "Internal server error" || /^Request to .+ failed with status \d+$/u.test(message) ? GENERATED_ICON_SET_FRIENDLY_ERROR : message;
+}
+const BlockEditor = forwardRef(function BlockEditor({ siteId, dashboardBaseUrl, owner, blocks, recoveryConflictBlockIds = [], recoveryConflictReviewRequestId = null, apiClient, uiStore, enableReordering = true, enableCreation = true, enableDeletion = true, onBlockSave, onBlocksChange, theme, widgetOverrides, headerLeftSlot, hideThemeV2RawStyleFields = false, pageDesignEditorModel = null, enabledContentTypes = [], sdkConfig = null, customBlocks = [], allowedBlockKinds = null, emptyUnavailableMessage = "No blocks available for this page.", initialCollapsed = true, reorderControlMode = DEFAULT_REORDER_CONTROL_MODE, actionPresentation = DEFAULT_BLOCK_ACTION_PRESENTATION }, ref) {
 	const [blockList, setBlockList] = useState(() => normalizeBlockListInitial(blocks));
 	const [errorMessage, setErrorMessage] = useState(null);
 	const [highlightedBlockId, setHighlightedBlockId] = useState(null);
@@ -57295,6 +57857,11 @@ const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, rec
 	const [fetchedContentTypes, setFetchedContentTypes] = useState(enabledContentTypes);
 	const [fetchingContentTypes, setFetchingContentTypes] = useState(false);
 	const [iconStyleGuide, setIconStyleGuide] = useState(null);
+	const [generatedIconLibrary, setGeneratedIconLibrary] = useState({
+		kind: "loading",
+		sets: [],
+		nextCursor: null
+	});
 	const allowReordering = enableReordering;
 	const allowCreation = enableCreation;
 	const allowDeletion = enableDeletion;
@@ -57324,7 +57891,7 @@ const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, rec
 			setIconStyleGuide(versionId ? {
 				versionId,
 				summary: response.guide.displaySummary,
-				editHref: `/dashboard/sites/${siteId}/settings/icon-style-guide`
+				editHref: buildDashboardPath(dashboardBaseUrl, `/dashboard/sites/${siteId}/settings/icon-style-guide`)
 			} : null);
 		}).catch(() => {
 			if (!cancelled) setIconStyleGuide(null);
@@ -57332,7 +57899,81 @@ const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, rec
 		return () => {
 			cancelled = true;
 		};
+	}, [
+		apiClient,
+		dashboardBaseUrl,
+		siteId
+	]);
+	useEffect(() => {
+		if (typeof apiClient !== "function") {
+			setGeneratedIconLibrary({
+				kind: "failed",
+				sets: [],
+				nextCursor: null,
+				message: "Generated icon library is unavailable"
+			});
+			return;
+		}
+		let cancelled = false;
+		setGeneratedIconLibrary((current) => ({
+			kind: "loading",
+			sets: current.sets,
+			nextCursor: current.nextCursor
+		}));
+		Promise.resolve().then(() => loadGeneratedIconLibraryPage(apiClient, {
+			siteId,
+			limit: 24
+		})).then((response) => {
+			if (cancelled) return;
+			setGeneratedIconLibrary({
+				kind: "ready",
+				sets: response.sets,
+				nextCursor: response.nextCursor
+			});
+		}).catch(() => {
+			if (!cancelled) setGeneratedIconLibrary((current) => ({
+				kind: "failed",
+				sets: current.sets,
+				nextCursor: current.nextCursor,
+				message: "Could not load previously generated icons"
+			}));
+		});
+		return () => {
+			cancelled = true;
+		};
 	}, [apiClient, siteId]);
+	const loadMoreGeneratedIcons = useCallback(() => {
+		if (typeof apiClient !== "function" || !generatedIconLibrary.nextCursor || generatedIconLibrary.kind === "loading" || generatedIconLibrary.kind === "loading_more") return;
+		const cursor = generatedIconLibrary.nextCursor;
+		const currentSets = generatedIconLibrary.sets;
+		setGeneratedIconLibrary({
+			kind: "loading_more",
+			sets: currentSets,
+			nextCursor: cursor
+		});
+		loadGeneratedIconLibraryPage(apiClient, {
+			siteId,
+			cursor,
+			limit: 24
+		}).then((response) => {
+			setGeneratedIconLibrary((current) => ({
+				kind: "ready",
+				sets: [...current.sets, ...response.sets.filter((set) => !current.sets.some((currentSet) => currentSet.setId === set.setId))],
+				nextCursor: response.nextCursor
+			}));
+		}).catch(() => {
+			setGeneratedIconLibrary((current) => ({
+				kind: "failed",
+				sets: current.sets,
+				nextCursor: cursor,
+				message: "Could not load more generated icons"
+			}));
+		});
+	}, [
+		apiClient,
+		generatedIconLibrary,
+		siteId
+	]);
 	const generateFeatureCardIconSet = useCallback(async (input) => {
 		if (typeof apiClient !== "function") return {
 			kind: "failed",
@@ -57355,53 +57996,37 @@ const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, rec
 				},
 				options: input.signal ? { signal: input.signal } : void 0
 			}));
-			const assets = response.preview.assets.map((asset) => {
+			const assets = response.set.assets.map((asset) => {
 				const iconValue = parseBlockIconValue(asset.iconValue);
-				if (iconValue.kind !== "generated") throw new Error("Generated icon response included an invalid icon reference");
+				if (iconValue.kind !== "generated") throw new Error(GENERATED_ICON_SET_FRIENDLY_ERROR);
 				return {
 					cardKey: asset.cardKey,
 					title: input.cards.find((card) => card.cardKey === asset.cardKey)?.title ?? asset.cardKey,
-					src: asset.src,
-					iconValue
+					src: asset.renderAsset?.src ?? "",
+					iconValue,
+					renderAsset: asset.renderAsset
 				};
 			});
+			setGeneratedIconLibrary((current) => ({
+				kind: "ready",
+				sets: [response.set, ...current.sets.filter((set) => set.setId !== response.set.setId)],
+				nextCursor: current.nextCursor
+			}));
 			return {
 				kind: "preview_ready",
 				preview: {
-					setId: response.candidate.setId,
+					setId: response.set.setId,
 					styleGuideSummary: response.styleGuide.displaySummary,
-					candidate: response.candidate,
 					assets
 				}
 			};
 		} catch (error) {
 			return {
 				kind: "failed",
-				message: error instanceof Error && error.message ? error.message : "Failed to generate icon set"
+				message: getGeneratedIconSetErrorMessage(error)
 			};
 		}
 	}, [apiClient, siteId]);
-	const applyGeneratedFeatureCardIconSet = useCallback(async (preview) => {
-		if (typeof apiClient !== "function") return preview;
-		if (!preview.candidate) return preview;
-		const response = unwrapResponse(await apiClient({
-			endpoint: "applyGeneratedIconSet",
-			params: { siteId },
-			body: { candidate: preview.candidate }
-		}));
-		const iconValuesByCardKey = new Map(response.assets.map((asset) => [asset.cardKey, asset.iconValue]));
-		return {
-			...preview,
-			assets: preview.assets.map((asset) => {
-				const iconValue = parseBlockIconValue(iconValuesByCardKey.get(asset.cardKey) ?? asset.iconValue);
-				if (iconValue.kind !== "generated") throw new Error("Generated icon apply response included an invalid icon reference");
-				return {
-					...asset,
-					iconValue
-				};
-			})
-		};
-	}, [apiClient, siteId]);
 	useEffect(() => {
 		return uiStore.subscribe(() => {
 			const structureList = uiStore.getState().structure.getList();
@@ -57576,133 +58201,139 @@ const BlockEditor = forwardRef(function BlockEditor({ siteId, owner, blocks, rec
 		uiStore
 	]);
 	const hasBlocks = blockList.length > 0;
-	return /* @__PURE__ */ jsx(BlockListProvider, {
-		value: useMemo(() => ({
-			blockList,
-			setBlockList,
-			reorderId,
-			focusRequest,
-			triggerFocus,
-			handleMove,
-			onDragEnd,
-			activeBlockId,
-			setActiveBlockId,
-			theme
-		}), [
-			blockList,
-			reorderId,
-			focusRequest,
-			triggerFocus,
-			handleMove,
-			onDragEnd,
-			activeBlockId,
-			setActiveBlockId,
-			theme
-		]),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3 touch-pan-y",
-			children: [
-				/* @__PURE__ */ jsx(HeaderActions, { headerLeftSlot }),
-				errorMessage ? /* @__PURE__ */ jsx("div", {
-					className: "rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive",
-					children: errorMessage
-				}) : null,
-				hasBlocks ? /* @__PURE__ */ jsx(DndContext, {
-					sensors: activeSensors,
-					collisionDetection: closestCenter,
-					onDragEnd,
-					children: /* @__PURE__ */ jsx(SortableContext, {
-						items: blockList.map((b) => b.id),
-						strategy: verticalListSortingStrategy,
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "space-y-0",
-							children: [canCreateBlocks ? /* @__PURE__ */ jsx(AddBlockDivider, {
-								onOpen: openPicker,
-								position: 0
-							}) : null, blockList.map((block, index) => {
-								const focusSignal = focusRequest && block.id && focusRequest.blockId === unsafeAsEditorBlockId(block.id) ? focusRequest : null;
-								const collapsed = isCollapsed(block.id);
-								return /* @__PURE__ */ jsxs("div", {
-									className: "group",
-									ref: (node) => {
-										if (!block.id) return;
-										if (node) blockRefs.current.set(block.id, node);
-										else blockRefs.current.delete(block.id);
-									},
-									children: [/* @__PURE__ */ jsx(SortableBlockItem, {
-										siteId,
-										block,
-										onMove: handleMove,
-										onDuplicate: duplicateBlock,
-										onDelete: allowDeletion ? handleDelete : void 0,
-										isFirst: index === 0,
-										isLast: index === blockList.length - 1,
-										isMoving: reorderId === block.id || duplicatingBlockId === block.id,
-										isDraggable: allowReordering,
-										collapsed,
-										onCollapsedChange: (nextCollapsed) => {
+	const contextValue = useMemo(() => ({
+		blockList,
+		setBlockList,
+		reorderId,
+		focusRequest,
+		triggerFocus,
+		handleMove,
+		onDragEnd,
+		activeBlockId,
+		setActiveBlockId,
+		theme
+	}), [
+		blockList,
+		reorderId,
+		focusRequest,
+		triggerFocus,
+		handleMove,
+		onDragEnd,
+		activeBlockId,
+		setActiveBlockId,
+		theme
+	]);
+	return /* @__PURE__ */ jsx(GeneratedIconLibraryProvider, {
+		value: {
+			...generatedIconLibrary,
+			loadMore: generatedIconLibrary.nextCursor ? loadMoreGeneratedIcons : null
+		},
+		children: /* @__PURE__ */ jsx(BlockListProvider, {
+			value: contextValue,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-3 touch-pan-y",
+				children: [
+					/* @__PURE__ */ jsx(HeaderActions, { headerLeftSlot }),
+					errorMessage ? /* @__PURE__ */ jsx("div", {
+						className: "rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive",
+						children: errorMessage
+					}) : null,
+					hasBlocks ? /* @__PURE__ */ jsx(DndContext, {
+						sensors: activeSensors,
+						collisionDetection: closestCenter,
+						onDragEnd,
+						children: /* @__PURE__ */ jsx(SortableContext, {
+							items: blockList.map((b) => b.id),
+							strategy: verticalListSortingStrategy,
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "space-y-0",
+								children: [canCreateBlocks ? /* @__PURE__ */ jsx(AddBlockDivider, {
+									onOpen: openPicker,
+									position: 0
+								}) : null, blockList.map((block, index) => {
+									const focusSignal = focusRequest && block.id && focusRequest.blockId === unsafeAsEditorBlockId(block.id) ? focusRequest : null;
+									const collapsed = isCollapsed(block.id);
+									return /* @__PURE__ */ jsxs("div", {
+										className: "group",
+										ref: (node) => {
 											if (!block.id) return;
-											setCollapsed(block.id, nextCollapsed);
-											if (nextCollapsed) {
-												if (activeBlockId === unsafeAsEditorBlockId(block.id)) uiStore.getState().setActiveBlockId(null);
-												return;
-											}
-											uiStore.getState().setActiveBlockId(unsafeAsEditorBlockId(block.id));
+											if (node) blockRefs.current.set(block.id, node);
+											else blockRefs.current.delete(block.id);
 										},
-										highlighted: highlightedBlockId === block.id,
-										hasRecoveryConflict: typeof block.id === "string" && conflictedBlockIdSet.has(block.id),
-										focusSignal,
-										onFocusHandled: handleFocusHandled,
-										onBlockSave,
-										theme,
-										widgetOverrides,
-										uiStore,
-										sdkConfig,
-										customBlocks,
-										hideThemeV2RawStyleFields,
-										pageDesignBlock: block.id ? pageDesignBlockById.get(block.id) ?? null : null,
-										reorderControlMode,
-										actionPresentation,
-										currentStyleGuideVersionId: iconStyleGuide?.versionId ?? null,
-										iconStyleGuideSummary: iconStyleGuide?.summary ?? null,
-										iconStyleGuideEditHref: iconStyleGuide?.editHref ?? null,
-										onGenerateIconSet: generateFeatureCardIconSet,
-										onApplyGeneratedIconSet: applyGeneratedFeatureCardIconSet
-									}), canCreateBlocks && index < blockList.length - 1 ? /* @__PURE__ */ jsx(AddBlockDivider, {
-										onOpen: openPicker,
-										position: index + 1
-									}) : null]
-								}, block.id ?? index);
-							})]
+										children: [/* @__PURE__ */ jsx(SortableBlockItem, {
+											siteId,
+											block,
+											onMove: handleMove,
+											onDuplicate: duplicateBlock,
+											onDelete: allowDeletion ? handleDelete : void 0,
+											isFirst: index === 0,
+											isLast: index === blockList.length - 1,
+											isMoving: reorderId === block.id || duplicatingBlockId === block.id,
+											isDraggable: allowReordering,
+											collapsed,
+											onCollapsedChange: (nextCollapsed) => {
+												if (!block.id) return;
+												setCollapsed(block.id, nextCollapsed);
+												if (nextCollapsed) {
+													if (activeBlockId === unsafeAsEditorBlockId(block.id)) uiStore.getState().setActiveBlockId(null);
+													return;
+												}
+												uiStore.getState().setActiveBlockId(unsafeAsEditorBlockId(block.id));
+											},
+											highlighted: highlightedBlockId === block.id,
+											hasRecoveryConflict: typeof block.id === "string" && conflictedBlockIdSet.has(block.id),
+											focusSignal,
+											onFocusHandled: handleFocusHandled,
+											onBlockSave,
+											theme,
+											widgetOverrides,
+											uiStore,
+											sdkConfig,
+											customBlocks,
+											hideThemeV2RawStyleFields,
+											pageDesignBlock: block.id ? pageDesignBlockById.get(block.id) ?? null : null,
+											reorderControlMode,
+											actionPresentation,
+											currentStyleGuideVersionId: iconStyleGuide?.versionId ?? null,
+											iconStyleGuideSummary: iconStyleGuide?.summary ?? null,
+											iconStyleGuideEditHref: iconStyleGuide?.editHref ?? null,
+											onGenerateIconSet: generateFeatureCardIconSet
+										}), canCreateBlocks && index < blockList.length - 1 ? /* @__PURE__ */ jsx(AddBlockDivider, {
+											onOpen: openPicker,
+											position: index + 1
+										}) : null]
+									}, block.id ?? index);
+								})]
+							})
 						})
-					})
-				}) : hasBlocks ? /* @__PURE__ */ jsx("div", {
-					className: "rounded-md border border-dashed px-4 py-6 text-center text-sm text-muted-foreground",
-					children: "Loading block editor..."
-				}) : canCreateBlocks ? /* @__PURE__ */ jsx(EmptyState, { onAdd: () => openPicker(0) }) : /* @__PURE__ */ jsx("div", {
-					className: "rounded-md border border-dashed px-4 py-6 text-center text-sm text-muted-foreground",
-					children: emptyUnavailableMessage
-				}),
-				canCreateBlocks && hasBlocks ? /* @__PURE__ */ jsx("div", {
-					className: "flex justify-center",
-					children: /* @__PURE__ */ jsxs(Button, {
-						type: "button",
-						variant: "secondary",
-						onClick: () => openPicker(blockList.length),
-						children: [/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add block"]
-					})
-				}) : null,
-				canCreateBlocks ? /* @__PURE__ */ jsx(EnhancedBlockPickerDialog, {
-					open: pickerOpen,
-					onOpenChange: (open) => open ? openPicker(blockList.length) : closePicker(),
-					creatingBlockName,
-					descriptors: availableBlocks,
-					siteId,
-					existingBlockNames: blockList.map((b) => b.kind).filter(Boolean),
-					enabledContentTypes: fetchedContentTypes,
-					onSelect: (descriptor) => void handleCreateBlock(descriptor)
-				}) : null
-			]
+					}) : hasBlocks ? /* @__PURE__ */ jsx("div", {
+						className: "rounded-md border border-dashed px-4 py-6 text-center text-sm text-muted-foreground",
+						children: "Loading block editor..."
+					}) : canCreateBlocks ? /* @__PURE__ */ jsx(EmptyState, { onAdd: () => openPicker(0) }) : /* @__PURE__ */ jsx("div", {
+						className: "rounded-md border border-dashed px-4 py-6 text-center text-sm text-muted-foreground",
+						children: emptyUnavailableMessage
+					}),
+					canCreateBlocks && hasBlocks ? /* @__PURE__ */ jsx("div", {
+						className: "flex justify-center",
+						children: /* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "secondary",
+							onClick: () => openPicker(blockList.length),
+							children: [/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add block"]
+						})
+					}) : null,
+					canCreateBlocks ? /* @__PURE__ */ jsx(EnhancedBlockPickerDialog, {
+						open: pickerOpen,
+						onOpenChange: (open) => open ? openPicker(blockList.length) : closePicker(),
+						creatingBlockName,
+						descriptors: availableBlocks,
+						siteId,
+						existingBlockNames: blockList.map((b) => b.kind).filter(Boolean),
+						enabledContentTypes: fetchedContentTypes,
+						onSelect: (descriptor) => void handleCreateBlock(descriptor)
+					}) : null
+				]
+			})
 		})
 	});
 });
@@ -59140,45 +59771,169 @@ function EntryPickerField({ path, backend, config }) {
 //#region ../editor-blocks/src/widgets/icon-picker/IconPickerField.tsx
 function IconPickerField({ path, backend, config }) {
 	const { value, error, setValue } = useField(path, backend);
+	const library = useGeneratedIconLibrary();
+	const parsedValue = parseBlockIconValue(value);
+	const [source, setSource] = useState(parsedValue.kind === "generated" ? "generated" : "symbols");
+	const [generatedQuery, setGeneratedQuery] = useState("");
 	const configuredPreset = config.ui?.iconPickerPreset;
 	const preset = resolveIconPickerPreset(configuredPreset);
 	if (configuredPreset && !isIconPickerPreset(configuredPreset) && true) console.warn(`[IconPickerField] Unknown iconPickerPreset at "${path}". Falling back to "cta".`);
 	const options = getIconPickerOptionsForPreset(preset);
-	const selected = typeof value === "string" && isKnownIconName(value) && options.some((option) => option.id === value) ? value : void 0;
+	const selectedSemanticId = parsedValue.kind === "semantic" ? parsedValue.iconId : value;
+	const selected = typeof selectedSemanticId === "string" && isKnownIconName(selectedSemanticId) && options.some((option) => option.id === selectedSemanticId) ? selectedSemanticId : void 0;
+	const generatedAssets = library.sets.flatMap((set) => set.assets.map((asset) => ({
+		asset,
+		blockLabel: set.blockLabel
+	})));
+	const normalizedGeneratedQuery = generatedQuery.trim().toLowerCase();
+	const visibleGeneratedAssets = normalizedGeneratedQuery.length === 0 ? generatedAssets : generatedAssets.filter(({ asset, blockLabel }) => [asset.subjectLabel, blockLabel].some((text) => text.toLowerCase().includes(normalizedGeneratedQuery)));
+	const selectedGeneratedAsset = parsedValue.kind === "generated" ? generatedAssets.find(({ asset }) => asset.iconValue.kind === "generated" && asset.iconValue.assetId === parsedValue.assetId)?.asset : null;
+	const selectedGeneratedAssetUnavailable = parsedValue.kind === "generated" && (selectedGeneratedAsset?.availability === "unavailable" || !selectedGeneratedAsset && library.kind === "ready" && library.nextCursor === null);
 	return /* @__PURE__ */ jsx(FieldFrame, {
 		label: config.label,
 		description: config.description,
 		error: error?.message,
-		children: () => /* @__PURE__ */ jsx(Combobox, {
-			items: options.map((opt) => ({
-				id: opt.id,
-				label: opt.label,
-				searchText: opt.searchText,
-				item: opt
-			})),
-			value: selected,
-			onSelect: (entry) => {
-				if (!entry) {
-					setValue(null);
-					return;
-				}
-				setValue(entry.id);
-			},
-			placeholder: "Select icon…",
-			clearLabel: "Clear",
-			renderItem: (entry) => {
-				const Icon = getIconComponent(entry.id);
-				return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [Icon ? /* @__PURE__ */ jsx(Icon, {
-						className: "h-4 w-4 shrink-0",
-						"aria-hidden": "true"
-					}) : null, /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: entry.label
+		children: () => /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				parsedValue.kind === "generated" ? /* @__PURE__ */ jsxs("div", {
+					className: `flex items-center gap-3 rounded-md border p-2 ${selectedGeneratedAssetUnavailable ? "border-destructive/40 bg-destructive/5" : "bg-muted/20"}`,
+					children: [
+						selectedGeneratedAsset?.availability === "available" ? /* @__PURE__ */ jsx("img", {
+							src: selectedGeneratedAsset.renderAsset.src,
+							alt: "",
+							className: "size-10 object-contain"
+						}) : null,
+						/* @__PURE__ */ jsxs("span", {
+							className: "min-w-0 flex-1 text-sm",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "block truncate font-medium",
+								children: selectedGeneratedAssetUnavailable ? "Generated icon unavailable" : selectedGeneratedAsset?.subjectLabel ?? "Generated icon"
+							}), selectedGeneratedAssetUnavailable ? /* @__PURE__ */ jsx("span", {
+								className: "block text-xs text-muted-foreground",
+								children: "The image file is missing or was deleted. Choose a replacement below or clear it."
+							}) : null]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							size: "sm",
+							variant: "ghost",
+							onClick: () => setValue(null),
+							children: "Clear"
+						})
+					]
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid grid-cols-2 rounded-md bg-muted p-1",
+					"aria-label": "Icon source",
+					children: [/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: source === "generated" ? "secondary" : "ghost",
+						onClick: () => setSource("generated"),
+						children: "Generated"
+					}), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: source === "symbols" ? "secondary" : "ghost",
+						onClick: () => setSource("symbols"),
+						children: "Symbols"
 					})]
-				});
-			}
+				}),
+				source === "symbols" ? /* @__PURE__ */ jsx(Combobox, {
+					items: options.map((opt) => ({
+						id: opt.id,
+						label: opt.label,
+						searchText: opt.searchText,
+						item: opt
+					})),
+					value: selected,
+					onSelect: (entry) => {
+						if (!entry) {
+							setValue(null);
+							return;
+						}
+						setValue(entry.id);
+					},
+					placeholder: "Select icon…",
+					clearLabel: "Clear",
+					renderItem: (entry) => {
+						const Icon = getIconComponent(entry.id);
+						return /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [Icon ? /* @__PURE__ */ jsx(Icon, {
+								className: "h-4 w-4 shrink-0",
+								"aria-hidden": "true"
+							}) : null, /* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: entry.label
+							})]
+						});
+					}
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2 rounded-md border p-2",
+					children: [
+						/* @__PURE__ */ jsx("label", {
+							className: "sr-only",
+							htmlFor: `${path}-generated-icon-search`,
+							children: "Search generated icons"
+						}),
+						/* @__PURE__ */ jsx("input", {
+							id: `${path}-generated-icon-search`,
+							type: "search",
+							value: generatedQuery,
+							onChange: (event) => setGeneratedQuery(event.currentTarget.value),
+							placeholder: "Search generated icons…",
+							className: "h-9 w-full rounded-md border bg-background px-3 text-sm"
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "max-h-56 overflow-y-auto",
+							children: library.kind === "loading" ? /* @__PURE__ */ jsx("p", {
+								className: "py-6 text-center text-sm text-muted-foreground",
+								children: "Loading generated icons…"
+							}) : library.kind === "failed" && library.sets.length === 0 ? /* @__PURE__ */ jsx("p", {
+								role: "alert",
+								className: "py-6 text-center text-sm text-destructive",
+								children: library.message
+							}) : generatedAssets.length === 0 ? /* @__PURE__ */ jsx("p", {
+								className: "py-6 text-center text-sm text-muted-foreground",
+								children: "Generated icons will appear here after you make a set."
+							}) : visibleGeneratedAssets.length === 0 ? /* @__PURE__ */ jsx("p", {
+								className: "py-6 text-center text-sm text-muted-foreground",
+								children: "No generated icons match that search."
+							}) : /* @__PURE__ */ jsx("div", {
+								className: "grid grid-cols-4 gap-2",
+								children: visibleGeneratedAssets.map(({ asset }) => {
+									const iconValue = parseBlockIconValue(asset.iconValue);
+									if (iconValue.kind !== "generated" || asset.availability !== "available") return null;
+									const isSelected = parsedValue.kind === "generated" && parsedValue.assetId === iconValue.assetId;
+									return /* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: `flex aspect-square items-center justify-center rounded-md border p-1 transition-colors hover:bg-muted ${isSelected ? "border-primary ring-1 ring-primary" : ""}`,
+										"aria-label": `Use ${asset.subjectLabel}`,
+										"aria-pressed": isSelected,
+										onClick: () => setValue(iconValue),
+										children: /* @__PURE__ */ jsx("img", {
+											src: asset.renderAsset.src,
+											alt: "",
+											className: "size-full object-contain"
+										})
+									}, `${iconValue.setId}:${iconValue.assetId}`);
+								})
+							})
+						}),
+						library.loadMore ? /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							className: "w-full",
+							disabled: library.kind === "loading_more",
+							onClick: library.loadMore,
+							children: library.kind === "loading_more" ? "Loading more…" : "Load more icons"
+						}) : null
+					]
+				})
+			]
 		})
 	});
 }
@@ -60706,11 +61461,14 @@ function buildPreviewDashboardSetupUrl(dashboardBaseUrl, handoff) {
 //#region ../preview-next/src/client/preview/sidebarTabPreference.ts
 const STORAGE_KEY = "preview-sidebar-tab";
 const REQUEST_EVENT = "riverbank:preview-sidebar:request-open";
+function normalizeOpenRequest(input) {
+	return parsePreviewSidebarOpenRequestDetail(typeof input === "string" ? { tab: input } : input);
+}
 function parsePreviewSidebarOpenRequestDetail(detail) {
-	const request = isRecord$9(detail) ? detail : {};
+	const request = isRecord$10(detail) ? detail : {};
 	return {
 		tab: resolvePreviewSidebarTab(request.tab === "assistant" ? "assistant" : "editor"),
-		...request.designRow === "header" || request.designRow === "footer" ? { designRow: request.designRow } : {}
+		...isPreviewDesignRow(request.designRow) ? { designRow: request.designRow } : {}
 	};
 }
 function getPreviewSidebarTab() {
@@ -60727,18 +61485,27 @@ function setPreviewSidebarTab(tab) {
 		window.localStorage.setItem(STORAGE_KEY, resolvePreviewSidebarTab(tab));
 	} catch {}
 }
+function requestPreviewSidebarOpen(input) {
+	if (typeof window === "undefined") return;
+	const request = normalizeOpenRequest(input);
+	setPreviewSidebarTab(request.tab);
+	window.dispatchEvent(new window.CustomEvent(REQUEST_EVENT, { detail: request }));
+}
 function onPreviewSidebarOpenRequest(handler) {
 	if (typeof window === "undefined") return () => void 0;
 	const listener = (event) => {
-		if (!(event instanceof CustomEvent)) return;
+		if (!("detail" in event)) return;
 		handler(parsePreviewSidebarOpenRequestDetail(event.detail));
 	};
 	window.addEventListener(REQUEST_EVENT, listener);
 	return () => window.removeEventListener(REQUEST_EVENT, listener);
 }
-function isRecord$9(value) {
+function isRecord$10(value) {
 	return typeof value === "object" && value !== null;
 }
+function isPreviewDesignRow(value) {
+	return value === "header" || value === "footer" || value === "header-layout" || value === "header-style" || value === "footer-layout";
+}
 //#endregion
 //#region ../preview-next/src/client/preview/previewChromeSurface.ts
 const PREVIEW_CHROME_THEME_CLASS_NAME = "builder-dashboard-chrome-theme";
@@ -60934,14 +61701,14 @@ function backgroundCapabilityFromModes(modeCapabilities) {
 	};
 }
 function parseBackgroundOverrideFromContent(content) {
-	return parseBackgroundOverride((isRecord$8(content._sectionStyles) ? content._sectionStyles : null)?.background);
+	return parseBackgroundOverride((isRecord$9(content._sectionStyles) ? content._sectionStyles : null)?.background);
 }
 function parseBackgroundOverride(value) {
 	if (value === null || value === void 0) return {
 		kind: "supported",
 		override: DEFAULT_BACKGROUND_OVERRIDE
 	};
-	if (!isRecord$8(value)) return {
+	if (!isRecord$9(value)) return {
 		kind: "legacy",
 		reason: "unsupported-shape",
 		background: {}
@@ -61057,7 +61824,7 @@ function serializeBackgroundOverride(override) {
 	}
 }
 function applyBackgroundOverrideContentPatch(content, override) {
-	const sectionStyles = isRecord$8(content._sectionStyles) ? content._sectionStyles : {};
+	const sectionStyles = isRecord$9(content._sectionStyles) ? content._sectionStyles : {};
 	const serialized = serializeBackgroundOverride(override);
 	if (serialized === null) return withSectionStyles(content, omitRecordKey$1(sectionStyles, "background"));
 	return withSectionStyles(content, {
@@ -61286,7 +62053,7 @@ function imageAllowed(mediaId, pool) {
 	return pool?.some((item) => item.mediaId === mediaId) ?? false;
 }
 function parseImageMediaAssetId(value) {
-	if (!isRecord$8(value)) return { kind: "missing" };
+	if (!isRecord$9(value)) return { kind: "missing" };
 	if (value.type !== void 0 && value.type !== "image") return { kind: "missing" };
 	const parsed = parseMediaAssetId(value.assetId);
 	if (!parsed.ok) return value.assetId === void 0 || value.assetId === null ? { kind: "missing" } : { kind: "invalid" };
@@ -61327,7 +62094,7 @@ function withSectionStyles(content, sectionStyles) {
 function omitRecordKey$1(content, key) {
 	return Object.fromEntries(Object.entries(content).filter(([entryKey]) => entryKey !== key));
 }
-function isRecord$8(value) {
+function isRecord$9(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -62124,8 +62891,8 @@ function contentWithPreviousLayoutVariant(currentContent, previousContent) {
 	return nextContent;
 }
 function contentWithPreviousBackground(currentContent, previousContent) {
-	const previousSectionStyles = isRecord$7(previousContent._sectionStyles) ? previousContent._sectionStyles : {};
-	const nextSectionStyles = { ...isRecord$7(currentContent._sectionStyles) ? currentContent._sectionStyles : {} };
+	const previousSectionStyles = isRecord$8(previousContent._sectionStyles) ? previousContent._sectionStyles : {};
+	const nextSectionStyles = { ...isRecord$8(currentContent._sectionStyles) ? currentContent._sectionStyles : {} };
 	if (Object.prototype.hasOwnProperty.call(previousSectionStyles, "background")) nextSectionStyles.background = previousSectionStyles.background;
 	else delete nextSectionStyles.background;
 	if (Object.keys(nextSectionStyles).length > 0) return {
@@ -62138,9 +62905,9 @@ function contentWithPreviousBackground(currentContent, previousContent) {
 }
 function withRuntimeBackgroundImageAsset(content, imageAsset) {
 	if (!imageAsset) return content;
-	const sectionStyles = isRecord$7(content._sectionStyles) ? content._sectionStyles : null;
-	const background = isRecord$7(sectionStyles?.background) ? sectionStyles.background : null;
-	const image = isRecord$7(background?.image) ? background.image : null;
+	const sectionStyles = isRecord$8(content._sectionStyles) ? content._sectionStyles : null;
+	const background = isRecord$8(sectionStyles?.background) ? sectionStyles.background : null;
+	const image = isRecord$8(background?.image) ? background.image : null;
 	if (!sectionStyles || !background || !image || background.type !== "image") return content;
 	return {
 		...content,
@@ -62153,7 +62920,7 @@ function withRuntimeBackgroundImageAsset(content, imageAsset) {
 		}
 	};
 }
-function isRecord$7(value) {
+function isRecord$8(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -62183,7 +62950,7 @@ function rollbackPreviewCustomizeDraftPatch(uiStore, patch) {
 }
 function currentLocalBlockContent(uiStore, targetBlockId) {
 	const current = uiStore.getState().drafts.getCurrentValues(unsafeAsEditorBlockId(targetBlockId));
-	return isRecord$6(current) ? current : null;
+	return isRecord$7(current) ? current : null;
 }
 function replaceLocalBlockContentWithoutHistory(input) {
 	const editorBlockId = unsafeAsEditorBlockId(input.targetBlockId);
@@ -62235,7 +63002,7 @@ function localRuntimeDraftForBlock(input) {
 		}
 	};
 }
-function isRecord$6(value) {
+function isRecord$7(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -63064,25 +63831,25 @@ const INITIAL_ONBOARDING_CONFIRMATION_STATE = {
 	resendFeedback: null,
 	statusLoadFailed: false
 };
-function isRecord$5(value) {
+function isRecord$6(value) {
 	return value !== null && typeof value === "object";
 }
 function getErrorMessageFromEnvelope(payload, fallback) {
-	const error = isRecord$5(payload) ? payload.error : null;
-	const message = isRecord$5(error) ? error.message : null;
+	const error = isRecord$6(payload) ? payload.error : null;
+	const message = isRecord$6(error) ? error.message : null;
 	return typeof message === "string" && message.trim().length > 0 ? message : fallback;
 }
 function isLaunchReadiness(value) {
-	return isRecord$5(value) && Array.isArray(value.requirements) && typeof value.pendingRequiredCount === "number" && typeof value.pendingRecommendedCount === "number" && typeof value.pendingOptionalCount === "number" && isRecord$5(value.goLiveDecision) && (value.goLiveDecision.kind === "allowed" || value.goLiveDecision.kind === "blocked");
+	return isRecord$6(value) && Array.isArray(value.requirements) && typeof value.pendingRequiredCount === "number" && typeof value.pendingRecommendedCount === "number" && typeof value.pendingOptionalCount === "number" && isRecord$6(value.goLiveDecision) && (value.goLiveDecision.kind === "allowed" || value.goLiveDecision.kind === "blocked");
 }
 function isOnboardingPreviewStatusResponse(value) {
-	return isRecord$5(value) && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
+	return isRecord$6(value) && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
 }
 function isResendOnboardingPreviewConfirmationResponse(value) {
-	return isRecord$5(value) && (value.result === "resent" || value.result === "already_confirmed") && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
+	return isRecord$6(value) && (value.result === "resent" || value.result === "already_confirmed") && typeof value.dashboardUnlocked === "boolean" && typeof value.requiresEmailConfirmation === "boolean" && isLaunchReadiness(value.launchReadiness);
 }
 function getSuccessData(payload, isData) {
-	if (!isRecord$5(payload) || payload.success !== true || !isData(payload.data)) return null;
+	if (!isRecord$6(payload) || payload.success !== true || !isData(payload.data)) return null;
 	return payload.data;
 }
 function useOnboardingConfirmationCheck(input) {
@@ -64004,10 +64771,162 @@ function cycleAvailabilityFromFlags(input) {
 	return { kind: "available" };
 }
 //#endregion
+//#region ../preview-next/src/client/preview/CustomizeColorTokenPicker.tsx
+function CustomizeColorTokenPicker({ title, selectedToken, recommendedTokens, advancedTokens = [], disabled = false, columnsClassName = "grid-cols-2", showTitle = true, labelForToken, swatchColorForToken, onChooseToken }) {
+	if (recommendedTokens.length === 0 && advancedTokens.length === 0) return null;
+	const renderGrid = (tokens) => /* @__PURE__ */ jsx("div", {
+		className: `grid gap-1 ${columnsClassName}`,
+		children: tokens.map((token) => /* @__PURE__ */ jsx(ColorTokenButton, {
+			token,
+			label: labelForToken(token),
+			swatchColor: swatchColorForToken(token),
+			selected: selectedToken === token,
+			disabled,
+			onClick: (event) => onChooseToken(token, event)
+		}, token))
+	});
+	return /* @__PURE__ */ jsxs("div", { children: [
+		showTitle ? /* @__PURE__ */ jsx("div", {
+			className: "mb-1 text-xs font-medium text-muted-foreground",
+			children: title
+		}) : null,
+		renderGrid(recommendedTokens),
+		advancedTokens.length > 0 ? /* @__PURE__ */ jsxs("details", {
+			className: "mt-1",
+			children: [/* @__PURE__ */ jsx("summary", {
+				className: "cursor-pointer text-xs text-muted-foreground",
+				children: "More colors"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-1",
+				children: renderGrid(advancedTokens)
+			})]
+		}) : null
+	] });
+}
+function CustomizeBackgroundColorPicker({ title = "Colors", selectedToken, recommendedTokens, advancedTokens = [], disabled = false, columnsClassName = "grid-cols-2", defaultSelected = false, defaultLabel = "Default", labelForToken, swatchColorForToken, onChooseDefault, onChooseToken }) {
+	const hasTokens = recommendedTokens.length > 0 || advancedTokens.length > 0;
+	if (!onChooseDefault && !hasTokens) return null;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "mb-2 flex items-center justify-between gap-2",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "text-xs font-medium text-muted-foreground",
+			children: title
+		}), onChooseDefault ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: `rounded-md border px-2 py-1 text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${defaultSelected ? "border-foreground" : "bg-background"}`,
+			disabled,
+			onClick: onChooseDefault,
+			children: defaultLabel
+		}) : null]
+	}), hasTokens ? /* @__PURE__ */ jsx(CustomizeColorTokenPicker, {
+		title,
+		selectedToken,
+		recommendedTokens,
+		advancedTokens,
+		disabled,
+		columnsClassName,
+		labelForToken,
+		swatchColorForToken,
+		onChooseToken,
+		showTitle: false
+	}) : null] });
+}
+function ColorTokenButton({ token, label, swatchColor, selected, disabled, onClick }) {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${selected ? "border-foreground" : "bg-background"}`,
+		disabled,
+		"aria-label": `Choose ${label}`,
+		onClick,
+		"data-token": token,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "h-3 w-3 shrink-0 rounded-full border",
+			style: { backgroundColor: swatchColor }
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		})]
+	});
+}
+//#endregion
+//#region ../preview-next/src/client/preview/CustomizeBackgroundControlRows.tsx
+function CustomizeBackgroundControlRows({ modeLabel, valueLabel, valueAriaLabel, swatch, chooserOpen, chooser, canCycleMode, canCycleValue, onCycleMode, onCycleValue, onToggleChooser }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-stretch overflow-hidden rounded-full border bg-background",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: (event) => onCycleMode("prev", event),
+						className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+						"aria-label": "Previous background mode",
+						disabled: !canCycleMode,
+						children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 flex-1 border-x px-2 py-1 text-center",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "text-xs font-medium leading-3 text-muted-foreground",
+							children: "Background:"
+						}), /* @__PURE__ */ jsx("div", {
+							className: "truncate text-xs font-semibold leading-4",
+							children: modeLabel
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: (event) => onCycleMode("next", event),
+						className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+						"aria-label": "Next background mode",
+						disabled: !canCycleMode,
+						children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-stretch overflow-hidden rounded-full border bg-background",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: (event) => onCycleValue("prev", event),
+						className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+						"aria-label": "Previous background value",
+						disabled: !canCycleValue,
+						children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
+					}),
+					/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "flex min-w-0 flex-1 items-center justify-center gap-2 border-x px-2 py-1 text-center hover:bg-muted",
+						"aria-expanded": chooserOpen,
+						"aria-label": valueAriaLabel,
+						onClick: onToggleChooser,
+						children: [swatch, /* @__PURE__ */ jsx("span", {
+							className: "truncate text-xs font-medium",
+							children: valueLabel
+						})]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: (event) => onCycleValue("next", event),
+						className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+						"aria-label": "Next background value",
+						disabled: !canCycleValue,
+						children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
+					})
+				]
+			}),
+			chooserOpen ? chooser : null
+		]
+	});
+}
+//#endregion
 //#region ../preview-next/src/client/preview/SiteChromeCustomizeButton.tsx
 function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-events-auto absolute right-2 top-2 z-50 opacity-0 transition group-focus-within/site-chrome:opacity-100 group-hover/site-chrome:opacity-100" }) {
 	const customize = useSiteChromeCustomizeOptional();
 	const popover = useCustomizePopoverController();
+	const [backgroundChooserOpen, setBackgroundChooserOpen] = useState(false);
 	const popoverSide = useSiteChromeCustomizePopoverSide({
 		open: popover.open,
 		surface,
@@ -64027,52 +64946,39 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 	}, [surfaceState]);
 	const controlPlan = useMemo(() => {
 		if (surfaceState.kind !== "available" || !background) return { cycleRows: [] };
-		return { cycleRows: [
-			...surfaceState.surface === "header" || surfaceState.surface === "footer" ? [{
-				label: "Layout",
-				valueLabel: surfaceState.currentLayoutLabel,
-				previousLabel: `Previous ${surface} Layout`,
-				nextLabel: `Next ${surface} Layout`,
-				availability: cycleAvailabilityFromFlags({
-					canCycle: cycleableLayoutOptionCount > 1,
-					applyAllowed: surfaceState.applyAllowed
-				}),
-				onPrevious: () => customize?.cycleSurfaceLayout(surface, "prev"),
-				onNext: () => customize?.cycleSurfaceLayout(surface, "next")
-			}] : [],
-			{
-				label: "Look",
-				valueLabel: surfaceState.currentLabel,
-				previousLabel: `Previous ${surface} Look`,
-				nextLabel: `Next ${surface} Look`,
-				availability: cycleAvailabilityFromFlags({
-					canCycle: cycleableOptionCount > 1,
-					applyAllowed: surfaceState.applyAllowed
-				}),
-				onPrevious: () => customize?.cycleSurfaceLook(surface, "prev"),
-				onNext: () => customize?.cycleSurfaceLook(surface, "next")
-			},
-			...background.available ? [{
-				label: "Background",
-				valueLabel: background.currentLabel,
-				previousLabel: `Previous ${surface} background`,
-				nextLabel: `Next ${surface} background`,
-				availability: cycleAvailabilityFromFlags({
-					canCycle: background.quickTokens.length > 0,
-					applyAllowed: surfaceState.applyAllowed
-				}),
-				onPrevious: () => customize?.cycleSurfaceBackground(surface, "prev"),
-				onNext: () => customize?.cycleSurfaceBackground(surface, "next")
-			}] : []
-		] };
+		return { cycleRows: [...surfaceState.surface === "header" || surfaceState.surface === "footer" ? [{
+			label: "Layout",
+			valueLabel: surfaceState.currentLayoutLabel,
+			previousLabel: `Previous ${surface} Layout`,
+			nextLabel: `Next ${surface} Layout`,
+			availability: cycleAvailabilityFromFlags({
+				canCycle: cycleableLayoutOptionCount > 1,
+				applyAllowed: surfaceState.applyAllowed
+			}),
+			onPrevious: () => customize?.cycleSurfaceLayout(surface, "prev"),
+			onNext: () => customize?.cycleSurfaceLayout(surface, "next")
+		}] : [], {
+			label: "Look",
+			valueLabel: surfaceState.currentLabel,
+			previousLabel: `Previous ${surface} Look`,
+			nextLabel: `Next ${surface} Look`,
+			availability: cycleAvailabilityFromFlags({
+				canCycle: cycleableOptionCount > 1,
+				applyAllowed: surfaceState.applyAllowed
+			}),
+			onPrevious: () => customize?.cycleSurfaceLook(surface, "prev"),
+			onNext: () => customize?.cycleSurfaceLook(surface, "next")
+		}] };
 	}, [
-		background,
 		customize,
 		cycleableLayoutOptionCount,
 		cycleableOptionCount,
 		surface,
 		surfaceState
 	]);
+	useEffect(() => {
+		if (!popover.open) setBackgroundChooserOpen(false);
+	}, [popover.open]);
 	return /* @__PURE__ */ jsxs(PreviewChromeFloatingControl, {
 		anchorSelector: "[data-preview-site-chrome-surface]",
 		anchorTargetSelector: surface === "header" ? SITE_CHROME_VISIBLE_HEADER_SELECTOR : void 0,
@@ -64102,10 +65008,29 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 			side: popoverSide,
 			children: [
 				controlPlan.cycleRows.map((row) => /* @__PURE__ */ jsx(CustomizeCycleRow, { ...row }, row.label)),
-				background?.available ? /* @__PURE__ */ jsx(SiteChromeBackgroundPalette, {
-					surface: surfaceState.surface,
+				background?.available ? /* @__PURE__ */ jsx(SiteChromeBackgroundControl, {
 					background,
 					applyAllowed: surfaceState.applyAllowed,
+					chooserOpen: backgroundChooserOpen,
+					onToggleChooser: (event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						setBackgroundChooserOpen((open) => !open);
+					},
+					onCycleMode: (direction, event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						chooseSiteChromeBackgroundMode({
+							background,
+							direction,
+							onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
+						});
+					},
+					onCycleValue: (direction, event) => {
+						event.preventDefault();
+						event.stopPropagation();
+						customize?.cycleSurfaceBackground(surfaceState.surface, direction);
+					},
 					onChoose: (override) => customize?.chooseSurfaceBackground(surfaceState.surface, override)
 				}) : null,
 				surfaceState.surface === "header" ? /* @__PURE__ */ jsxs("div", {
@@ -64128,7 +65053,7 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 						})]
 					}), /* @__PURE__ */ jsxs("label", {
 						className: "block text-xs font-medium text-muted-foreground",
-						children: [/* @__PURE__ */ jsx("span", { children: "Logo size" }), /* @__PURE__ */ jsx("select", {
+						children: [/* @__PURE__ */ jsx("span", { children: surfaceState.brandSizeLabel }), /* @__PURE__ */ jsx("select", {
 							className: "mt-1 h-8 w-full rounded-md border bg-background px-2 text-sm text-foreground disabled:cursor-not-allowed disabled:opacity-50",
 							value: surfaceState.logoSize,
 							onChange: (event) => {
@@ -64143,6 +65068,23 @@ function SiteChromeCustomizeButton({ surface, containerClassName = "pointer-even
 						})]
 					})]
 				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "border-t pt-2",
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "w-full rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-muted",
+						onClick: (event) => {
+							event.preventDefault();
+							event.stopPropagation();
+							requestPreviewSidebarOpen({
+								tab: "editor",
+								designRow: surfaceState.surface === "header" ? "header-style" : "footer"
+							});
+							popover.close();
+						},
+						children: "More options"
+					})
+				}),
 				surfaceState.diagnostics.length > 0 ? /* @__PURE__ */ jsx("ul", {
 					className: "space-y-1 text-xs text-amber-700",
 					children: surfaceState.diagnostics.map((diagnostic) => /* @__PURE__ */ jsx("li", { children: diagnostic }, diagnostic))
@@ -64223,77 +65165,73 @@ function chooseSiteChromeCustomizePopoverSide(input) {
 	if (measuredPanelHeight <= availableBelow) return "below";
 	return availableAbove > availableBelow ? "above" : "below";
 }
-function SiteChromeBackgroundPalette({ surface, background, applyAllowed, onChoose }) {
+function SiteChromeBackgroundControl({ background, applyAllowed, chooserOpen, onToggleChooser, onCycleMode, onCycleValue, onChoose }) {
 	const choose = (override) => (event) => {
 		event.preventDefault();
 		event.stopPropagation();
 		onChoose(override);
 	};
-	return /* @__PURE__ */ jsxs("div", {
+	const canCycleMode = applyAllowed && (background.current.kind === "color" || background.quickTokens.length > 0);
+	const canCycleValue = applyAllowed && background.current.kind === "color" && background.quickTokens.length > 1;
+	return /* @__PURE__ */ jsx("div", {
 		className: "border-t pt-3",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-2 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "text-xs font-medium text-muted-foreground",
-					children: "Background colors"
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: `rounded-md border px-2 py-1 text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${background.current.kind === "default" ? "border-foreground" : "bg-background"}`,
-					disabled: !applyAllowed,
-					onClick: choose({ kind: "default" }),
-					children: "Default"
-				})]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "grid grid-cols-3 gap-1",
-				children: background.quickTokens.map((token) => /* @__PURE__ */ jsx(BackgroundSwatchButton, {
-					token,
-					surface,
-					selected: background.current.kind === "color" && background.current.token === token,
+		children: /* @__PURE__ */ jsx(CustomizeBackgroundControlRows, {
+			modeLabel: siteChromeBackgroundModeLabel(background.current),
+			valueLabel: background.currentLabel,
+			valueAriaLabel: `Choose background ${background.currentLabel.toLowerCase()}`,
+			swatch: /* @__PURE__ */ jsx(SiteChromeBackgroundSwatch, { override: background.current }),
+			chooserOpen,
+			canCycleMode,
+			canCycleValue,
+			onCycleMode,
+			onCycleValue,
+			onToggleChooser,
+			chooser: /* @__PURE__ */ jsx("div", {
+				className: "mt-2 max-h-80 overflow-y-auto rounded-md border bg-muted/20 p-2",
+				children: /* @__PURE__ */ jsx(CustomizeBackgroundColorPicker, {
+					title: "Colors",
+					defaultSelected: background.current.kind === "default",
+					onChooseDefault: choose({ kind: "default" }),
+					selectedToken: background.current.kind === "color" ? background.current.token : null,
+					recommendedTokens: background.quickTokens,
+					advancedTokens: background.advancedTokens,
 					disabled: !applyAllowed,
-					onClick: choose({
-						kind: "color",
-						token
-					})
-				}, token))
-			}),
-			background.advancedTokens.length ? /* @__PURE__ */ jsxs("details", {
-				className: "mt-2",
-				children: [/* @__PURE__ */ jsx("summary", {
-					className: "cursor-pointer text-xs text-muted-foreground",
-					children: "More colors"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "mt-1 grid grid-cols-3 gap-1",
-					children: background.advancedTokens.map((token) => /* @__PURE__ */ jsx(BackgroundSwatchButton, {
-						token,
-						surface,
-						selected: background.current.kind === "color" && background.current.token === token,
-						disabled: !applyAllowed,
-						onClick: choose({
+					labelForToken: formatSiteChromeBackgroundTokenLabel,
+					swatchColorForToken: tokenSwatchCss$1,
+					onChooseToken: (token, event) => {
+						choose({
 							kind: "color",
 							token
-						})
-					}, token))
-				})]
-			}) : null
-		]
+						})(event);
+					}
+				})
+			})
+		})
 	});
 }
-function BackgroundSwatchButton({ token, surface, selected, disabled, onClick }) {
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50 ${selected ? "border-foreground" : "bg-background"}`,
-		disabled,
-		"aria-label": `Set ${surface} background to ${token}`,
-		onClick,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "h-3 w-3 shrink-0 rounded-full border",
-			style: { backgroundColor: tokenSwatchCss$1(token) }
-		}), /* @__PURE__ */ jsx("span", {
-			className: "truncate",
-			children: formatSiteChromeBackgroundTokenLabel(token)
-		})]
+function chooseSiteChromeBackgroundMode({ background, direction, onChoose }) {
+	if (background.current.kind === "color") {
+		onChoose({ kind: "default" });
+		return;
+	}
+	const token = direction === "next" ? background.quickTokens[0] : background.quickTokens[background.quickTokens.length - 1];
+	if (token) onChoose({
+		kind: "color",
+		token
+	});
+}
+function siteChromeBackgroundModeLabel(override) {
+	return override.kind === "default" ? "Default" : "Color";
+}
+function SiteChromeBackgroundSwatch({ override }) {
+	const baseClassName = "grid h-6 w-9 shrink-0 place-items-center overflow-hidden rounded-md border";
+	if (override.kind === "default") return /* @__PURE__ */ jsx("span", {
+		className: `${baseClassName} bg-background`,
+		children: /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full border bg-muted" })
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: baseClassName,
+		style: { backgroundColor: tokenSwatchCss$1(override.token) }
 	});
 }
 function tokenSwatchCss$1(token) {
@@ -64565,17 +65503,17 @@ function LinkedEntryEditEventBridge() {
 //#region ../preview-next/src/client/preview/PreviewShellLayout.tsx
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-BKkhhkJk.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-ywqcYjTB.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-DIvTqcqI.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DApUNF6g.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
 	isolation: "isolate",
 	transform: "translateZ(0)"
 };
-function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, apiClient, bearerToken, 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, supabaseUrl, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, themeRuntime = defaultPreviewThemeRuntime, siteStyleAccess = { kind: "hidden" } }) {
+function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseUrl = null, pageId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, apiClient, bearerToken, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonPersonalityId = null, runtimePaletteState = null, themeSelectionPaletteVariantId = null, themeSelectionPaletteOverrides = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionTypographyPresetId = null, themeSelectionTypographyBodyFontOverride = null, themeSelectionTypographyHeadingFontOverride = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, themeSelectionFooterContext, supabaseUrl, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, themeRuntime = defaultPreviewThemeRuntime, siteStyleAccess = { kind: "hidden" } }) {
 	const layout = useOptionalPreviewLayout();
 	const headerNode = layout?.headerNode ?? null;
 	const bannerNode = layout?.bannerNode ?? null;
@@ -64765,6 +65703,7 @@ function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseU
 				themeSelectionVersion,
 				themeSelectionUpdatedAt,
 				themeSelectionButtonPersonalityId,
+				runtimePaletteState,
 				themeSelectionPaletteVariantId,
 				themeSelectionPaletteOverrides,
 				themeSelectionHeaderLayoutId,
@@ -64824,6 +65763,7 @@ function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseU
 				selectionVersion: themeSelectionVersion,
 				selectionUpdatedAt: themeSelectionUpdatedAt,
 				buttonPersonalityId: themeSelectionButtonPersonalityId,
+				runtimePaletteState,
 				paletteVariantId: themeSelectionPaletteVariantId,
 				paletteOverrides: themeSelectionPaletteOverrides,
 				headerLayoutId: themeSelectionHeaderLayoutId,
@@ -64866,7 +65806,7 @@ function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseU
 }
 //#endregion
 //#region ../preview-next/src/client/preview/PreviewShell.tsx
-function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl = null, surfaceId, 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, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, supabaseUrl, themeRuntime = defaultPreviewThemeRuntime, designEditorEligibility, baseFetch }) {
+function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug, editableId, previewSession, previewToken, dashboardBaseUrl = null, surfaceId, theme, themeId = null, themeSelectionId = null, themeSelectionVersion = null, themeSelectionUpdatedAt = null, themeSelectionButtonPersonalityId = null, runtimePaletteState = null, themeSelectionPaletteVariantId = null, themeSelectionPaletteOverrides = null, themeSelectionHeaderLayoutId = null, themeSelectionHeaderStyleId = null, themeSelectionTypographyPresetId = null, themeSelectionTypographyBodyFontOverride = null, themeSelectionTypographyHeadingFontOverride = null, themeSelectionHeaderLookId = null, themeSelectionFooterLookId = null, themeSelectionHeaderContext, themeSelectionFooterContext, pageId, routeId, entryData, contentTypeSchema, referenceContentTypeKeys = [], draftContent, currentTemplate, initialStatus, initialBlocks, pageMetadata, isSiteLaunched, maintenanceModeEnabled, entrySubrouteContext, assistantPanel, sdkConfig, mediaAssets, bookingOfferingPresets, supabaseUrl, themeRuntime = defaultPreviewThemeRuntime, designEditorEligibility, baseFetch }) {
 	const apiClient = useMemo(() => createBearerAPIClient(previewToken, apiBaseUrl), [previewToken, apiBaseUrl]);
 	const resolvedDesignEditorEligibility = designEditorEligibility ?? defaultDesignEditorEligibility({
 		pageId,
@@ -64924,6 +65864,7 @@ function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug,
 								themeSelectionVersion,
 								themeSelectionUpdatedAt,
 								themeSelectionButtonPersonalityId,
+								runtimePaletteState,
 								themeSelectionPaletteVariantId,
 								themeSelectionPaletteOverrides,
 								themeSelectionHeaderLayoutId,
@@ -64963,11 +65904,11 @@ function defaultDesignEditorEligibility(input) {
 //#region ../preview-next/src/client/utils/path.ts
 const PATH_SEPARATOR_REGEX = /\./g;
 const BRACKET_ACCESS_REGEX = /\[([^\]]+)\]/g;
-function isRecord$4(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$4(value);
+	return Array.isArray(value) || isRecord$5(value);
 }
 function createPathContainer(nextIsIndex) {
 	return nextIsIndex ? [] : {};
@@ -65120,28 +66061,33 @@ function cloneRecord(value) {
 //#endregion
 //#region ../preview-next/src/client/blocks/previewProjection/runtimeContentDecoration.ts
 function runtimeContentDecorationProjectionFromEditorModel(editorModel, surfaceResolutionContext, designRules) {
+	const compiled = compileEditorModelRuntime({
+		editorModel,
+		surfaceResolutionContext,
+		designRules
+	});
 	return {
 		kind: "runtime-content-decoration",
 		source: "page-design",
-		fieldsByBlockId: buildEditorModelRuntimeFieldsByBlockId({
-			editorModel,
-			surfaceResolutionContext,
-			designRules
-		})
+		fieldsByBlockId: runtimeFieldsByBlockId(compiled.blocks),
+		boundaries: compiled.boundaries
 	};
 }
+function runtimeFieldsByBlockId(blocks) {
+	return new Map(blocks.map((block) => [block.blockId, block.fields]));
+}
 function applyRuntimeContentDecorationProjection(block, content, projection, adjacency) {
 	const blockId = designBlockIdFromBlockItem(block);
 	const retargetedFields = retargetCompiledRuntimeFieldsForContentAdjacency(blockId ? projection.fieldsByBlockId.get(blockId) : void 0, {
-		currentContent: isRecord$3(content) ? content : null,
+		currentContent: isRecord$4(content) ? content : null,
 		nextContent: adjacency?.nextContent
 	});
-	return applyCompiledRuntimeFieldsToContent(isRecord$3(content) ? content : {}, retargetedFields);
+	return applyCompiledRuntimeFieldsToContent(isRecord$4(content) ? content : {}, retargetedFields);
 }
 function designBlockIdFromBlockItem(block) {
 	return typeof block.id === "string" && block.id.length > 0 ? asDesignBlockId(block.id) : null;
 }
-function isRecord$3(value) {
+function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -65192,7 +66138,7 @@ function overlayValue(value, overlays) {
 		});
 		return changed ? next : value;
 	}
-	if (!isRecord$2(value)) return value;
+	if (!isRecord$3(value)) return value;
 	const meta = parseLinkedEntryMeta(value[LINKED_CONTENT_ENTRY_META_KEY]);
 	if (meta) {
 		const overlay = overlays.get(unsafeAsLinkedContentEntryId(meta.entryId));
@@ -65258,7 +66204,7 @@ function resolveOverlayTitle(content, meta) {
 function parseLinkedEntryMeta(value) {
 	return getLinkedContentEntryMeta({ [LINKED_CONTENT_ENTRY_META_KEY]: value });
 }
-function isRecord$2(value) {
+function isRecord$3(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -65300,9 +66246,9 @@ function readProjectedDraftRenderContent(block, editorBlockId, snap, projections
 	return applyPreviewContentFieldProjections(editorBlockId, snap?.current ?? snap?.baseline ?? block.content ?? block.publishedContent ?? null, projections);
 }
 function renderContent(block, content, projections, linkedEntryOverlays, nextContent) {
-	return applyPreviewRuntimeContentProjections(block, applyLinkedEntryRenderOverlay(content, linkedEntryOverlays), projections, { nextContent: isRecord$1(nextContent) ? nextContent : null });
+	return applyPreviewRuntimeContentProjections(block, applyLinkedEntryRenderOverlay(content, linkedEntryOverlays), projections, { nextContent: isRecord$2(nextContent) ? nextContent : null });
 }
-function isRecord$1(value) {
+function isRecord$2(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -65517,7 +66463,7 @@ const editorRegistry = {
 };
 //#endregion
 //#region ../preview-next/src/client/blocks/isRecord.ts
-function isRecord(value) {
+function isRecord$1(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 //#endregion
@@ -65691,7 +66637,7 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 	const uiStore = useEditorUiStoreInstance();
 	const editorBlockId = useMemo(() => unsafeAsEditorBlockId(blockId), [blockId]);
 	const draftContent = useEditorUiStore((state) => state.drafts.getCurrentValues(editorBlockId));
-	const customizeContent = useMemo(() => isRecord(draftContent) ? draftContent : content, [content, draftContent]);
+	const customizeContent = useMemo(() => isRecord$1(draftContent) ? draftContent : content, [content, draftContent]);
 	const customizeSelection = usePreviewBlockCustomizeSelectionOptional();
 	const popover = useCustomizePopoverController();
 	const focusTarget = useMemo(() => computeDefaultFocus(blockKind, customizeContent), [blockKind, customizeContent]);
@@ -65980,99 +66926,37 @@ function renderBlockCustomizeBuiltinRow(row, context) {
 		}, "look");
 		case "background":
 			if (context.currentBackground.kind !== "supported" || !context.backgroundCapability) return null;
-			return /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-stretch overflow-hidden rounded-full border bg-background",
-						children: [
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: context.handleBackgroundCycle({
-									kind: "cycle-mode",
-									direction: "prev"
-								}),
-								className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-								"aria-label": "Previous background mode",
-								disabled: !context.canCycleBackgroundMode,
-								children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "min-w-0 flex-1 border-x px-2 py-1 text-center",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "text-xs font-medium leading-3 text-muted-foreground",
-									children: "Background:"
-								}), /* @__PURE__ */ jsx("div", {
-									className: "truncate text-xs font-semibold leading-4",
-									children: backgroundModeLabel(context.currentBackground.override.kind)
-								})]
-							}),
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: context.handleBackgroundCycle({
-									kind: "cycle-mode",
-									direction: "next"
-								}),
-								className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-								"aria-label": "Next background mode",
-								disabled: !context.canCycleBackgroundMode,
-								children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
-							})
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-stretch overflow-hidden rounded-full border bg-background",
-						children: [
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: context.handleBackgroundCycle({
-									kind: "cycle-value",
-									direction: "prev"
-								}),
-								className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-								"aria-label": "Previous background value",
-								disabled: !context.canCycleBackgroundValue,
-								children: /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-							}),
-							/* @__PURE__ */ jsxs("button", {
-								type: "button",
-								className: "flex min-w-0 flex-1 items-center justify-center gap-2 border-x px-2 py-1 text-center hover:bg-muted",
-								"aria-expanded": context.backgroundChooserOpen,
-								"aria-label": `Choose background ${backgroundOverrideLabel(context.currentBackground.override).toLowerCase()}`,
-								onClick: (event) => {
-									event.preventDefault();
-									event.stopPropagation();
-									context.onToggleBackgroundChooser();
-								},
-								children: [/* @__PURE__ */ jsx(BackgroundPreviewSwatch, {
-									override: context.currentBackground.override,
-									imagePool: context.mergedBackgroundImagePool
-								}), /* @__PURE__ */ jsx("span", {
-									className: "truncate text-xs font-medium",
-									children: backgroundOverrideValueLabel(context.currentBackground.override, context.mergedBackgroundImagePool)
-								})]
-							}),
-							/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: context.handleBackgroundCycle({
-									kind: "cycle-value",
-									direction: "next"
-								}),
-								className: "grid h-8 w-8 place-items-center hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
-								"aria-label": "Next background value",
-								disabled: !context.canCycleBackgroundValue,
-								children: /* @__PURE__ */ jsx(ChevronRight, { size: 14 })
-							})
-						]
-					}),
-					context.backgroundChooserOpen ? /* @__PURE__ */ jsx(BackgroundChooser, {
-						capability: context.backgroundCapability,
-						current: context.currentBackground.override,
-						imagePoolStatus: context.imagePoolStatus,
-						onChoose: context.onChooseBackgroundOverride
-					}) : null
-				]
-			}, "background");
+			return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CustomizeBackgroundControlRows, {
+				modeLabel: backgroundModeLabel(context.currentBackground.override.kind),
+				valueLabel: backgroundOverrideValueLabel(context.currentBackground.override, context.mergedBackgroundImagePool),
+				valueAriaLabel: `Choose background ${backgroundOverrideLabel(context.currentBackground.override).toLowerCase()}`,
+				swatch: /* @__PURE__ */ jsx(BackgroundPreviewSwatch, {
+					override: context.currentBackground.override,
+					imagePool: context.mergedBackgroundImagePool
+				}),
+				chooserOpen: context.backgroundChooserOpen,
+				canCycleMode: context.canCycleBackgroundMode,
+				canCycleValue: context.canCycleBackgroundValue,
+				onCycleMode: (direction, event) => context.handleBackgroundCycle({
+					kind: "cycle-mode",
+					direction
+				})(event),
+				onCycleValue: (direction, event) => context.handleBackgroundCycle({
+					kind: "cycle-value",
+					direction
+				})(event),
+				onToggleChooser: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					context.onToggleBackgroundChooser();
+				},
+				chooser: /* @__PURE__ */ jsx(BackgroundChooser, {
+					capability: context.backgroundCapability,
+					current: context.currentBackground.override,
+					imagePoolStatus: context.imagePoolStatus,
+					onChoose: context.onChooseBackgroundOverride
+				})
+			}) }, "background");
 		case "facet": return /* @__PURE__ */ jsx(CustomizeCycleRow, {
 			label: row.control.label,
 			valueLabel: row.control.valueLabel,
@@ -66108,54 +66992,22 @@ function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
 		}, { selectedImage });
 		setMediaPickerOpenKey(0);
 	};
-	const renderColorOptions = () => recommendedTokens.length || advancedTokens.length ? /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: "mb-1 text-xs font-medium text-muted-foreground",
-			children: "Colors"
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-2 gap-1",
-			children: recommendedTokens.map((token) => /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted ${current.kind === "color" && current.token === token ? "border-foreground" : "bg-background"}`,
-				onClick: chooseFromClick({
-					kind: "color",
-					token
-				}),
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "h-3 w-3 shrink-0 rounded-full border",
-					style: { backgroundColor: tokenSwatchCss(token) }
-				}), /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: formatTokenLabel(token)
-				})]
-			}, token))
-		}),
-		advancedTokens.length ? /* @__PURE__ */ jsxs("details", {
-			className: "mt-1",
-			children: [/* @__PURE__ */ jsx("summary", {
-				className: "cursor-pointer text-xs text-muted-foreground",
-				children: "More colors"
-			}), /* @__PURE__ */ jsx("div", {
-				className: "mt-1 grid grid-cols-2 gap-1",
-				children: advancedTokens.map((token) => /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					className: `flex min-w-0 items-center gap-2 rounded-md border px-2 py-1 text-left text-xs hover:bg-muted ${current.kind === "color" && current.token === token ? "border-foreground" : "bg-background"}`,
-					onClick: chooseFromClick({
-						kind: "color",
-						token
-					}),
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "h-3 w-3 shrink-0 rounded-full border",
-						style: { backgroundColor: tokenSwatchCss(token) }
-					}), /* @__PURE__ */ jsx("span", {
-						className: "truncate",
-						children: formatTokenLabel(token)
-					})]
-				}, token))
-			})]
-		}) : null
-	] }) : null;
+	const renderColorOptions = () => /* @__PURE__ */ jsx(CustomizeBackgroundColorPicker, {
+		title: "Colors",
+		selectedToken: current.kind === "color" ? current.token : null,
+		recommendedTokens,
+		advancedTokens,
+		defaultSelected: current.kind === "default",
+		onChooseDefault: capability.modes.includes("default") ? chooseFromClick(defaultBackgroundOverrideForMode("default", capability)) : void 0,
+		labelForToken: formatTokenLabel,
+		swatchColorForToken: tokenSwatchCss,
+		onChooseToken: (token, event) => {
+			chooseFromClick({
+				kind: "color",
+				token
+			})(event);
+		}
+	});
 	const renderGradientOptions = () => capability.gradientIds?.length ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 		className: "mb-1 text-xs font-medium text-muted-foreground",
 		children: "Gradients"
@@ -66260,16 +67112,7 @@ function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "mt-2 max-h-80 overflow-y-auto rounded-md border bg-muted/20 p-2",
 		children: [
-			current.kind === "default" ? /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				className: "flex w-full items-center gap-2 rounded-md border border-foreground bg-background px-2 py-1 text-left text-xs",
-				onClick: chooseFromClick(defaultBackgroundOverrideForMode("default", capability)),
-				children: [/* @__PURE__ */ jsx(BackgroundPreviewSwatch, {
-					override: current,
-					imagePool: images
-				}), /* @__PURE__ */ jsx("span", { children: "Default background" })]
-			}) : null,
-			current.kind === "color" ? renderColorOptions() : null,
+			current.kind === "default" || current.kind === "color" ? renderColorOptions() : null,
 			current.kind === "gradient" ? renderGradientOptions() : null,
 			current.kind === "image" ? renderImageOptions() : null
 		]
@@ -66297,13 +67140,13 @@ function findFirstFieldPath(fields, data, prefix) {
 		if (Array.isArray(field.visibleRoles) && !field.visibleRoles.includes("author")) continue;
 		const nextPrefix = [...prefix, field.id];
 		if (field.type === "group") {
-			const groupValue = isRecord(data) ? data[field.id] : void 0;
+			const groupValue = isRecord$1(data) ? data[field.id] : void 0;
 			const nested = findFirstFieldPath(field.schema.fields, groupValue, nextPrefix);
 			if (nested) return nested;
 			continue;
 		}
 		if (field.type === "repeater" && field.schema) {
-			const collection = isRecord(data) ? data[field.id] : void 0;
+			const collection = isRecord$1(data) ? data[field.id] : void 0;
 			const items = isUnknownArray(collection) ? collection : [];
 			if (items.length > 0) {
 				const firstItem = items[0];
@@ -66785,7 +67628,8 @@ function EditablePageRenderer(props) {
 		return [
 			snapshots.map((s) => `${s.id}:${s.version}`).join("|"),
 			linkedEntries.map((entry) => `${entry.meta.entryId}:${entry.version}`).join("|"),
-			`overlay:${overlayRevision}`
+			`overlay:${overlayRevision}`,
+			`generated-icons:${state.generatedIconAssets?.revision ?? 0}`
 		].join("|");
 	});
 	const linkedEntryOverlays = useMemo(() => {
@@ -66831,6 +67675,35 @@ function EditablePageRenderer(props) {
 		uiStore,
 		renderStateVersion
 	]) ?? pageRendererProps.page;
+	const runtimeBoundaries = useMemo(() => retargetRuntimeBoundariesForRenderPage(runtimeProjection?.boundaries ?? pageRendererProps.runtimeBoundaries ?? [], renderPage), [
+		pageRendererProps.runtimeBoundaries,
+		renderPage,
+		runtimeProjection
+	]);
+	const renderedBlockById = useMemo(() => {
+		return new Map((renderPage?.blocks ?? []).filter((block) => Boolean(block.id)).map((block) => [block.id, block]));
+	}, [renderPage?.blocks]);
+	const wrapBoundaryWithControl = useCallback((boundary, rendered) => {
+		const previousBlock = renderedBlockById.get(boundary.previousBlockId);
+		const nextBlock = renderedBlockById.get(boundary.nextBlockId);
+		const control = !isEntryTemplatePage && previousBlock && nextBlock ? /* @__PURE__ */ jsx(BoundaryControl, {
+			previousBlockId: asDesignBlockId(boundary.previousBlockId),
+			nextBlockId: asDesignBlockId(boundary.nextBlockId),
+			previousBlockKind: previousBlock.kind,
+			nextBlockKind: nextBlock.kind
+		}) : null;
+		const wrapped = pageRendererProps.wrapBoundary ? pageRendererProps.wrapBoundary(boundary, rendered) : rendered;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			"data-preview-boundary-wrapper": "",
+			"data-boundary-id": boundary.boundaryId,
+			children: [wrapped, control]
+		});
+	}, [
+		isEntryTemplatePage,
+		pageRendererProps.wrapBoundary,
+		renderedBlockById
+	]);
 	const wrapBlockWithProvider = useCallback((blockId, rendered) => {
 		const renderedBlocks = renderPage?.blocks ?? [];
 		const controllerBlockIndex = blockItemsForRender.findIndex((b) => b.id === blockId);
@@ -66838,9 +67711,6 @@ function EditablePageRenderer(props) {
 		const blockIndex = controllerBlockIndex >= 0 ? controllerBlockIndex : renderedBlockIndex;
 		const chromeBlocks = controllerBlockIndex >= 0 ? blockItemsForRender : renderedBlocks;
 		const block = blockIndex >= 0 ? chromeBlocks[blockIndex] ?? null : null;
-		const previousBlock = blockIndex > 0 ? chromeBlocks[blockIndex - 1] ?? null : null;
-		const canonicalBlockIndex = blockItems.findIndex((b) => b.id === blockId);
-		const canonicalPreviousBlock = canonicalBlockIndex > 0 ? blockItems[canonicalBlockIndex - 1] ?? null : null;
 		const editorBlockId = unsafeAsEditorBlockId(blockId);
 		if (!block) return /* @__PURE__ */ jsx(EditableBlockProvider, {
 			blockId,
@@ -66853,12 +67723,7 @@ function EditablePageRenderer(props) {
 			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [rendered, /* @__PURE__ */ jsxs(Fragment$1, { children: [blockHasPreviewContentFieldProjection(editorBlockId, aiProjections) ? /* @__PURE__ */ jsx("span", {
 				className: "pointer-events-none absolute left-2 top-2 z-10 rounded-full bg-amber-500/90 px-2 py-0.5 text-[10px] font-semibold uppercase text-white shadow",
 				children: "AI"
-			}) : null, !isEntryTemplatePage ? /* @__PURE__ */ jsxs(Fragment$1, { children: [previousBlock?.id && canonicalPreviousBlock?.id === previousBlock.id ? /* @__PURE__ */ jsx(BoundaryControl, {
-				previousBlockId: asDesignBlockId(previousBlock.id),
-				nextBlockId: asDesignBlockId(blockId),
-				previousBlockKind: previousBlock.kind,
-				nextBlockKind: block.kind
-			}) : null, /* @__PURE__ */ jsx(BlockToolbar, {
+			}) : null, !isEntryTemplatePage ? /* @__PURE__ */ jsx(BlockToolbar, {
 				blockId,
 				blockKind: block.kind,
 				content,
@@ -66869,11 +67734,10 @@ function EditablePageRenderer(props) {
 					blockIndex,
 					headerClearance
 				})
-			})] }) : null] })] })
+			}) : null] })] })
 		});
 	}, [
 		aiProjections,
-		blockItems,
 		blockItemsForRender,
 		headerClearance,
 		isEntryTemplatePage,
@@ -66887,17 +67751,55 @@ function EditablePageRenderer(props) {
 		dataContext: linkedEntryDataContext,
 		apiClient: blockDataApiClient
 	});
-	const dataContext = useMemo(() => mergeResolvedDataContext(linkedEntryDataContext, liveResolvedData), [linkedEntryDataContext, liveResolvedData]);
+	const generatedIconAssetOverlay = useMemo(() => {
+		const byBlock = {};
+		for (const block of renderPage.blocks) {
+			if (!block.id) continue;
+			const assets = uiStore.getState().generatedIconAssets?.getForBlock(unsafeAsEditorBlockId(block.id)) ?? [];
+			if (assets.length > 0) byBlock[block.id] = assets;
+		}
+		return byBlock;
+	}, [
+		renderPage.blocks,
+		renderStateVersion,
+		uiStore
+	]);
+	const dataContext = useMemo(() => mergeGeneratedIconAssetsIntoDataContext(mergeResolvedDataContext(linkedEntryDataContext, liveResolvedData), generatedIconAssetOverlay), [
+		generatedIconAssetOverlay,
+		linkedEntryDataContext,
+		liveResolvedData
+	]);
 	return /* @__PURE__ */ jsx(PageRenderer, {
 		...pageRendererProps,
 		page: renderPage,
+		runtimeBoundaries,
 		registry: allowInlineEditing ? editorRegistry : pageRendererProps.registry ?? clientComponentRegistry,
 		wrapBlock: allowInlineEditing ? wrapBlockWithProvider : pageRendererProps.wrapBlock,
+		wrapBoundary: allowInlineEditing ? wrapBoundaryWithControl : pageRendererProps.wrapBoundary,
 		dataContext,
 		previewAuthoring,
 		usePlaceholders: true
 	});
 }
+function retargetRuntimeBoundariesForRenderPage(boundaries, page) {
+	if (!boundaries?.length) return boundaries;
+	const blockById = new Map(page.blocks.filter((block) => Boolean(block.id)).map((block) => [block.id, block]));
+	return boundaries.map((boundary) => {
+		const currentBlock = blockById.get(boundary.previousBlockId);
+		const nextBlock = blockById.get(boundary.nextBlockId);
+		return retargetCompiledBoundaryRuntimeForContentAdjacency(boundary, {
+			currentContent: renderableBoundaryContent(currentBlock),
+			nextContent: renderableBoundaryContent(nextBlock)
+		});
+	});
+}
+function renderableBoundaryContent(block) {
+	const source = block?.draftContent ?? block?.content ?? null;
+	return isRecord(source) ? source : null;
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
 function usePreviewBlockResolvedData(args) {
 	const { page, dataContext, apiClient } = args;
 	const cacheKey = useMemo(() => {
@@ -66929,14 +67831,16 @@ function usePreviewBlockResolvedData(args) {
 		}
 		let cancelled = false;
 		const context = buildPreviewBlockDataContext(dataContext);
-		prefetchBlockData(page, context, {
-			apiClient: createPreviewBlockDataApiClient(apiClient, context),
+		const loaderClient = createPreviewBlockDataApiClient(apiClient, context);
+		Promise.all([prefetchBlockData(page, context, {
+			apiClient: loaderClient,
 			isValidEndpoint: isSupportedLoaderEndpoint,
 			onError: () => {}
-		}).then((data) => {
+		}), prefetchGeneratedIconAssets(page, dataContext.siteId, apiClient).catch(() => ({}))]).then(([data, generatedIconAssets]) => {
+			const merged = mergeGeneratedIconAssets(data, generatedIconAssets);
 			if (!cancelled) setResolvedData({
 				key: cacheKey,
-				data
+				data: merged
 			});
 		}).catch(() => {});
 		return () => {
@@ -66950,6 +67854,25 @@ function usePreviewBlockResolvedData(args) {
 	]);
 	return resolvedData?.data ?? null;
 }
+async function prefetchGeneratedIconAssets(page, siteId, apiClient) {
+	const blockRefs = collectGeneratedIconAssetRefs(page);
+	if (blockRefs.length === 0) return {};
+	return mapGeneratedIconAssetsToBlocks(blockRefs, unwrapResponse(await apiClient({
+		endpoint: "getGeneratedIconRenderAssets",
+		params: { siteId },
+		body: { refs: dedupeGeneratedIconAssetRefs(blockRefs) }
+	})).assets);
+}
+function mergeGeneratedIconAssets(resolvedData, byBlock) {
+	return mergeGeneratedIconAssetsIntoResolvedData(resolvedData, byBlock);
+}
+function mergeGeneratedIconAssetsIntoDataContext(dataContext, byBlock) {
+	if (!dataContext || Object.keys(byBlock).length === 0) return dataContext;
+	return {
+		...dataContext,
+		resolvedData: mergeGeneratedIconAssets(dataContext.resolvedData ?? {}, byBlock)
+	};
+}
 function buildPreviewBlockDataContext(dataContext) {
 	return {
 		siteId: dataContext.siteId,