@riverbankcms/sdk 0.152.0 → 0.154.0

package/dist/{SdkPreviewModeRuntime-Dl4GyMc3.mjs → SdkPreviewModeRuntime-BUNV_YHZ.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { G as corners, H as parseThemeForPersistence, Hn as paletteColorsSchema, Sn as defaultThemeTokens, Sr as makeBoundaryId, Un as paletteModeSchema, Yt as resolveSurface, Zn as resolveSdkFooterMode, cr as asLayoutVariantKey, dr as assertNever$1, ft as isThemeV2NormalEditorRawStyleFieldName, gt as stripStaleTransitionStyleGroup, in as textColorStyle, rr as asDesignBlockId, si as __exportAll, ur as asSiteStyleId } from "./ThemedButton-B8ViBnLK.mjs";
+import { $n as renderableMediaAssetSchema$1, Cn as defaultThemeTokens, G as corners, H as parseThemeForPersistence, Ii as __exportAll, Or as makeBoundaryId, Qn as buildRenderableMediaAssetIndex, Un as paletteColorsSchema, Wn as paletteModeSchema, Xt as resolveSurface, _r as assertNever$1, _t as stripStaleTransitionStyleGroup, an as textColorStyle, bi as parseSiteId, er as indexRenderableMediaAssets, gr as asSiteStyleId, lr as asDesignBlockId, mr as asLayoutVariantKey, nr as mediaIdentifierSchema$2, pt as isThemeV2NormalEditorRawStyleFieldName, tr as resolveManagedMediaReference, ui as expectParsedBrandedId } from "./ThemedButton-C8kzu0hY.mjs";
 import { i as useOptionalPreviewLayout, t as PreviewQueryProvider } from "./PreviewQueryProvider-AR9eEn7j.mjs";
-import { $ as backgroundColorTokens, $a as Tabs, $i as defineFragment, $n as createRoutingHelpers, $o as parseFooterModuleId, $r as normalizeOfferingsPreviewItemLimit, $t as FileField, Aa as sectionFactsForContent, Ai as buildResolveImageUrlContext, An as mapOptionValueForSelect, Ar as SITE_CHROME_VISIBLE_HEADER_SELECTOR, At as createEditorApiClientFactory, Bi as blogFeaturedPostFragment, Bn as createManifestFormAdapter, Br as systemCustomizeFacetDefinitionsForBlock, Bt as SiteOptionPickerField, Ci as coerceInlineTextWithFallback, Cn as clientComponentRegistry, Cr as containerResponsiveThemeCss, Ct as useUISelector, Da as resolveLookSlotSurfaces, Di as LINKED_CONTENT_ENTRY_META_KEY, Dn as useSdkConfig, Do as SlidersHorizontal, Dr as normalizeBlockContent, Dt as useEntryEditorController, Ea as resolveItemSurface, Ei as plainTextToInlineText, En as SdkConfigProvider, Er as getBlockDefinition, Fa as deriveSectionGround, Fi as richTextFragment, Fn as prepareBlockEditorManifest, Fr as compileManifestContentContract, Ft as EditLeaseDiscardedNotice, G as PreviewPageDesignEditorStateProvider, Ga as SelectValue, Gi as testimonialsHeadingFragment, Gn as getBlockManifestFromSdkConfig, Go as Button, Gr as getResponsiveScopeSpec, Gt as loadMailingListAuthoringContext, H as arrangementBlockControlsFor, Ha as SelectContent, Hi as formEmbedFragment, Ho as ChevronLeft, Hr as systemCustomizeFacetNextValue, Ht as OfferingsPreviewGroupOrderField, Ia as parseCanonicalRuntimeBackground, Ii as headingFragment, In as stripTopLevelRoutingUi, Io as Info, Ir as validateManifestDraft, It as EditLeaseModal, Ji as ctaRowFragment, Jo as baselineRevisionOf, Jr as getDefaultComponentRegistry, Jt as IconPickerField, K as usePreviewPageDesignEditorState, Ki as ctaCopyFragment, Kn as ApiRequestError, Kr as escapeStyleContent, Kt as MailingListTargetingProvider, La as resolveSectionBackground, Li as cardFragment, Ln as evaluateVisibility, Lo as Image, Lr as resolveArrangementKnobs, Lt as EditorWriteSurface, Ma as sectionTransitionFamilies, Mi as resolveImageUrlWithContext, Mn as FieldFrame, Mr as planSiteOverlayHeaderClearance, Mt as useRetentionTicks, Na as sectionTransitionFamilyForBoundaryOptionId, Ni as setContextResolveImageUrlContext, Nn as useField, Nr as visibleHeaderClearancePx, Nt as VIEWING_PARTICIPATION, Oa as boundaryLayout, Oi as coerceLinkedContentEntriesPayload, On as hasEmptyOption, Oo as RotateCcw, Or as offeringsPreviewBlockDefinition, Pa as sectionTransitionVariantForBoundaryOptionId, Pi as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, Pn as hideThemeV2RawStyleFields, Pr as parseStoredVariant, Qi as bodyCopyFragment, Qn as API_ENDPOINTS, Qo as buildMailingListSignupBlockSourceRef, Qr as buildOfferingsPreviewRenderStates, Qt as ButtonWidgetProvider, Ri as faqAccordionFragment, Rn as getFieldIntent, Ro as GripVertical, Rr as systemCustomizeFacetAppliesToLayoutVariant, Rt as createSiteOptionApiLoader, Si as planSiteChromePlacement, Sn as useApiMediaUploader, Sr as ThemeScope, Ta as arrangementSlotNames, Ti as isInlineTextEmpty, Tn as BlockApiProvider, Tr as makeDefaultBlockComponent, Tt as EntryControllerProvider, U as arrangementOwnedFieldIds, Ua as SelectItem, Ui as formCopyFragment, Ur as buildThemeRuntime, Ut as OfferingsPreviewWidgetProvider, V as arrangementBackgroundControlFor, Va as Select, Vi as singleButtonFragment, Vo as ChevronRight, Vr as systemCustomizeFacetLabelForValue, Vt as SiteOptionWidgetProvider, W as nextArrangementLookPin, Wa as SelectTrigger, Wi as testimonialsCarouselFragment, Wn as blocksKeys, Wr as DEFAULT_THEME_RESPONSIVE_MODE, Wt as MailingListTargetingField, Xi as ctaButton, Xn as SURFACE_IDS, Xr as buildItemDataMap, Xt as EntryPickerWidgetProvider, Yi as heroCopyFragment, Yn as SURFACE_DOCUMENT_DATA_ATTRIBUTE, Yo as isEdited, Yr as buildOfferingsCatalogueState, Yt as EntryPickerField, Zi as runTransforms, Zn as resolveSurfaceDocumentAttributes, Zo as canEditorWrite, Zr as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, Zt as ButtonVariantField, _a as surfaceResolutionContextFromTheme, _i as resolveEntryRouteTarget, _n as decodePublicProductCategorySelectorQuery, _r as renderedFieldChanges, _t as renderSiteChromeBlock, aa as compileEditorModelRuntime, ai as parseGeneratedIconSetId, an as RichTextWidgetProvider, ao as DialogDescription, as as parseEditLeaseScope, at as planBackgroundOverride, ba as getGradientPreset, bi as isObjectRecord, bn as MediaEditorContextProvider, bo as X, br as unsafeAsLinkedContentEntryId, bt as PreviewTextEditor, c as PreviewDesignCoordinatorProvider, ca as readStoredMode, ci as Text$1, cn as LinkField, co as DialogTitle, cr as unwrapResponse, ct as resolveBackgroundCapability, d as usePreviewThemeOverlay, da as resolvePublishedLook, di as siblingPath, dn as PaletteProvider, dr as useOptionalEditorUiStoreInstance, ds as expectParsedBrandedId, dt as initPreviewAuth, ea as bindingSchema, ei as resolveOfferingsPreviewGroups, en as MediaField, eo as TabsContent, er as createSnapshotFromPageRecord, es as parseMailingListPlacementTargeting, et as canCycleBackgroundOverrideValue, fa as componentRuntimeRulesForTheme, fi as defaultTransforms, fn as usePalette, fs as parseMediaAssetId, ft as registerPreviewRenewalFetcher, gi as isRichTextDoc, gn as MediaEditor, gr as renderSourceFor, hi as bookingConsentCarrierSchema, hn as createStoreBackend, hr as remoteDraftValues, ht as usePreviewToken, ia as applyCompiledRuntimeFieldsToContent, ii as parseGeneratedIconAssetId, in as RichTextField, io as DialogContent, ir as parseReferenceKind, is as selectedContentVersionId, it as parseBackgroundOverrideFromContent, ja as defaultSectionTransitionVariantForFamily, ji as getCurrentResolveImageUrlContext, jn as unmapValueFromSelect, jr as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jt as createPageSurfaceEditorServices, ka as composeBoundary, ki as getLinkedContentEntryMeta, kn as mapCurrentValueForSelect, kr as projectRecurringSchedule, la as resolveEffectiveArrangement, li as RichText$1, ln as LinkWidgetProvider, lr as useEditorUiStore, ls as unsafeAsEditorBlockId, lt as resolvePreviewSidebarTab, ma as getCuratedSiteStyle, mi as publicEventsArraySchema, mn as FormRenderer, mr as planLinkedSaveHandoverRetention, mt as usePreviewAuth, n as useSiteChromeCustomizeOptional, na as blockLookFromContent, nn as ReferenceWidgetProvider, no as TabsTrigger, nr as BUILT_IN_REFERENCE_KINDS, ns as NO_BLOCK_VERSIONS, nt as enabledBackgroundModes, oa as formatSiteChromeBackgroundTokenLabel, oi as renderInlineText, on as EditorProvider, oo as DialogFooter, ot as planBackgroundTransition, pa as designRuntimeRulesForTheme, pi as calendarWindowQuerySchema, pr as activeLinkedSaveHandover, ps as parseSiteId, pt as renewPreviewSession, q as PreviewDesignHistoryOrderProvider, qi as heroCtaRowFragment, qo as cn, qr as mergeContentWithBlockStyleOverrides, qt as InlineTextField, ra as readBlockComposition, ri as parseBlockIconValue, rn as useRichTextImagePicker, ro as Dialog, rs as readEditorBlockVersionsFromPlacement, rt as imagePoolForOverride, sa as arrangementManifestFromVariants, si as logger, sn as useEditor, so as DialogHeader, st as rankBackgroundImagePoolItems, t as SiteChromeCustomizeProvider, ta as arrangementHooksFromContent, ti as buildAppointmentServicesView, tn as ReferenceField, to as TabsList, ts as sameMailingListPlacementTargeting, tt as defaultBackgroundOverrideForMode, u as PreviewThemeOverlayProvider, ua as resolveModeArrangement, ui as getAtPath, ur as useEditorUiStoreInstance, us as assertNever$2, ut as createGuardedPreviewApiClient, va as gradientToCss, vi as resolvePageRouteTarget, vn as DEFAULT_LAUNCH_READINESS_INPUT, vr as resolveRenderedValues, vt as PreviewRichTextEditor, wi as inlineTextToPlainText, wn as ImageResolveContextProvider, wr as createCustomBlockRegistry, wt as EditableBlockProvider, xa as deriveSiteStyleBlockPolicy, xi as isRecord$8, xn as useMediaEditorOptional, xo as Upload, xr as isSupportedLoaderEndpoint, xt as PREVIEW_EDITABLE_OUTLINE, ya as GRADIENT_PRESETS, yi as resolveRouteTarget, yn as deriveLaunchReadiness, yt as PreviewInlineTextEditor, zi as faqHeadingFragment, zn as isHeaderField, zr as systemCustomizeFacetCurrentValue, zt as createSiteOptionWidgetAdapters } from "./SiteChromeCustomizeContext-DgBe-FlM.mjs";
+import { $ as defaultBackgroundOverrideForMode, $i as defineFragment, $n as createSnapshotFromPageRecord, $o as baselineRevisionOf, $r as normalizeOfferingsPreviewItemLimit, $t as MediaField, Ai as resolveImageUrlWithContext, An as unmapValueFromSelect, Ar as SITE_CHROME_VISIBLE_HEADER_SELECTOR, At as createPageSurfaceEditorServices, B as arrangementBlockControlsFor, Ba as deriveSectionGround, Bi as blogFeaturedPostFragment, Br as systemCustomizeFacetDefinitionsForBlock, Bt as SiteOptionWidgetProvider, Ci as coerceInlineTextWithFallback, Cn as ImageResolveContextProvider, Cr as resolveSdkFooterMode, Ct as EditableBlockProvider, Da as arrangementSlotNames, Di as LINKED_CONTENT_ENTRY_META_KEY, Dn as hasEmptyOption, Dr as normalizeBlockContent, Ei as plainTextToInlineText, En as useSdkConfig, Eo as Upload, Er as getBlockDefinition, Et as useEntryEditorController, Fa as sectionFactsForContent, Fi as richTextFragment, Fn as stripTopLevelRoutingUi, Fr as compileManifestContentContract, Ft as EditLeaseModal, G as PreviewDesignHistoryOrderProvider, Gi as testimonialsHeadingFragment, Gn as ApiRequestError, Gr as getResponsiveScopeSpec, Gt as MailingListTargetingProvider, H as nextArrangementLookPin, Ha as resolveSectionBackground, Hi as formEmbedFragment, Ho as Image, Hr as systemCustomizeFacetNextValue, Ht as OfferingsPreviewWidgetProvider, Ia as defaultSectionTransitionVariantForFamily, Ii as headingFragment, In as evaluateVisibility, Ir as validateManifestDraft, It as EditorWriteSurface, Ja as SelectItem, Ji as ctaRowFragment, Jn as SURFACE_DOCUMENT_DATA_ATTRIBUTE, Jr as getDefaultComponentRegistry, Jt as EntryPickerField, Ka as Select, Ki as ctaCopyFragment, Ko as ChevronRight, Kr as escapeStyleContent, Kt as InlineTextField, La as sectionTransitionFamilies, Li as cardFragment, Ln as getFieldIntent, Lr as resolveArrangementKnobs, Lt as createSiteOptionApiLoader, Ma as formatSiteChromeBackgroundTokenLabel, Mi as buildResolveImageUrlContext, Mn as useField, Mo as SlidersHorizontal, Mr as planSiteOverlayHeaderClearance, Mt as VIEWING_PARTICIPATION, Na as boundaryLayout, Ni as getCurrentResolveImageUrlContext, Nn as hideThemeV2RawStyleFields, No as RotateCcw, Nr as visibleHeaderClearancePx, Oa as resolveItemSurface, Oi as coerceLinkedContentEntriesPayload, On as mapCurrentValueForSelect, Or as offeringsPreviewBlockDefinition, Pa as composeBoundary, Pi as setContextResolveImageUrlContext, Pn as prepareBlockEditorManifest, Pr as parseStoredVariant, Pt as EditLeaseDiscardedNotice, Q as canCycleBackgroundOverrideValue, Qi as runTransforms, Qn as createRoutingHelpers, Qo as cn, Qr as buildOfferingsPreviewRenderStates, Qt as FileField, Ra as sectionTransitionFamilyForBoundaryOptionId, Ri as faqAccordionFragment, Rn as isHeaderField, Rr as systemCustomizeFacetAppliesToLayoutVariant, Rt as createSiteOptionWidgetAdapters, Sa as deriveSiteStyleBlockPolicy, Si as planSiteChromePlacement, Sn as clientComponentRegistry, Sr as containerResponsiveThemeCss, St as useUISelector, Ti as isInlineTextEmpty, Tn as SdkConfigProvider, To as X, Tr as makeDefaultBlockComponent, U as PreviewPageDesignEditorStateProvider, Ui as formCopyFragment, Un as blocksKeys, Uo as GripVertical, Ur as buildThemeRuntime, Ut as MailingListTargetingField, V as arrangementOwnedFieldIds, Va as parseCanonicalRuntimeBackground, Vi as singleButtonFragment, Vo as Info, Vr as systemCustomizeFacetLabelForValue, Vt as OfferingsPreviewGroupOrderField, W as usePreviewPageDesignEditorState, Wi as testimonialsCarouselFragment, Wn as getBlockManifestFromSdkConfig, Wr as DEFAULT_THEME_RESPONSIVE_MODE, Wt as loadMailingListAuthoringContext, Xa as SelectValue, Xi as ctaButton, Xn as resolveSurfaceDocumentAttributes, Xo as Button, Xr as buildItemDataMap, Xt as ButtonVariantField, Ya as SelectTrigger, Yi as heroCopyFragment, Yn as SURFACE_IDS, Yr as buildOfferingsCatalogueState, Yt as EntryPickerWidgetProvider, Z as backgroundColorTokens, Zi as bodyCopyFragment, Zn as API_ENDPOINTS, Zr as OFFERINGS_PREVIEW_EVENT_PRESET_DEFINITIONS, Zt as ButtonWidgetProvider, _i as resolveEntryRouteTarget, _n as DEFAULT_LAUNCH_READINESS_INPUT, _r as resolveRenderedValues, _t as PreviewRichTextEditor, aa as compileEditorModelRuntime, ai as parseGeneratedIconSetId, an as EditorProvider, ao as TabsContent, as as parseMailingListPlacementTargeting, at as rankBackgroundImagePoolItems, ba as GRADIENT_PRESETS, bi as isObjectRecord, bn as useMediaEditorOptional, br as isSupportedLoaderEndpoint, bt as PREVIEW_EDITABLE_OUTLINE, c as PreviewThemeOverlayProvider, ca as arrangementManifestFromVariants, ci as Text$1, cn as LinkWidgetProvider, co as Dialog, cr as useEditorUiStore, cs as readEditorBlockVersionsFromPlacement, ct as createGuardedPreviewApiClient, da as resolveModeArrangement, di as siblingPath, dn as usePalette, do as DialogFooter, dt as renewPreviewSession, ea as bindingSchema, ei as resolveOfferingsPreviewGroups, en as ReferenceField, es as isEdited, et as enabledBackgroundModes, fa as resolvePublishedLook, fi as defaultTransforms, fo as DialogHeader, fr as activeLinkedSaveHandover, ft as usePreviewAuth, gi as isRichTextDoc, gn as decodePublicProductCategorySelectorQuery, gr as renderedFieldChanges, ha as getCuratedSiteStyle, hi as bookingConsentCarrierSchema, hn as MediaEditor, hr as renderSourceFor, hs as assertNever$2, ht as renderSiteChromeBlock, ia as applyCompiledRuntimeFieldsToContent, ii as parseGeneratedIconAssetId, in as RichTextWidgetProvider, io as Tabs, is as parseFooterModuleId, it as planBackgroundTransition, ji as SECTION_BACKGROUND_MIN_SOURCE_WIDTH, jn as FieldFrame, jr as SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR, jt as useRetentionTicks, ka as resolveLookSlotSurfaces, ki as getLinkedContentEntryMeta, kn as mapOptionValueForSelect, kr as projectRecurringSchedule, kt as createEditorApiClientFactory, l as usePreviewThemeOverlay, la as readStoredMode, li as RichText$1, lo as DialogContent, lr as useEditorUiStoreInstance, ls as selectedContentVersionId, lt as initPreviewAuth, ma as designRuntimeRulesForTheme, mi as publicEventsArraySchema, mn as createStoreBackend, mr as remoteDraftValues, ms as unsafeAsEditorBlockId, n as useSiteChromeCustomizeOptional, na as blockLookFromContent, nn as useRichTextImagePicker, ns as canEditorWrite, nt as parseBackgroundOverrideFromContent, o as PreviewDesignCoordinatorProvider, oi as renderInlineText, on as useEditor, oo as TabsList, os as sameMailingListPlacementTargeting, ot as resolveBackgroundCapability, pa as componentRuntimeRulesForTheme, pi as calendarWindowQuerySchema, pn as FormRenderer, po as DialogTitle, pr as planLinkedSaveHandoverRetention, pt as usePreviewToken, qa as SelectContent, qi as heroCtaRowFragment, qo as ChevronLeft, qr as mergeContentWithBlockStyleOverrides, qt as IconPickerField, ra as readBlockComposition, ri as parseBlockIconValue, rn as RichTextField, rr as parseReferenceKind, rs as buildMailingListSignupBlockSourceRef, rt as planBackgroundOverride, si as logger, sn as LinkField, so as TabsTrigger, sr as unwrapResponse, ss as NO_BLOCK_VERSIONS, st as resolvePreviewSidebarTab, t as SiteChromeCustomizeProvider, ta as arrangementHooksFromContent, ti as buildAppointmentServicesView, tn as ReferenceWidgetProvider, tr as BUILT_IN_REFERENCE_KINDS, tt as imagePoolForOverride, ua as resolveEffectiveArrangement, ui as getAtPath, un as PaletteProvider, uo as DialogDescription, ur as useOptionalEditorUiStoreInstance, us as parseEditLeaseScope, ut as registerPreviewRenewalFetcher, va as surfaceResolutionContextFromTheme, vi as resolvePageRouteTarget, vn as deriveLaunchReadiness, vt as PreviewInlineTextEditor, wi as inlineTextToPlainText, wn as BlockApiProvider, wr as createCustomBlockRegistry, wt as EntryControllerProvider, xa as getGradientPreset, xi as isRecord$8, xn as useApiMediaUploader, xr as ThemeScope, ya as gradientToCss, yi as resolveRouteTarget, yn as MediaEditorContextProvider, yr as unsafeAsLinkedContentEntryId, yt as PreviewTextEditor, z as arrangementBackgroundControlFor, za as sectionTransitionVariantForBoundaryOptionId, zi as faqHeadingFragment, zn as createManifestFormAdapter, zr as systemCustomizeFacetCurrentValue, zt as SiteOptionPickerField } from "./SiteChromeCustomizeContext-DEj7qppF.mjs";
 import * as React$1 from "react";
 import React, { Children, Fragment, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -960,10 +960,7 @@ function arrangementPhotoContent(content, knobs) {
 	}) };
 }
 function arrangementContentFacts(content) {
-	const section = isObjectRecord(content._sectionStyles) ? content._sectionStyles : {};
-	const background = isObjectRecord(section.background) ? section.background : {};
-	const itemPhotos = Array.isArray(content.cards) ? content.cards.filter((card) => isObjectRecord(card) && isObjectRecord(card.media)).length : 0;
-	const photoCount = Array.isArray(content.cards) ? itemPhotos : isObjectRecord(background.image) ? 1 : 0;
+	const photoCount = arrangementPhotoCount(content);
 	return {
 		photoCount,
 		facts: {
@@ -974,6 +971,13 @@ function arrangementContentFacts(content) {
 		}
 	};
 }
+/** The content stage owns media presence for every arrangement consumer. */
+function arrangementPhotoCount(content) {
+	if (Array.isArray(content.cards)) return content.cards.filter((card) => isObjectRecord(card) && isObjectRecord(card.media)).length;
+	if (Array.isArray(content.images)) return content.images.filter((item) => isObjectRecord(item) && isObjectRecord(item.image)).length;
+	const section = isObjectRecord(content._sectionStyles) ? content._sectionStyles : {};
+	return isObjectRecord((isObjectRecord(section.background) ? section.background : {}).image) ? 1 : 0;
+}
 function effectiveContentKnobValue(blockKind, key, value) {
 	const facet = systemCustomizeFacetDefinitionsForBlock(blockKind).find((entry) => entry.target.kind === "content-field" && entry.target.field === key);
 	return facet?.target.kind === "content-field" && facet.target.boolean ? value === "true" : value;
@@ -3126,12 +3130,22 @@ function err(error) {
 		error
 	};
 }
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function parseUuidBrand(value, unsafeConstructor) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const normalized = value.trim().toLowerCase();
+	if (normalized.length === 0) return err({ kind: "empty_string" });
+	if (!UUID_PATTERN.test(normalized)) return err({ kind: "invalid_uuid" });
+	return ok(unsafeConstructor(normalized));
+}
 const unsafeAsSiteId = (id) => id;
