@riverbankcms/sdk 0.103.0 → 0.104.1

package/dist/{SdkPreviewModeRuntime-5bCsXK2y.mjs → SdkPreviewModeRuntime-Eks51NcN.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { $ as PreviewRichTextEditor, $a as eventCalendarListLayoutOptions, $c as getModalConfig, $d as ChevronsUpDown, $i as isThemeV2NormalEditorRawStyleFieldName, $l as CardTitle, $n as buildEventCalendarListingRender, $o as splitPositioningClasses, $r as ctaCopyFragment, $s as PlayIcon, $t as deleteEntrySlotBlock, $u as parseSiteId, Aa as resolveOfferingsPreviewGroupCta, Ac as resolveMediaTransformForAspect, Ad as Minus, Ai as surfaceResolutionContextFromTheme, Al as TabsTrigger, An as SITE_CHROME_VISIBLE_HEADER_SELECTOR, Ao as formatEventPrice, Ar as formatCommercePrice, As as ArrowDownIcon, At as createRoutingHelpers, Au as unsafeAsEditorBlockId, Ba as resolveEventListPaginationAction, Bc as generateShadowValue$1, Bd as FilePlay, Bi as defaultSectionTransitionVariantForFamily, Bl as DialogFooter, Bn as isInternalResolvedLinkValue, Bo as getLocalDateKey, Br as augmentManifestWithStyleGroups, Bs as CirclePlusIcon, Bt as ManifestForm, Bu as resolveBookingTimeZoneId, Ca as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, Cc as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, Cd as RotateCcw, Ci as retargetCompiledRuntimeFieldsForContentAdjacency, Cl as Popover, Cn as isSupportedLoaderEndpoint, Co as featuresFromHex, Cr as buildProductDetailInteractiveIslandProps, Cs as resolveBlockIconRenderValue, Ct as pushHistoryEntry, Cu as cva, Da as normalizeOfferingsPreviewGroupOrder, Dc as normalizeRightAngle, Dl as Tabs, Dn as listBlockDescriptors, Do as formatDate$3, Dr as buildCartDisplay, Ds as SEMANTIC_ICON_DEFINITIONS, Dt as recordsEqual, Du as createEditorInsertBlockCommand, Ea as isOfferingsPreviewSourceKey, Ec as isRotationDimensionSwap, Ed as Pencil, Ei as resolveVisiblePromotedFieldPathsForEditorBlock, El as Input, En as getBlockDefinition, Eo as toLocationMapHydrationProps, Er as getShopDisplayForItems, Es as resolveIconPickerPreset, Et as unsafeAsLinkedContentEntryId, Eu as clsx, Fa as buildEventRuntimeFilters, Fc as siblingPath$1, Fd as ImagePlus, Fl as ScrollableDialogContent, Fn as mediaTransforms, Fo as getContainerClass, Fr as deriveCommerceCheckoutState, Fs as ChevronDownIcon, Ft as PaletteProvider, Fu as formatBookingInstant, G as beginAutosaveBatch, Ga as columnOptionSchema, Gc as themeButtonClassName, Gd as EllipsisVertical, Gi as backgroundAppearanceColorTokenNames, Gn as productDetailBlockDefinition, Go as createInteractiveIslandCodec, Gr as faqHeadingFragment, Gs as FileAudioIcon, Gt as createStoreBackend, Gu as publicEventPricingMode, Ha as normalizeCsvString, Hc as generateInteractiveChildInheritanceCSS, Hd as FileArchive, Hi as sectionTransitionFamilyForBoundaryOptionId, Hl as DialogTitle, Hn as useImageResolveContextOptional, Ho as resolveRuntimeEventPricing, Hr as headingFragment, Hs as DownloadIcon, Hu as toScheduledBookingDateTime, Ia as eventListPaginationActionSchema, Id as GripVertical, Il as Dialog, In as layoutTransforms, Io as groupEventsByDate, Ir as parseStoredCommerceCartState, Is as ChevronLeftIcon, It as usePalette, Iu as formatBookingTime, J as enqueueTransaction, Ja as eventLayoutSchema, Jc as mergeStyles, Jd as Copy, Ji as parseBackgroundAppearanceColorToken, Jl as Trigger, Jn as eventListingBlockDefinition, Jo as defineClientOwnedBlockRuntime, Jr as footerBottomTextFragment, Js as InfoIcon, Jt as applyPageDesignEditorAction, Ju as publicEventTicketTypes, K as confirmAutosaveBatch, Ka as eventButtonVariantSchema, Kc as backgroundColorStyle, Kd as Crop, Ki as backgroundAppearanceQuickColorTokenNames, Kl as Content, Kn as newsletterSignupBlockDefinition, Ko as defineInteractiveIslandMetaKeys, Kr as blogFeaturedPostFragment, Ks as FileSpreadsheetIcon, Kt as listContentTypes, Ku as publicEventPricingType, La as eventPageSizeSchema, Ld as File, Ll as DialogClose, Ln as uiTransforms, Lo as resolveEventCta, Lr as productItemKey, Ls as ChevronRightIcon, Lt as recoveryConflictCopy, Lu as formatLocalScheduleDate, Ma as resolveOfferingsPreviewGroups, Mc as getDirectImageUrlForMediaAsset, Md as LoaderCircle, Ml as List, Mn as planSiteOverlayHeaderClearance, Mo as formatEventTeacherLine, Mr as EMPTY_COMMERCE_CART_STATE, Ms as ArrowRightIcon, Mu as addLocalScheduleDays, Na as isSemanticSpacing, Nc as getImageUrl, Nd as Image, Nl as Root2$1, Nn as visibleHeaderClearancePx, No as formatTime$3, Nr as buildPassCartItem, Ns as CalendarIcon$1, Nu as formatBookingDate, Oa as normalizeOfferingsPreviewItemLimit, Oc as formatAspectRatioToken, Oi as designRuntimeRulesForTheme, Ol as TabsContent, On as siteFooterManifest, Oo as formatEventCompactDateRail, Or as buildProductCardDisplay, Os as getSemanticIconComponent, Ou as createEditorRemoveBlockCommand, Pa as resolveSpacing, Pc as getAtPath, Pd as ImageUp, Pl as Trigger$1, Pn as contentTransforms, Po as getCardOrientation, Pr as buildProductCartItem, Ps as CheckIcon$1, Pu as formatBookingDateTime, Q as resolvePreviewSidebarTab, Qa as eventCalendarListLayoutCompatibleDisplayModeValues, Qc as getFieldIntent, Qd as CircleAlert, Ql as CardHeader, Qn as buildEventCalendarListingDisplay, Qo as markEditableSurfaceForwarding, Qr as testimonialsHeadingFragment, Qs as PhoneIcon, Qt as deleteBlock, Qu as parseMediaAssetId, Ra as getEventRuntimeFiltersKey, Rc as generateButtonCss, Rd as FileText, Rl as DialogContent, Rn as formattingTransforms, Ro as resolveEventLinkProps, Rr as reduceCommerceCart, Rs as ChevronUpIcon, Rt as unfinishedBlockCopy, Ru as getBookingLocalDateKey, Sc as setContextResolveImageUrlContext, Sd as Search, Si as retargetCompiledBoundaryRuntimeForContentAdjacency, Sl as Badge, Sn as useUniqueId, So as getTextColorForBackground, Sr as buildCheckoutInteractiveIslandProps, Ss as parseBlockIconValue, St as createHistoryState, Su as Button, Ta as inferLegacyOfferingsPreviewGroupOrder, Tc as attachRenderableMediaAssetFields, Td as Plus, Ti as planPageDesignLayoutLookCompatibility, Tl as PopoverTrigger, Tn as GRADIENT_PRESETS, To as normalizeLocationMapProps, Tr as buildShopInteractiveIslandProps, Ts as isIconPickerPreset, Tt as undoHistory, Tu as cn$1, Ua as normalizeOptionalId, Uc as TokenResolver, Ui as sectionTransitionVariantForBoundaryOptionId, Ul as Collapsible, Un as shopBlockDefinition, Uo as blockBookingPaymentTermsSchema, Ur as cardFragment, Us as ExternalLinkIcon, Ut as FormRenderer, Uu as formatBookingPriceDisplay, Va as normalizeCsvIds, Vc as generateBaseInteractiveCSS, Vd as FileHeadphone, Vi as sectionTransitionFamilies, Vl as DialogHeader, Vn as ImageResolveContextProvider, Vo as getLocalMinuteOfDay, Vr as richTextFragment, Vs as ClockIcon$1, Vt as createManifestFormAdapter, Vu as toBookingTimeZone, Wa as calendarTabViewsSchema, Wc as parseThemeButtonVariantId, Wd as EyeOff, Wi as BACKGROUND_BODY_TEXT_MIN_CONTRAST_RATIO, Wl as CollapsibleContent, Wn as productListBlockDefinition, Wo as buildInteractiveIslandProps, Wr as faqAccordionFragment, Ws as FileArchiveIcon, Wt as evaluateVisibility, Wu as publicEventPricingCurrency, X as rejectAutosaveBatch, Xa as previewStageSchema, Xc as textColorStyle, Xd as CircleMinus, Xl as Card, Xn as eventCalendarBlockDefinition, Xr as formCopyFragment, Xs as MapPinIcon$1, Xt as createBlock, Xu as assertNever$5, Y as idleEditorTransactionQueueState, Ya as filterAutoShowSchema, Yc as rgbColorValue, Yd as CirclePlus, Yi as defaultThemeTokens, Yl as createCollapsibleScope, Yn as buildEventListingInteractiveIslandProps, Yo as defineProgressiveBlockRuntime, Yr as formEmbedFragment, Ys as MailIcon, Yt as getPageDesignEditorState, Yu as formatCurrencyAmount, Za as weekStartSchema, Zc as useBackendWatch, Zd as CircleCheck, Zl as CardContent, Zn as buildEventCalendarInteractiveIslandProps, Zo as composeHeaderSectionWrapperClassName, Zr as testimonialsCarouselFragment, Zs as MinusIcon, Zt as createEntrySlotBlock, Zu as expectParsedBrandedId, _a as createTransformRegistry, _c as renderAudio, _i as mergeHeaderNavTypographyPreference, _l as SelectContent, _n as useSensors, _o as normalizeBoxStylesCardVariant, _r as courseRegistrationBlockDefinition, _s as suggestSemanticIconForFeatureCard, _t as useEditorUiStore, _u as createCollection, aa as parseCustomCssRules, ac as unwrapRichTextRoot, ad as unsafeAsPassId, af as Box, ai as PUBLIC_FILE_FIELD_KINDS, al as hasEmptyOption, an as DEFAULT_LAUNCH_READINESS_INPUT, ao as eventSurfaceScopeValues, ar as findEventByOccurrenceId, as as ACCORDION_TRIGGER_FONT_SCALE, at as getRichTextImagePositionFromTarget, au as DropdownMenuSeparator, bc as resolveMediaNodeResponsiveImage, bi as applyCompiledRuntimeFieldsToContent, bl as SelectValue, bn as useCombinedRefs, bo as resolveOnColorForThemeToken, br as cartBlockDefinition, bs as getBlockIconSemanticFallbackId, bt as canRedoHistory, bu as composeEventHandlers, ca as NAV_LINK_PADDING_MAP, cc as coerceInlineTextWithFallback, cd as err$2, cf as Archive, ci as MQ_MD_DOWN, cl as unmapValueFromSelect, cn as DndContext, co as normalizeEventScheduleScope, cr as resolveEventRequiresPayment, cs as ICON_SIZE_PX, ct as EditorProvider, cu as __awaiter, da as FONT_WEIGHT_MAP, dc as parseInlineTextFromUnknown, dd as X, df as __toESM, di as MQ_TABLET_ONLY, dl as Tooltip, dn as closestCenter, do as normalizeEventSurfaceScope, dr as getStepNumber$1, ds as FEATURE_CARD_ICON_TREATMENTS, dt as useUISelector, du as __read, ea as isThemeV2NormalEditorRawStylePath, ec as PlusIcon, ed as unsafeAsAppointmentResourceId, ef as ChevronUp, ei as heroCtaRowFragment, el as isHeaderField, eo as el, er as formBlockDefinition, es as planSiteChromePlacement, et as PreviewInlineTextEditor, fa as INPUT_FONT_SIZE_MAP, fc as ImagePresets, fd as Upload, fi as BACKGROUND_POSITION_PRESET_VALUES, fl as TooltipContent, fn as getClientRect, fo as normalizeEventVenueId, fr as getWizardStepsForContext$1, fs as applyFeatureCardIconSuggestions, ft as EditableBlockProvider, fu as __rest, g as PreviewDesignCoordinatorProvider, ga as generateCssVars, gc as getCurrentResolveImageUrlContext, gd as Ticket, gi as resolveBackgroundColorValue, gl as Select, gn as useSensor, go as generateShadowValue, gr as buildGiftingInteractiveIslandProps, gs as suggestFeatureCardSemanticIcons, gu as useDirection, ha as expandPalette, hc as computeMediaTransformStyle, hd as Trash2, hi as resolveSectionForegroundStyles, hl as Textarea, hn as useDroppable, ho as statusMutedColorDeclaration, hr as giftingBlockDefinition, hs as shouldReserveFeatureCardIconZone, ht as useEntryEditorController, hu as useId$1, i as usePreviewDesignHistoryOrder, ia as parseBlockCustomCssRules, ic as createRichTextDocFromMarkdown, id as unsafeAsMediaAssetId, if as Check, ii as defineFragment, il as useSdkConfig, in as decodePublicProductCategorySelectorQuery, io as eventScheduleScopeValues, ir as toRegistrationEvents, is as ACCORDION_SPACING_MAP, it as RichTextEditorSurface, ja as resolveOfferingsPreviewGroupOrderEntries, jc as asRecord, jl as Content$1, jn as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jo as formatEventPriceDisplay, jr as formatInterval, js as ArrowLeftIcon, jt as createSnapshotFromPageRecord, ju as unsafeAsEditorBlockValues, ka as resolveOfferingsPreviewCoursePath, kc as parseAspectRatioValue, ki as getCuratedSiteStyle, kl as TabsList, kn as siteHeaderManifest, ko as formatEventDateParts, kr as buildProductDetailDisplay, ks as isSemanticIconId, kt as useDebouncedLatestSave, ku as createEditorReorderBlocksCommand, la as NAV_LINK_PADDING_X_MAP, lc as inlineTextToPlainText, ld as ok$3, lf as __commonJSMin, li as MQ_SM_DOWN, ll as FieldFrame, ln as KeyboardCode, lo as normalizeEventStaffMemberId, lr as resolveRegistrationTarget, ls as PUBLIC_DOWNLOAD_MEDIA_TYPES, lt as useEditor, lu as __extends, ma as LABEL_FONT_SIZE_MAP, mc as buildResolveImageUrlContext, mi as boxStylesTransforms, ml as TooltipTrigger, mn as useDraggable, mo as generateCardCss, mr as resolveEventRegistrationScopedEvents, ms as getFeatureCardIconCompletion, mu as __spreadArrays, n as useSiteChromeCustomizeOptional, na as getComponentBorderWidthPx, nc as UploadIcon, nd as unsafeAsCustomerPassId, nf as ChevronLeft, ni as heroCopyFragment, nl as useBlockContext, nn as reorderBlocks, no as bindingSchema, nr as eventRegistrationBlockDefinition, ns as assertNever$6, nt as useRichTextEditor, nu as DropdownMenuContent, oa as NAV_LINK_BORDER_RADIUS_MAP, oc as isObjectRecord, od as unsafeAsPositiveByteCount$1, of as ArrowUp, oi as siteOptionSources, ol as mapCurrentValueForSelect, on as deriveLaunchReadiness, oo as normalizeEventBlockKind, or as findPreSelectedEvent, os as ACCORDION_TRIGGER_LETTER_SPACING, ot as insertOrReplaceRichTextImage, ou as DropdownMenuTrigger, pa as INPUT_SPACING_MAP, pc as MediaPlaceholder, pi as getAnchorClasses, pl as TooltipProvider, pn as useDndContext, po as publicEventSchema, pr as normalizeEventRegistrationPageSurfaceSubject, ps as createFeatureCardIconKey, pt as EntryControllerProvider, pu as __spreadArray, q as deriveTransactionCapabilities, qa as eventCalendarDefaultViewSchema, qc as borderColorStyle, qd as CreditCard, qi as foregroundTokenForBackgroundAppearanceColorToken, ql as Root, qn as buildNewsletterFormInteractiveIslandProps, qo as createZodCodec, qr as singleButtonFragment, qs as FileTextIcon, qt as toRoutableLinkPayload, qu as publicEventScalarPrice, r as PreviewDesignHistoryOrderProvider, ra as getComponentShadowVar, rc as XIcon, rd as unsafeAsFormId, rf as ChevronDown, ri as bodyCopyFragment, rl as SdkConfigProvider, rn as reorderEntrySlotBlocks, ro as eventBlockKindValues, rr as buildEventRegistrationInteractiveIslandProps, rs as ACCORDION_OPEN_ACCENT_THICKNESS, rt as EMPTY_DOC, ru as DropdownMenuItem, sa as NAV_LINK_LETTER_SPACING_MAP, sc as isRecord$19, sd as unsafeAsPositiveSeconds, sf as ArrowDown, si as MQ_LG_UP, sl as mapOptionValueForSelect, sn as AMBIENT_BACKGROUND_ROLES$1, so as normalizeEventCategoryIdsCsv, sr as resolveDiscountContext, ss as ICON_CONFIG, st as InlineTextEditor, su as __assign, t as SiteChromeCustomizeProvider, ta as pageDesignEditorBackgroundOverrideOwner, tc as ShoppingCartIcon, td as unsafeAsAppointmentServiceId, tf as ChevronRight, ti as ctaRowFragment, tl as isNonEmptyValue, tn as mutateBlockContent, to as when, tr as buildFormInteractiveIslandProps, ts as asDesignBlockId, tt as PreviewTextEditor, tu as DropdownMenu, ua as NAV_LINK_TEXT_SIZE_MAP, uc as isInlineTextEmpty, ud as lucide_react_exports, uf as __exportAll, ui as MQ_SM_UP, ul as useField, un as PointerSensor, uo as normalizeEventSurfacePresetsCsv, ur as WIZARD_STEPS$1, us as mediaSchema, uu as __generator, v as PreviewThemeOverlayProvider, va as runTransforms, vc as renderVideo, vd as Star, vi as formatSiteChromeBackgroundTokenLabel, vl as SelectItem, vn as CSS, vo as normalizeCardVariantRole, vr as buildCourseRegistrationInteractiveIslandProps, vs as toFeatureCardIconSuggestionInputs, vt as useEditorUiStoreInstance, vu as useControllableState, wa as buildOfferingsPreviewRenderStates, wc as resolveMediaSlotContract, wi as normalEditorCuratedPromotedFieldPaths, wl as PopoverContent, wn as gradientToCss, wo as buildGoogleMapsDirectionsUrl, wr as buildProductListInteractiveIslandProps, ws as parseSiteIconStyleGuideVersionId, wt as redoHistory, wu as useComposedRefs, xc as resolveMediaStorageUrl, xd as Settings, xi as compileEditorModelRuntime, xl as Label, xn as useIsomorphicLayoutEffect, xo as resolveTokenOrCssColorValue, xr as buildCartInteractiveIslandProps, xs as getGeneratedBlockIconStyleState, xt as canUndoHistory, xu as Primitive, y as usePreviewThemeOverlay, ya as ctaButton, yc as resolveImageUrlWithContext, yd as Sparkles, yi as PAGE_DESIGN_EDITOR_STATE_FETCH_ERROR_MESSAGE, yl as SelectTrigger, yn as isKeyboardEvent, yo as isCssColorLiteral, yr as checkoutBlockDefinition, ys as buildGeneratedBlockIconRenderAssetLookupFromUnknown, yt as useOptionalEditorUiStoreInstance, yu as createContextScope, za as resolveEventCalendarListPageSize, zc as generateEffectsCSS, zd as FileSpreadsheet, zi as boundaryRuntimeMetricsForTransition, zl as DialogDescription, zn as createManifestValidator, zo as getEventAvailability, zr as augmentManifest, zs as CircleMinusIcon, zt as validateBlockManifestIssues, zu as parseBookingLocalDate } from "./SiteChromeCustomizeContext-CO1sTK_W.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-Bt8zb3qu.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$18(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$18(data)) return {};
-	const nestedError = isRecord$18(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$19(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,
@@ -19249,7 +19319,7 @@ const LEAFLET_JS_INTEGRITY = "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo
 let leafletLoaded = false;
 let leafletLoadPromise = null;
 function isLeafletApi(value) {
-	if (!isRecord$19(value)) return false;
+	if (!isRecord$20(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -30288,7 +30358,7 @@ function generateLogoTextBehaviorStyles(logoText, themeId) {
 function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment, navTextSize) {
 	const navPreferences = {
 		typography: header.navTypography ?? "inherit",
-		fontSize: header.navTextSize ?? "inherit"
+		fontSize: readHeaderNavFontSizePreference(header.navTextSize)
 	};
 	if (header.navLinkStyle) return generateNavLinkCSS({
 		themeId,
@@ -32872,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$19(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);
@@ -33535,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.
@@ -44386,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
@@ -56288,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 : [];
@@ -56297,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
 		};
 	});
 }
@@ -56335,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);
@@ -56431,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" };
@@ -56440,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
@@ -56451,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 {
@@ -56479,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;
@@ -56523,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;
@@ -56538,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;
@@ -56550,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;
@@ -56558,7 +56689,8 @@ function GeneratedIconSetDialog({ open, onOpenChange, cards, styleGuideSummary,
 			close(false);
 		} catch (error) {
 			dispatch({
-				type: "failed",
+				type: "apply_failed",
+				preview,
 				message: getGenerationErrorMessage(error)
 			});
 		}
@@ -56569,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
+							]
 						})
 					]
 				}),
@@ -56640,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" };
 	}
@@ -56707,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",
@@ -56782,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, {
@@ -56791,8 +57126,7 @@ function BlockCardBody({ siteId, block, manifest, uiStore, hasRecoveryConflict,
 			currentStyleGuideVersionId,
 			iconStyleGuideSummary,
 			iconStyleGuideEditHref,
-			onGenerateIconSet,
-			onApplyGeneratedIconSet
+			onGenerateIconSet
 		}), /* @__PURE__ */ jsx(BlockForm, {
 			siteId,
 			block,
@@ -57015,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,
@@ -57035,7 +57369,6 @@ function deriveBlockHeaderActionPlan({ actionPresentation, blockId, settingsAvai
 	});
 	const iconActions = deriveIconActions({
 		featureCardIconActionsAvailable,
-		featureCardIconsComplete,
 		generatedIconSetActionsAvailable,
 		hasStaleGeneratedIcons,
 		featureCardIconDialogCardsCount
@@ -57079,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 ? [{
@@ -57101,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);
@@ -57113,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) : [];
@@ -57124,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" };
 	}
@@ -57142,7 +57471,6 @@ function BlockCardHeader({ block, manifest, isFirst, isLast, isMoving, onMove, o
 		blockId,
 		settingsAvailable,
 		featureCardIconActionsAvailable,
-		featureCardIconsComplete,
 		generatedIconSetActionsAvailable,
 		hasStaleGeneratedIcons,
 		featureCardIconDialogCardsCount: featureCardIconDialogCards.length,
@@ -57173,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);
@@ -57342,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" });
@@ -57352,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";
@@ -57361,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" : ""),
@@ -57393,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, {
@@ -57413,8 +57730,7 @@ function BlockCard({ siteId, block, manifest, isFirst, isLast, isMoving, onMove,
 					currentStyleGuideVersionId,
 					iconStyleGuideSummary,
 					iconStyleGuideEditHref,
-					onGenerateIconSet,
-					onApplyGeneratedIconSet
+					onGenerateIconSet
 				})
 			})]
 		})
@@ -57422,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
@@ -57495,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);
@@ -57516,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;
@@ -57545,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);
@@ -57553,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",
@@ -57576,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();
@@ -57797,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
+				]
+			})
 		})
 	});
 });