+const unsafeAsMediaAssetId = (id) => id;
 const unsafeAsStorageBucketName = (value) => value;
 const unsafeAsBookingSessionId = (id) => id;
 const unsafeAsEntitlementId = (id) => id;
 const unsafeAsSiteFontId = (id) => id;
 const unsafeAsBookingRequirementId = (id) => id;
+const parseMediaAssetId = (value) => parseUuidBrand(value, unsafeAsMediaAssetId);
 function fromArray(items) {
 	const [first, ...rest] = items;
 	if (first === void 0) return err("empty_array");
@@ -3612,6 +3626,129 @@ function parseCanonicalMediaIdentifier(value) {
 	});
 	return parsed;
 }
+/** Strict stored-reference admission delegates the canonical identifier decision. */
+const mediaIdentifierSchema$1 = z.string().transform((value, context) => {
+	const parsed = parseCanonicalMediaIdentifier(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a canonical media identifier"
+	});
+	return z.NEVER;
+});
+const mediaTypeDiscriminants = [
+	"image",
+	"video",
+	"audio",
+	"document",
+	"spreadsheet",
+	"archive"
+];
+const mediaAssetIdSchema = z.string().transform((value, context) => {
+	const parsed = parseMediaAssetId(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a media asset ID"
+	});
+	return z.NEVER;
+});
+const nonemptyStorageValue = z.string().refine((value) => value.trim().length > 0);
+const renderableMediaAssetSchema = z.object({
+	id: mediaAssetIdSchema,
+	identifier: mediaIdentifierSchema$1,
+	storageBucket: nonemptyStorageValue,
+	storagePath: nonemptyStorageValue,
+	mimeType: nonemptyStorageValue,
+	filename: z.string().optional(),
+	width: z.number().positive().nullable(),
+	height: z.number().positive().nullable()
+});
+const hotspotSchema = z.object({
+	x: z.number().min(0).max(1),
+	y: z.number().min(0).max(1),
+	radius: z.number().optional()
+});
+const rotationSchema = z.union([
+	z.literal(0),
+	z.literal(90),
+	z.literal(180),
+	z.literal(270)
+]);
+const rectSchema = z.tuple([
+	z.number(),
+	z.number(),
+	z.number(),
+	z.number()
+]);
+const aspectCropSchema = z.object({
+	aspect: z.preprocess((value) => value == null ? void 0 : value, z.string().optional()),
+	rect: z.preprocess((value) => value == null ? void 0 : value, rectSchema.optional()),
+	hotspot: z.preprocess((value) => value == null ? void 0 : value, hotspotSchema.optional()),
+	rotation: z.preprocess((value) => value == null ? void 0 : value, rotationSchema.optional())
+});
+const transformSchema = z.object({
+	aspectCrops: z.preprocess((value) => {
+		if (!value || typeof value !== "object" || Array.isArray(value)) return;
+		return value;
+	}, z.record(z.string(), aspectCropSchema.catch({}))).optional(),
+	rect: rectSchema.optional(),
+	hotspot: hotspotSchema.optional(),
+	rotation: rotationSchema.optional()
+});
+const mediaPosterSchema = z.discriminatedUnion("tag", [z.object({
+	tag: z.literal("media"),
+	identifier: mediaIdentifierSchema$1
+}).strict(), z.object({
+	tag: z.literal("external-src"),
+	src: z.string().url()
+}).strict()]);
+const mediaUsageShape = {
+	purpose: z.string().optional(),
+	placeholder: z.boolean().default(true).optional(),
+	alt: z.string().optional(),
+	filename: z.string().optional(),
+	width: z.number().optional(),
+	height: z.number().optional(),
+	poster: mediaPosterSchema.optional(),
+	transform: transformSchema.optional()
+};
+const environmentExclusions = {
+	assetId: z.never().optional(),
+	id: z.never().optional(),
+	src: z.never().optional(),
+	storageBucket: z.never().optional(),
+	storagePath: z.never().optional(),
+	mimeType: z.never().optional()
+};
+const mediaBaseSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	identifier: mediaIdentifierSchema$1
+}).strict();
+mediaBaseSchema.extend({ type: z.literal("image") });
+mediaBaseSchema.extend({ type: z.literal("video") });
+const mediaSchema = mediaBaseSchema.extend({ type: z.enum(mediaTypeDiscriminants) });
+const externalMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	src: z.string().min(1),
+	identifier: z.never().optional()
+}).strict();
+const assetMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	asset: renderableMediaAssetSchema,
+	identifier: z.never().optional()
+}).strict();
+z.union([
+	mediaSchema,
+	externalMediaSchema,
+	assetMediaSchema
+]);
+new Set(mediaTypeDiscriminants);
 const MEDIA_KINDS = [
 	"image",
 	"video",
@@ -4063,22 +4200,25 @@ function upsertById(assets, asset) {
 	return next;
 }
 function createRuntimeMediaAssetState(siteId, baseAssets) {
+	const mediaAssetIndex = buildRenderableMediaAssetIndex(baseAssets);
 	return {
 		siteId,
-		baseAssets: dedupeById(baseAssets),
-		registeredAssets: []
+		baseAssets: mediaAssetIndex?.assets ?? [],
+		registeredAssets: [],
+		mediaAssetIndex
 	};
 }
 function reduceRuntimeMediaAssetState(state, action) {
 	switch (action.type) {
 		case "siteSnapshotReplaced": {
-			if (action.siteId !== state.siteId) return createRuntimeMediaAssetState(action.siteId, action.baseAssets);
-			const nextBaseAssets = dedupeById(action.baseAssets);
+			const { snapshot } = action;
+			if (snapshot.siteId !== state.siteId) return snapshot;
+			const nextBaseAssets = snapshot.baseAssets;
 			if (areEqualAssetLists(nextBaseAssets, state.baseAssets)) return state;
 			return {
-				siteId: action.siteId,
+				...state,
 				baseAssets: nextBaseAssets,
-				registeredAssets: state.registeredAssets
+				mediaAssetIndex: state.registeredAssets.length ? indexRenderableMediaAssets(dedupeById([...nextBaseAssets, ...state.registeredAssets])) : snapshot.mediaAssetIndex
 			};
 		}
 		case "assetRegistered":
@@ -4087,31 +4227,11 @@ function reduceRuntimeMediaAssetState(state, action) {
 			if (nextRegisteredAssets === state.registeredAssets) return state;
 			return {
 				...state,
-				registeredAssets: nextRegisteredAssets
+				registeredAssets: nextRegisteredAssets,
+				mediaAssetIndex: indexRenderableMediaAssets(dedupeById([...state.baseAssets, ...nextRegisteredAssets]))
 			};
 	}
 }
-/**
-* Returns a freshly deduped merge of base and runtime assets.
-* Callers should memoize the result if referential stability matters downstream.
-*/
-function selectRuntimeMediaAssets(state) {
-	return dedupeById([...state.baseAssets, ...state.registeredAssets]);
-}
-function createRuntimeMediaAssetSnapshotKey(siteId, assets) {
-	return JSON.stringify({
-		siteId,
-		assets: dedupeById(assets).map((asset) => ({
-			id: asset.id,
-			identifier: asset.identifier ?? null,
-			storageBucket: asset.storageBucket ?? null,
-			storagePath: asset.storagePath ?? null,
-			width: asset.width ?? null,
-			height: asset.height ?? null,
-			mimeType: asset.mimeType ?? null
-		}))
-	});
-}
 //#endregion
 //#region ../media-editor/src/provider.tsx
 const DEFAULT_MEDIA_BUCKET = process.env.NEXT_PUBLIC_MEDIA_BUCKET ?? "media";
@@ -4128,15 +4248,14 @@ function toRuntimeMediaAssetIndexItem(asset) {
 	};
 }
 function MediaEditorProvider({ siteId, apiClient, children, bucket = DEFAULT_MEDIA_BUCKET, getPublicUrl, augmentRequest, uploaderOptions, bearerToken, supabaseUrl, mediaAssets }) {
-	const baseAssetsSnapshotKey = useMemo(() => createRuntimeMediaAssetSnapshotKey(siteId, mediaAssets ?? []), [mediaAssets, siteId]);
-	const [runtimeMediaAssetState, dispatchRuntimeMediaAssetAction] = useReducer(reduceRuntimeMediaAssetState, createRuntimeMediaAssetState(siteId, mediaAssets ?? []));
+	const snapshot = useMemo(() => createRuntimeMediaAssetState(siteId, mediaAssets ?? []), [mediaAssets, siteId]);
+	const [runtimeMediaAssetState, dispatchRuntimeMediaAssetAction] = useReducer(reduceRuntimeMediaAssetState, snapshot);
 	useEffect(() => {
 		dispatchRuntimeMediaAssetAction({
 			type: "siteSnapshotReplaced",
-			siteId,
-			baseAssets: mediaAssets ?? []
+			snapshot
 		});
-	}, [baseAssetsSnapshotKey, siteId]);
+	}, [snapshot]);
 	const repo = useMemo(() => {
 		const clientFn = (request) => {
 			return apiClient(augmentRequest ? augmentRequest(request, { siteId }) : request);
@@ -4155,11 +4274,12 @@ function MediaEditorProvider({ siteId, apiClient, children, bucket = DEFAULT_MED
 	const imageResolveContext = useMemo(() => buildResolveImageUrlContext({
 		siteId,
 		supabaseUrl: supabaseUrl ?? (DEFAULT_SUPABASE_URL || void 0),
-		mediaAssets: selectRuntimeMediaAssets(runtimeMediaAssetState)
+		mediaAssetIndex: runtimeMediaAssetState.siteId === siteId ? runtimeMediaAssetState.mediaAssetIndex : snapshot.mediaAssetIndex
 	}), [
 		runtimeMediaAssetState,
 		siteId,
-		supabaseUrl
+		supabaseUrl,
+		snapshot
 	]);
 	const resolvedSupabaseUrl = imageResolveContext.supabaseUrl;
 	const registerMediaAsset = useCallback((asset) => {
@@ -4167,7 +4287,7 @@ function MediaEditorProvider({ siteId, apiClient, children, bucket = DEFAULT_MED
 		dispatchRuntimeMediaAssetAction({
 			type: "assetRegistered",
 			siteId,
-			asset: toRuntimeMediaAssetIndexItem(asset)
+			asset: renderableMediaAssetSchema$1.parse(toRuntimeMediaAssetIndexItem(asset))
 		});
 	}, [siteId]);
 	const computePublicUrl = useCallback((asset) => {
@@ -8485,10 +8605,10 @@ function resolveShellThemeRoles(props) {
 }
 const previewContainerResponsiveEnabled = process.env.NEXT_PUBLIC_ENABLE_PREVIEW_CONTAINER_RESPONSIVE !== "false";
 const PreviewEditorSidebar = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorSidebar-Dr4NJi3Q.mjs")).PreviewEditorSidebar };
+	return { default: (await import("./PreviewEditorSidebar-C7FiaxlF.mjs")).PreviewEditorSidebar };
 });
 const PreviewEditorUI = React.lazy(async () => {
-	return { default: (await import("./PreviewEditorUI-DSZXQbyh.mjs")).PreviewEditorUI };
+	return { default: (await import("./PreviewEditorUI-DFst50q1.mjs")).PreviewEditorUI };
 });
 const previewPaneContainmentStyle = {
 	contain: "layout paint",
@@ -8515,6 +8635,7 @@ function renderShellProviders(input) {
 			apiClient: input.apiClient,
 			theme: themeRoles.persistenceTheme,
 			headerPreferences: props.themeSelectionHeaderPreferences ?? null,
+			footerPreferences: props.themeSelectionFooterPreferences,
 			themeId: props.themeId ?? null,
 			selectionId: props.themeSelectionId ?? null,
 			selectionVersion: props.themeSelectionVersion ?? null,
@@ -8843,6 +8964,7 @@ function resolveShellLayoutProps(input) {
 		themeSelectionButtonStyleSelection: props.themeSelectionButtonStyleSelection ?? null,
 		themeSelectionButtonStyleRepairs: props.themeSelectionButtonStyleRepairs ?? [],
 		themeSelectionHeaderPreferences: props.themeSelectionHeaderPreferences ?? null,
+		themeSelectionFooterPreferences: props.themeSelectionFooterPreferences,
 		themeSelectionHeaderSelection: props.themeSelectionHeaderSelection ?? null,
 		themeSelectionFooterLookId: props.themeSelectionFooterLookId ?? null,
 		themeSelectionHeaderLogo: props.themeSelectionHeaderLogo,
@@ -9772,48 +9894,40 @@ function isRecord(value) {
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/previewCustomizeSelectedMedia.ts
-function selectedImageFromMediaValue(value) {
-	if (value?.type !== "image" || !value.assetId) return null;
-	const parsed = parseMediaAssetId(value.assetId);
-	if (!parsed.ok) return null;
-	return selectedImageFromRenderableAsset({
-		id: parsed.value,
-		storageBucket: value.storageBucket,
-		storagePath: value.storagePath,
-		width: value.width,
-		height: value.height,
-		mimeType: value.mimeType
-	});
-}
-function selectedImageFromRenderableAsset(asset) {
+function selectedImageFromMediaValue(value, index) {
+	if (value?.type !== "image") return null;
+	const resolved = resolveManagedMediaReference(value, index);
+	return resolved.kind === "resolved" ? {
+		reference: value,
+		imageAsset: resolved.asset
+	} : null;
+}
+function selectedImageFromRenderableAsset(source) {
+	const asset = renderableMediaAssetSchema$1.parse({
+		...source,
+		width: source.width ?? null,
+		height: source.height ?? null
+	});
 	return {
-		mediaId: asset.id,
-		imageAsset: renderableImageAssetFromSource(asset)
+		reference: {
+			type: "image",
+			identifier: mediaIdentifierSchema$2.parse(asset.identifier)
+		},
+		imageAsset: asset
 	};
 }
 function imagePoolWithSelectedImage(input) {
-	if (input.override.kind !== "image" || input.selectedImage?.mediaId !== input.override.mediaId) return input.imagePool;
-	const mediaId = input.override.mediaId;
+	const selection = input.selectedImage;
+	if (input.override.kind !== "image" || selection?.reference.identifier !== input.override.reference.identifier) return input.imagePool;
 	return [{
-		mediaId,
+		reference: input.override.reference,
 		source: "general-media",
-		mediaAsset: input.selectedImage.imageAsset
-	}, ...input.imagePool.filter((item) => item.mediaId !== mediaId)];
+		mediaAsset: selection.imageAsset
+	}, ...input.imagePool.filter((item) => item.reference.identifier !== selection.reference.identifier)];
 }
-function selectedOrPooledImageAssetForMediaId(input) {
-	if (input.selectedImage?.mediaId === input.mediaId) return input.selectedImage.imageAsset;
-	return input.imagePool?.find((item) => item.mediaId === input.mediaId)?.mediaAsset;
-}
-function renderableImageAssetFromSource(asset) {
-	return {
-		id: asset.id,
-		...typeof asset.identifier === "string" ? { identifier: asset.identifier } : {},
-		...typeof asset.storageBucket === "string" ? { storageBucket: asset.storageBucket } : {},
-		...typeof asset.storagePath === "string" ? { storagePath: asset.storagePath } : {},
-		...typeof asset.width === "number" ? { width: asset.width } : {},
-		...typeof asset.height === "number" ? { height: asset.height } : {},
-		...typeof asset.mimeType === "string" ? { mimeType: asset.mimeType } : {}
-	};
+function selectedOrPooledImageAssetForReference(input) {
+	if (input.selectedImage?.reference.identifier === input.reference.identifier) return input.selectedImage.imageAsset;
+	return input.imagePool?.find((item) => item.reference.identifier === input.reference.identifier)?.mediaAsset;
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/previewCustomizeActions.ts
@@ -9873,9 +9987,9 @@ function setPageDesignBlockBackground(input) {
 		imagePool
 	}), input.override);
 	if (plan.kind !== "apply") return null;
-	const imageAsset = plan.override.kind === "image" ? selectedOrPooledImageAssetForMediaId({
+	const imageAsset = plan.override.kind === "image" ? selectedOrPooledImageAssetForReference({
 		imagePool: input.imagePool,
-		mediaId: plan.override.mediaId,
+		reference: plan.override.reference,
 		selectedImage: input.selectedImage
 	}) : void 0;
 	return {
@@ -10285,13 +10399,16 @@ function useArrangementToolbar(input) {
 		editHeadline: () => input.openField(headlineFieldPath(designBlock.blockKind))
 	};
 }
-function ArrangementControlsRow({ toolbar, blockTitle, popover, onToggleOptions, editButton }) {
+function ArrangementControlsRow({ toolbar, blockName, blockTitle, popover, onToggleOptions, editButton }) {
 	const { controls } = toolbar;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-label": `${blockTitle} controls`,
 			className: "flex min-w-0 items-center justify-end gap-1 sm:flex-wrap",
 			"data-preview-chrome-row": "",
 			children: [
+				blockName,
 				controls.mode ? /* @__PURE__ */ jsx(ArrangementModeSwitchPill, {
 					blockLabel: blockTitle,
 					mode: controls.mode,
@@ -10411,7 +10528,7 @@ function useMediaQuery(query) {
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/BlockBackgroundChooser.tsx
-function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
+function BackgroundChooser({ editingSlot, capability, current, imagePoolStatus, onChoose }) {
 	const chooseFromClick = (override) => (event) => {
 		event.preventDefault();
 		event.stopPropagation();
@@ -10431,6 +10548,7 @@ function BackgroundChooser({ capability, current, imagePoolStatus, onChoose }) {
 				chooseFromClick
 			}) : null,
 			current.kind === "image" ? /* @__PURE__ */ jsx(BackgroundImageOptions, {
+				editingSlot,
 				capability,
 				current,
 				imagePoolStatus,
@@ -10546,7 +10664,7 @@ function SelectedGradient({ gradientId, onReset }) {
 		}) : null]
 	});
 }
-function BackgroundImageOptions({ capability, current, imagePoolStatus, onChoose, chooseFromClick }) {
+function BackgroundImageOptions({ editingSlot, capability, current, imagePoolStatus, onChoose, chooseFromClick }) {
 	const mediaEditorContext = useMediaEditorOptional();
 	const [mediaPickerOpenKey, setMediaPickerOpenKey] = useState(0);
 	if (!capability.modes.includes("image")) return null;
@@ -10561,18 +10679,19 @@ function BackgroundImageOptions({ capability, current, imagePoolStatus, onChoose
 			className: "space-y-1",
 			children: images.map((item) => /* @__PURE__ */ jsx(ImagePoolButton, {
 				item,
-				selected: current.mediaId === item.mediaId,
+				selected: current.reference.identifier === item.reference.identifier,
 				thumbnailUrl: backgroundImagePreviewUrl(item, mediaEditorContext),
 				onClick: chooseFromClick({
 					kind: "image",
-					mediaId: item.mediaId
+					reference: item.reference
 				})
-			}, `${item.source}:${item.mediaId}`))
+			}, `${item.source}:${item.reference.identifier}`))
 		}) : /* @__PURE__ */ jsx("p", {
 			className: "text-xs text-muted-foreground",
 			children: imagePoolStatus === "loading" ? "Loading images..." : "No background-ready images yet."
 		}),
 		mediaPickerOpenKey > 0 && mediaEditorContext ? /* @__PURE__ */ jsx(BackgroundMediaPicker, {
+			editingSlot,
 			openKey: mediaPickerOpenKey,
 			onChoose,
 			onDone: () => setMediaPickerOpenKey(0)
@@ -10618,19 +10737,21 @@ function ImagePoolButton({ item, selected, thumbnailUrl, onClick }) {
 		})
 	});
 }
-function BackgroundMediaPicker({ openKey, onChoose, onDone }) {
+function BackgroundMediaPicker({ editingSlot, openKey, onChoose, onDone }) {
+	const mediaEditorContext = useMediaEditorOptional();
 	const chooseMediaValue = (value) => {
-		const selectedImage = selectedImageFromMediaValue(value);
+		const selectedImage = selectedImageFromMediaValue(value, mediaEditorContext?.imageResolveContext.mediaAssetIndex);
 		if (!selectedImage) return;
 		onChoose({
 			kind: "image",
-			mediaId: selectedImage.mediaId
+			reference: selectedImage.reference
 		}, { selectedImage });
 		onDone();
 	};
 	return /* @__PURE__ */ jsx("div", {
 		onClick: (event) => event.stopPropagation(),
 		children: /* @__PURE__ */ jsx(MediaEditor, {
+			editingSlot,
 			value: void 0,
 			onChange: chooseMediaValue,
 			allowedKinds: ["image"],
@@ -10644,10 +10765,11 @@ function BackgroundMediaPicker({ openKey, onChoose, onDone }) {
 			},
 			onUploadComplete: (asset) => {
 				if (backgroundMediaPickerAssetSelection(asset).tag === "disabled") return;
+				const selectedImage = selectedImageFromRenderableAsset(asset);
 				onChoose({
 					kind: "image",
-					mediaId: asset.id
-				}, { selectedImage: selectedImageFromRenderableAsset(asset) });
+					reference: selectedImage.reference
+				}, { selectedImage });
 				onDone();
 			}
 		}, openKey)
@@ -10673,7 +10795,7 @@ function BackgroundPreviewSwatch({ override, imagePool }) {
 			style: { backgroundImage: gradientPreviewCss(override.gradientId) }
 		});
 		case "image":
-			const imageItem = imagePool.find((item) => item.mediaId === override.mediaId);
+			const imageItem = imagePool.find((item) => item.reference.identifier === override.reference.identifier);
 			const thumbnailUrl = imageItem ? backgroundImagePreviewUrl(imageItem, mediaEditorContext) : void 0;
 			return /* @__PURE__ */ jsx("span", {
 				className: `${baseClassName} bg-muted`,
@@ -10690,13 +10812,7 @@ function backgroundImagePreviewUrl(item, mediaEditorContext) {
 	if (!asset) return void 0;
 	return resolveImageUrlWithContext({
 		type: "image",
-		assetId: asset.id,
-		...asset.identifier ? { identifier: asset.identifier } : {},
-		storageBucket: asset.storageBucket,
-		storagePath: asset.storagePath,
-		...asset.width != null ? { width: asset.width } : {},
-		...asset.height != null ? { height: asset.height } : {},
-		mimeType: asset.mimeType
+		asset
 	}, {
 		width: 72,
 		height: 48,
@@ -10790,7 +10906,7 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 	const backgroundCycleImagePool = useMemo(() => {
 		if (currentBackground.kind === "supported" && currentBackground.override.kind === "image") {
 			const currentOverride = currentBackground.override;
-			if (!backgroundImagePool.some((item) => item.mediaId === currentOverride.mediaId)) return rankBackgroundImagePoolItems(dedupeBackgroundImagePool([...imagePoolForOverride(currentOverride), ...backgroundImagePool]));
+			if (!backgroundImagePool.some((item) => item.reference.identifier === currentOverride.reference.identifier)) return rankBackgroundImagePoolItems(dedupeBackgroundImagePool([...imagePoolForOverride(currentOverride), ...backgroundImagePool]));
 		}
 		return rankBackgroundImagePoolItems(backgroundImagePool);
 	}, [backgroundImagePool, currentBackground]);
@@ -10977,6 +11093,10 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 		popover.toggle(e);
 	};
 	const blockTitle = formatBlockKindLabel$1(blockKind);
+	const blockName = /* @__PURE__ */ jsx(BlockNamePill, {
+		phone: selection.phone,
+		label: blockTitle
+	});
 	const editButton = /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick: handleEdit,
@@ -10998,6 +11118,7 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 			enabledBackgroundModeList,
 			handleBackgroundCycle,
 			imagePoolStatus: backgroundImagePoolStatus,
+			editingSlot: `${blockId}:_sectionStyles.background.image`,
 			mergedBackgroundImagePool,
 			onChooseBackgroundOverride: chooseBackgroundOverride,
 			onToggleBackgroundChooser: () => setBackgroundChooserOpen((open) => !open)
@@ -11013,16 +11134,18 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 	});
 	return /* @__PURE__ */ jsx(BlockToolbarFrame, {
 		selection,
-		blockTitle,
 		placement,
 		forceVisible: popover.open,
 		controls: arrangementToolbar ? /* @__PURE__ */ jsx(ArrangementControlsRow, {
 			toolbar: arrangementToolbar,
+			blockName,
 			blockTitle,
 			popover,
 			onToggleOptions: toggleCustomize,
 			editButton
 		}) : /* @__PURE__ */ jsx(LegacyControlsRow, {
+			blockName,
+			blockTitle,
 			popover,
 			showCustomise: hasCustomizeControls,
 			onToggleCustomise: toggleCustomize,
@@ -11040,7 +11163,7 @@ function BlockToolbar({ blockId, blockKind, content, bookingOfferingPresets, the
 * Where a block's controls go: floating with the block on wider screens, or
 * in one dock above the toolbar on a phone (only for the selected section).
 */
-function BlockToolbarFrame({ selection, blockTitle, placement, forceVisible, controls, popoverPanel }) {
+function BlockToolbarFrame({ selection, placement, forceVisible, controls, popoverPanel }) {
 	const dock = selection.phone && selection.selected;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx("span", {
@@ -11048,7 +11171,6 @@ function BlockToolbarFrame({ selection, blockTitle, placement, forceVisible, con
 			"aria-hidden": "true",
 			style: { display: "contents" }
 		}),
-		selection.selected ? /* @__PURE__ */ jsx(SelectedBlockOutline, { label: blockTitle }) : null,
 		dock ? /* @__PURE__ */ jsxs(PhoneBlockDock, {
 			themeSource: selection.blockElement,
 			children: [controls, popoverPanel]
@@ -11069,17 +11191,31 @@ function BlockToolbarFrame({ selection, blockTitle, placement, forceVisible, con
 		})
 	] });
 }
-function LegacyControlsRow({ popover, showCustomise, onToggleCustomise, editButton }) {
+/** Quiet block identity beside either toolbar's controls, omitted in the phone dock. */
+function BlockNamePill({ phone, label }) {
+	if (phone) return null;
+	return /* @__PURE__ */ jsx("span", {
+		className: "shrink-0 rounded-full bg-background/95 px-2.5 py-1 text-xs text-muted-foreground",
+		children: label
+	});
+}
+function LegacyControlsRow({ blockName, blockTitle, popover, showCustomise, onToggleCustomise, editButton }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex gap-1",
+		role: "group",
+		"aria-label": `${blockTitle} controls`,
+		className: "flex items-center gap-1",
 		"data-preview-chrome-row": "",
-		children: [showCustomise ? /* @__PURE__ */ jsx(CustomizePillButton, {
-			buttonRef: popover.buttonRef,
-			ariaLabel: "Customise",
-			open: popover.open,
-			controlsId: popover.panelId,
-			onClick: onToggleCustomise
-		}) : null, editButton]
+		children: [
+			blockName,
+			showCustomise ? /* @__PURE__ */ jsx(CustomizePillButton, {
+				buttonRef: popover.buttonRef,
+				ariaLabel: "Customise",
+				open: popover.open,
+				controlsId: popover.panelId,
+				onClick: onToggleCustomise
+			}) : null,
+			editButton
+		]
 	});
 }
 function QuickManifestFields({ fields, backend, blockKind, bookingOfferingPresets }) {
@@ -11099,17 +11235,6 @@ function QuickManifestFields({ fields, backend, blockKind, bookingOfferingPreset
 		})
 	});
 }
-/** A solid outline and the section's name on the selected block. */
-function SelectedBlockOutline({ label }) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
-		"aria-hidden": "true",
-		"data-preview-selected-block": "",
-		className: "pointer-events-none absolute inset-0 z-[40] outline outline-2 -outline-offset-2 outline-sky-600"
-	}), /* @__PURE__ */ jsx("span", {
-		className: "pointer-events-none absolute bottom-2 left-2 z-[40] rounded bg-sky-600 px-1.5 py-0.5 text-[11px] font-medium text-white",
-		children: label
-	})] });
-}
 /** On a phone the selected section's controls sit in one dock above the toolbar. */
 function PhoneBlockDock({ themeSource, children }) {
 	if (typeof document === "undefined") return null;
@@ -11207,6 +11332,7 @@ function renderBlockCustomizeBuiltinRow(row, context) {
 					context.onToggleBackgroundChooser();
 				},
 				chooser: /* @__PURE__ */ jsx(BackgroundChooser, {
+					editingSlot: context.editingSlot,
 					capability: context.backgroundCapability,
 					current: context.currentBackground.override,
 					imagePoolStatus: context.imagePoolStatus,
@@ -11300,7 +11426,7 @@ function backgroundOverrideValueLabel(override, imagePool) {
 		case "default": return "No colour chosen";
 		case "color": return formatTokenLabel(override.token);
 		case "gradient": return gradientLabel(override.gradientId);
-		case "image": return imagePool.find((item) => item.mediaId === override.mediaId)?.label ?? "Image";
+		case "image": return imagePool.find((item) => item.reference.identifier === override.reference.identifier)?.label ?? "Image";
 	}
 }
 function backgroundModeLabel(mode) {
@@ -11322,24 +11448,21 @@ function readBackgroundColorPaletteSnapshot() {
 	return entries.length > 0 ? Object.fromEntries(entries) : null;
 }
 function dedupeBackgroundImagePool(items) {
-	const seen = /* @__PURE__ */ new Set();
-	const deduped = [];
-	for (const item of items) {
-		if (seen.has(item.mediaId)) {
-			const existingIndex = deduped.findIndex((candidate) => candidate.mediaId === item.mediaId);
-			const existing = deduped[existingIndex];
-			if (existing && !existing.mediaAsset && item.mediaAsset) deduped[existingIndex] = {
-				...existing,
-				mediaAsset: item.mediaAsset,
-				label: existing.label ?? item.label,
-				rank: existing.rank ?? item.rank
-			};
-			continue;
-		}
-		seen.add(item.mediaId);
-		deduped.push(item);
-	}
-	return deduped;
+	return Array.from(items.reduce((pool, item) => {
+		const key = item.reference.identifier;
+		const existing = pool.get(key);
+		const decided = existing ? existing.source === "current" ? {
+			...existing,
+			mediaAsset: existing.mediaAsset ?? item.mediaAsset,
+			label: existing.label ?? item.label,
+			rank: existing.rank ?? item.rank
+		} : {
+			...existing,
+			label: existing.label ?? item.label,
+			rank: existing.rank ?? item.rank
+		} : item;
+		return new Map([...pool, [key, decided]]);
+	}, /* @__PURE__ */ new Map()).values());
 }
 //#endregion
 //#region ../preview-next/src/client/blocks/BoundaryControl.tsx