@@ -58731,9 +59141,11 @@ function RichTextField({ path, backend, config }) {
 						onPickImage,
 						linkItems,
 						onRequestLinkItems: loadLinkItems,
-						toolbarTone: "light",
-						toolbarPortalToChrome: false,
-						toolbarAlwaysVisible: true,
+						toolbarLayout: {
+							kind: "inline",
+							tone: "light",
+							visibility: { kind: "always" }
+						},
 						renderContent: (content) => theme ? /* @__PURE__ */ jsx(ThemeScope, {
 							theme,
 							children: /* @__PURE__ */ jsx("div", {
@@ -59361,45 +59773,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
+					]
+				})
+			]
 		})
 	});
 }
@@ -64315,10 +64851,84 @@ function ColorTokenButton({ token, label, swatchColor, selected, disabled, onCli
 	});
 }
 //#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,
@@ -64338,52 +64948,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,
@@ -64413,9 +65010,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, {
+				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", {
@@ -64550,34 +65167,75 @@ function chooseSiteChromeCustomizePopoverSide(input) {
 	if (measuredPanelHeight <= availableBelow) return "below";
 	return availableAbove > availableBelow ? "above" : "below";
 }
-function SiteChromeBackgroundPalette({ background, applyAllowed, onChoose }) {
+function SiteChromeBackgroundControl({ background, applyAllowed, chooserOpen, onToggleChooser, onCycleMode, onCycleValue, onChoose }) {
 	const choose = (override) => (event) => {
 		event.preventDefault();
 		event.stopPropagation();
 		onChoose(override);
 	};
+	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__ */ jsx(CustomizeBackgroundColorPicker, {
-			title: "Background 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,
-			columnsClassName: "grid-cols-3",
-			labelForToken: formatSiteChromeBackgroundTokenLabel,
-			swatchColorForToken: tokenSwatchCss$1,
-			onChooseToken: (token, event) => {
-				choose({
-					kind: "color",
-					token
-				})(event);
-			}
+		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,
+					labelForToken: formatSiteChromeBackgroundTokenLabel,
+					swatchColorForToken: tokenSwatchCss$1,
+					onChooseToken: (token, event) => {
+						choose({
+							kind: "color",
+							token
+						})(event);
+					}
+				})
+			})
 		})
 	});
 }
+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) {
 	return `rgb(var(--tb-${token}))`;
 }
@@ -64847,17 +65505,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-DkNpCPja.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-CmaPXdKu.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-DeNKtqk3.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-C5xRTh2b.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;
@@ -65047,6 +65705,7 @@ function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseU
 				themeSelectionVersion,
 				themeSelectionUpdatedAt,
 				themeSelectionButtonPersonalityId,
+				runtimePaletteState,
 				themeSelectionPaletteVariantId,
 				themeSelectionPaletteOverrides,
 				themeSelectionHeaderLayoutId,
@@ -65106,6 +65765,7 @@ function PreviewShellLayout({ children, theme, surfaceId, siteId, dashboardBaseU
 				selectionVersion: themeSelectionVersion,
 				selectionUpdatedAt: themeSelectionUpdatedAt,
 				buttonPersonalityId: themeSelectionButtonPersonalityId,
+				runtimePaletteState,
 				paletteVariantId: themeSelectionPaletteVariantId,
 				paletteOverrides: themeSelectionPaletteOverrides,
 				headerLayoutId: themeSelectionHeaderLayoutId,
@@ -65148,7 +65808,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,
@@ -65206,6 +65866,7 @@ function PreviewShell({ children, apiBaseUrl, blockApiConfig, siteId, siteSlug,
 								themeSelectionVersion,
 								themeSelectionUpdatedAt,
 								themeSelectionButtonPersonalityId,
+								runtimePaletteState,
 								themeSelectionPaletteVariantId,
 								themeSelectionPaletteOverrides,
 								themeSelectionHeaderLayoutId,
@@ -66267,99 +66928,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,
@@ -67031,7 +67630,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(() => {
@@ -67153,7 +67753,24 @@ 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,
@@ -67216,14 +67833,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 () => {
@@ -67237,6 +67856,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,