@riverbankcms/sdk 0.144.0 → 0.145.0

package/dist/{SiteChromeCustomizeContext-CKgEpoxi.mjs → SiteChromeCustomizeContext-CNTKQ9nx.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { d as unwrapResponse, l as ApiEnvelopeError, s as ApiRequestError, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-JA6-I_sL.mjs";
+import { d as unwrapResponse, l as ApiEnvelopeError, s as ApiRequestError, u as extractApiEnvelopeErrorDetails } from "./previewAuthStore-BxAFlu-j.mjs";
 import * as React$1 from "react";
 import React, { Component, Fragment, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, memo, startTransition, useCallback, useContext, useDebugValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -398,7 +398,7 @@ function parseEventPageSurfaceDestinationMode(value) {
 	return value === "cms-managed" || value === "system-managed" ? value : void 0;
 }
 function parseEventPageSurfaceSubject(value) {
-	if (!isRecord$29(value)) return err$1({ kind: "notObject" });
+	if (!isRecord$30(value)) return err$1({ kind: "notObject" });
 	switch (value.kind) {
 		case "eventSeries": {
 			const eventSeriesId = parseEventSeriesId(value.eventSeriesId);
@@ -453,7 +453,7 @@ function parseEventSeriesIdList(values) {
 	}
 	return ok$2(parsed);
 }
-function isRecord$29(value) {
+function isRecord$30(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -892,6 +892,74 @@ function localScheduleDateTimeToUtcDate(localDate, localTime, timeZone) {
 	return new Date(guess);
 }
 //#endregion
+//#region ../core/src/appointment-service-categories.ts
+/**
+* Groups services under their categories.
+*
+* A service whose `categoryId` names no category in `categories` lands in
+* Other. The composite foreign key keeps that from happening with stored data,
+* so this is only the total, safe answer for a caller holding a stale list.
+*/
+function layoutServicesByCategory(categories, services, options) {
+	if (categories.length === 0) return {
+		kind: "uncategorized-site",
+		services: [...services]
+	};
+	const buckets = new Map(categories.map((category) => [category.id, []]));
+	const other = [];
+	for (const service of services) {
+		const bucket = service.categoryId === null ? void 0 : buckets.get(service.categoryId);
+		if (bucket !== void 0) bucket.push(service);
+		else other.push(service);
+	}
+	const groups = [];
+	for (const category of categories) {
+		const groupServices = buckets.get(category.id) ?? [];
+		if (groupServices.length === 0 && !options.keepEmptyGroups) continue;
+		groups.push({
+			category,
+			services: groupServices
+		});
+	}
+	if (groups.length === 0 && !options.keepEmptyGroups) return {
+		kind: "uncategorized-site",
+		services: other
+	};
+	return {
+		kind: "categorized-site",
+		groups,
+		other
+	};
+}
+/**
+* Selects the public view for an optional category filter.
+*
+* It takes the category and service lists rather than a prebuilt layout
+* because the public layout has already dropped empty categories, and then an
+* empty category (`single` with no services) could not be told apart from a
+* deleted one (`fallback-all`).
+*/
+function selectCategoryView(categories, services, filterCategoryId) {
+	const publicLayout = () => layoutServicesByCategory(categories, services, { keepEmptyGroups: false });
+	if (filterCategoryId === null || filterCategoryId === void 0) return {
+		kind: "all",
+		layout: publicLayout()
+	};
+	const category = categories.find((candidate) => candidate.id === filterCategoryId);
+	if (category === void 0) return {
+		kind: "fallback-all",
+		missingCategoryId: filterCategoryId,
+		layout: publicLayout()
+	};
+	return {
+		kind: "single",
+		group: {
+			category,
+			services: services.filter((service) => service.categoryId === filterCategoryId)
+		}
+	};
+}
+//#endregion
 //#region ../core/src/location.ts
 function normalizeLocationAddressText(value) {
 	if (typeof value !== "string") return null;
@@ -1103,7 +1171,7 @@ const knownSocialPlatforms = [
 	"x",
 	"youtube"
 ];
-function isRecord$28(value) {
+function isRecord$29(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function trimmedOptionalString(value) {
@@ -1113,7 +1181,7 @@ function trimmedOptionalString(value) {
 	return trimmed.length > 0 ? trimmed : null;
 }
 function parsePublicContactDetails(value) {
-	if (!isRecord$28(value)) return err$1({
+	if (!isRecord$29(value)) return err$1({
 		code: "invalid_shape",
 		path: "contact",
 		message: "Contact details must be an object."
@@ -1193,7 +1261,7 @@ function minutesSinceMidnight(value) {
 }
 function parseOpeningHoursDay(value, expectedWeekday, index) {
 	const path = `openingHours.days.${index}`;
-	if (!isRecord$28(value) || value.weekday !== expectedWeekday) return err$1({
+	if (!isRecord$29(value) || value.weekday !== expectedWeekday) return err$1({
 		code: "invalid_weekdays",
 		path,
 		message: `Expected ${expectedWeekday} in calendar order.`
@@ -1210,7 +1278,7 @@ function parseOpeningHoursDay(value, expectedWeekday, index) {
 	const intervals = [];
 	for (const [intervalIndex, rawInterval] of value.intervals.entries()) {
 		const intervalPath = `${path}.intervals.${intervalIndex}`;
-		if (!isRecord$28(rawInterval)) return err$1({
+		if (!isRecord$29(rawInterval)) return err$1({
 			code: "invalid_interval",
 			path: intervalPath,
 			message: "Opening interval is invalid."
@@ -1252,7 +1320,7 @@ function parseOpeningHoursDay(value, expectedWeekday, index) {
 	});
 }
 function parseWeeklyOpeningHours(value) {
-	if (!isRecord$28(value) || !Array.isArray(value.days) || value.days.length !== publicProfileWeekdays.length) return err$1({
+	if (!isRecord$29(value) || !Array.isArray(value.days) || value.days.length !== publicProfileWeekdays.length) return err$1({
 		code: "invalid_weekdays",
 		path: "openingHours.days",
 		message: "Opening hours must include all seven weekdays."
@@ -1321,7 +1389,7 @@ function parsePublicSocialLinks(value) {
 	const ids = /* @__PURE__ */ new Set();
 	for (const [index, rawLink] of value.entries()) {
 		const path = `socialLinks.${index}`;
-		if (!isRecord$28(rawLink)) return err$1({
+		if (!isRecord$29(rawLink)) return err$1({
 			code: "invalid_social_link",
 			path,
 			message: "Social link is invalid."
@@ -1364,7 +1432,7 @@ function parsePublicSocialLinks(value) {
 	return ok$2(links);
 }
 function parsePublicProfile(value) {
-	if (!isRecord$28(value)) return err$1({
+	if (!isRecord$29(value)) return err$1({
 		code: "invalid_shape",
 		path: "",
 		message: "Public profile must be an object."
@@ -1404,7 +1472,7 @@ function parseContactVisibility(value) {
 		phone: "shown",
 		email: "shown"
 	});
-	if (!isRecord$28(value)) return err$1({
+	if (!isRecord$29(value)) return err$1({
 		code: "invalid_contact_visibility",
 		path: "contactVisibility",
 		message: "Contact visibility must be an object."
@@ -1427,6 +1495,36 @@ function parsePremises(value) {
 		message: "Premises must be true or false."
 	});
 }
+/**
+* The contact details the site may publish: the stored contact with every
+* hidden method removed, or null when nothing is left to show.
+*
+* Every public reader goes through this. The privacy policy identity is the
+* one exception and reads the stored email directly, because a hidden email
+* can still be the policy's contact.
+*/
+function publishedContactDetails(profile) {
+	const { contact, contactVisibility } = profile;
+	if (contact === null) return null;
+	const phone = contactVisibility.phone === "shown" ? contact.phone : null;
+	const email = contactVisibility.email === "shown" ? contact.email : null;
+	if (phone !== null && email !== null) return {
+		kind: "phone-and-email",
+		phone,
+		email
+	};
+	if (phone !== null) return {
+		kind: "phone",
+		phone,
+		email: null
+	};
+	if (email !== null) return {
+		kind: "email",
+		phone: null,
+		email
+	};
+	return null;
+}
 function parseAddressVisibility(value) {
 	if (value === void 0 || value === null) return ok$2("shown");
 	if (value === "shown" || value === "hidden") return ok$2(value);
@@ -1438,7 +1536,7 @@ function parseAddressVisibility(value) {
 }
 //#endregion
 //#region ../core/src/rich-text.ts
-function isRecord$27(value) {
+function isRecord$28(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function hasOnlyKeys(value, allowed) {
@@ -1458,15 +1556,15 @@ function isDenseArrayOf(value, predicate) {
 	return true;
 }
 function isTipTapMark(value) {
-	return isRecord$27(value) && hasOnlyKeys(value, markKeys) && typeof value.type === "string" && value.type.length > 0 && (value.attrs === void 0 || isRecord$27(value.attrs));
+	return isRecord$28(value) && hasOnlyKeys(value, markKeys) && typeof value.type === "string" && value.type.length > 0 && (value.attrs === void 0 || isRecord$28(value.attrs));
 }
 function isTipTapNode(value) {
-	if (!isRecord$27(value) || !hasOnlyKeys(value, nodeKeys) || typeof value.type !== "string" || value.type.length === 0 || value.type === "doc" || value.attrs !== void 0 && !isRecord$27(value.attrs) || value.marks !== void 0 && (!Array.isArray(value.marks) || !isDenseArrayOf(value.marks, isTipTapMark)) || value.content !== void 0 && (!Array.isArray(value.content) || !isDenseArrayOf(value.content, isTipTapNode))) return false;
+	if (!isRecord$28(value) || !hasOnlyKeys(value, nodeKeys) || typeof value.type !== "string" || value.type.length === 0 || value.type === "doc" || value.attrs !== void 0 && !isRecord$28(value.attrs) || value.marks !== void 0 && (!Array.isArray(value.marks) || !isDenseArrayOf(value.marks, isTipTapMark)) || value.content !== void 0 && (!Array.isArray(value.content) || !isDenseArrayOf(value.content, isTipTapNode))) return false;
 	if (value.type === "text") return typeof value.text === "string" && value.text.length > 0 && value.content === void 0;
 	return value.text === void 0;
 }
 function isCanonicalRichTextDoc(value) {
-	return isRecord$27(value) && hasOnlyKeys(value, rootKeys) && value.type === "doc" && Array.isArray(value.content) && isDenseArrayOf(value.content, isTipTapNode);
+	return isRecord$28(value) && hasOnlyKeys(value, rootKeys) && value.type === "doc" && Array.isArray(value.content) && isDenseArrayOf(value.content, isTipTapNode);
 }
 //#endregion
 //#region ../core/src/mailing-list-identifiers.ts
@@ -1501,10 +1599,10 @@ function parseBrevoListId(value) {
 //#endregion
 //#region ../core/src/mailing-list-targeting-parser.ts
 function parseMailingListPlacementTargeting(value) {
-	if (!isRecord$26(value)) return targetingError("shape");
+	if (!isRecord$27(value)) return targetingError("shape");
 	if (value.mode === "default") return ok$2({ mode: "default" });
 	if (value.mode !== "custom") return targetingError("mode");
-	if (!isRecord$26(value.selection)) return targetingError("selection");
+	if (!isRecord$27(value.selection)) return targetingError("selection");
 	switch (value.provider) {
 		case "native": return parseNativeTargeting(value.selection);
 		case "brevo": return parseBrevoTargeting(value.selection);
@@ -1513,7 +1611,7 @@ function parseMailingListPlacementTargeting(value) {
 	}
 }
 function parseMailingListVisitorSelection(value) {
-	if (!isRecord$26(value)) return visitorSelectionError$1("shape");
+	if (!isRecord$27(value)) return visitorSelectionError$1("shape");
 	switch (value.provider) {
 		case "native": {
 			const topicIds = parseVisitorIds(value.topicIds, parseNewsletterListId);
@@ -1646,7 +1744,7 @@ function parseVisitorIds(value, parseId) {
 	}
 	return parsed;
 }
-function isRecord$26(value) {
+function isRecord$27(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function targetingError(field) {
@@ -1663,7 +1761,7 @@ function visitorSelectionError$1(field) {
 }
 //#endregion
 //#region ../core/src/footer-engagement.ts
-function isRecord$25(value) {
+function isRecord$26(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function invalid(path, message) {
@@ -1689,7 +1787,7 @@ function parseEngagementBase(value, base, path) {
 	if (heading.value === null) return err$1(invalid(`${path}.heading`, "Footer engagement heading cannot be empty."));
 	const treatment = parseTreatment(value.treatment, `${path}.treatment`);
 	if (!treatment.ok) return treatment;
-	if (!isRecord$25(value.source)) return err$1(invalid(`${path}.source`, "Footer engagement source is invalid."));
+	if (!isRecord$26(value.source)) return err$1(invalid(`${path}.source`, "Footer engagement source is invalid."));
 	const intro = parseBoundedText(value.source.intro, `${path}.source.intro`, {
 		maxLength: 240,
 		optional: true
@@ -1732,7 +1830,7 @@ function parseFooterEngagementSectionValue(value, sectionBase, path) {
 	const base = parseEngagementBase(value, sectionBase, path);
 	if (!base.ok) return base;
 	const source = value.source;
-	if (!isRecord$25(source)) return err$1(invalid(`${path}.source`, "Footer engagement source is invalid."));
+	if (!isRecord$26(source)) return err$1(invalid(`${path}.source`, "Footer engagement source is invalid."));
 	switch (source.kind) {
 		case "standard-contact": return parseStandardContact(source, base.value, `${path}.source`);
 		case "mailing-list": return parseMailingList(source, base.value, `${path}.source`);
@@ -1835,7 +1933,7 @@ function unsafeAsFooterModuleId(value) {
 function parseFooterModuleId(value) {
 	return parseSectionId(value, "sectionId");
 }
-function isRecord$24(value) {
+function isRecord$25(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isRichText(value) {
@@ -1861,7 +1959,7 @@ function parseHeading(value, path) {
 }
 function parseFooterSection(value, index) {
 	const path = `sections.${index}`;
-	if (!isRecord$24(value)) return err$1({
+	if (!isRecord$25(value)) return err$1({
 		code: "invalid_section",
 		path,
 		message: "Footer section must be an object."
@@ -1890,7 +1988,7 @@ function parseFooterSection(value, index) {
 			});
 			break;
 		case "navigation":
-			if (isRecord$24(value.source) && value.source.kind === "menu-role" && value.source.role === "main") return ok$2({
+			if (isRecord$25(value.source) && value.source.kind === "menu-role" && value.source.role === "main") return ok$2({
 				...base,
 				kind: "navigation",
 				heading: heading.value,
@@ -1901,7 +1999,7 @@ function parseFooterSection(value, index) {
 			});
 			break;
 		case "legal-navigation":
-			if (isRecord$24(value.source) && value.source.kind === "menu-role" && value.source.role === "legal-policy") return ok$2({
+			if (isRecord$25(value.source) && value.source.kind === "menu-role" && value.source.role === "legal-policy") return ok$2({
 				...base,
 				kind: "legal-navigation",
 				heading: heading.value,
@@ -1912,7 +2010,7 @@ function parseFooterSection(value, index) {
 			});
 			break;
 		case "business-address":
-			if (isRecord$24(value.source) && value.source.kind === "business-address") return ok$2({
+			if (isRecord$25(value.source) && value.source.kind === "business-address") return ok$2({
 				...base,
 				kind: "business-address",
 				heading: heading.value,
@@ -1922,7 +2020,7 @@ function parseFooterSection(value, index) {
 		case "contact":
 		case "opening-hours":
 		case "social-links":
-			if (isRecord$24(value.source) && value.source.kind === "public-profile") return ok$2({
+			if (isRecord$25(value.source) && value.source.kind === "public-profile") return ok$2({
 				...base,
 				kind: value.kind,
 				heading: heading.value,
@@ -2142,7 +2240,7 @@ const defaultSections = (legacy, options) => {
 	];
 };
 function normalizeLegacyFooterContentToV1(value, options = {}) {
-	if (!isRecord$24(value)) return err$1({
+	if (!isRecord$25(value)) return err$1({
 		code: "invalid_shape",
 		path: "",
 		message: "Legacy footer content must be an object."
@@ -2160,7 +2258,7 @@ function normalizeFooterNavigationLayout(value) {
 }
 //#endregion
 //#region ../core/src/mailing-list-setup.ts
-function isRecord$23(value) {
+function isRecord$24(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /** The name shown to people for each provider; the native one is the product brand. */
@@ -2173,7 +2271,7 @@ function mailingListProviderName(provider) {
 }
 const DEFAULT_MAILING_LIST_SUCCESS_MESSAGE = "Thanks — you're on the list.";
 function parseMailingListProviderScope(value) {
-	if (!isRecord$23(value)) return err$1("invalid_mailing_list_provider_scope");
+	if (!isRecord$24(value)) return err$1("invalid_mailing_list_provider_scope");
 	if (value.provider === "native") return ok$2({ provider: "native" });
 	if (value.provider === "brevo") {
 		const accountId = parseBrevoAccountId(value.accountId);
@@ -2194,7 +2292,7 @@ function parseMailingListProviderScope(value) {
 //#endregion
 //#region ../core/src/mailing-list-setup-parser.ts
 function parseMailingListGlobalForm(value) {
-	if (!isRecord$22(value)) return formError("shape");
+	if (!isRecord$23(value)) return formError("shape");
 	const fields = parseGlobalFields(value.fields);
 	if (fields === null) return formError("fields");
 	if (typeof value.includeOptionalPhone !== "boolean") return formError("includeOptionalPhone");
@@ -2213,7 +2311,7 @@ function parseMailingListGlobalForm(value) {
 	});
 }
 function parseGlobalFields(value) {
-	if (!isRecord$22(value) || typeof value.preset !== "string") return null;
+	if (!isRecord$23(value) || typeof value.preset !== "string") return null;
 	switch (value.preset) {
 		case "emailOnly": return { preset: "emailOnly" };
 		case "emailName": return isRequirement(value.name) ? {
@@ -2250,7 +2348,7 @@ function parseOptionalString(value) {
 function isRequirement(value) {
 	return value === "required" || value === "optional";
 }
-function isRecord$22(value) {
+function isRecord$23(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function formError(field) {
@@ -2321,7 +2419,7 @@ function planMailingListChoicePresentation(targeting) {
 //#endregion
 //#region ../core/src/mailing-list-runtime.ts
 function parseMailingListRuntimeContext(value) {
-	if (!isRecord$21(value)) return invalidRuntimeContext();
+	if (!isRecord$22(value)) return invalidRuntimeContext();
 	if (value.tag === "not_configured") return ok$2({ tag: "not_configured" });
 	if (value.tag !== "configured") return invalidRuntimeContext();
 	const revision = parseMailingListSetupRevision(value.revision);
@@ -2336,7 +2434,7 @@ function parseMailingListRuntimeContext(value) {
 	});
 }
 function parseRuntimeProvider(value) {
-	if (!isRecord$21(value)) return null;
+	if (!isRecord$22(value)) return null;
 	switch (value.provider) {
 		case "native": return parseNativeRuntimeProvider(value);
 		case "brevo": return parseBrevoRuntimeProvider(value);
@@ -2368,7 +2466,7 @@ function parseMailchimpRuntimeProvider(value) {
 	if (defaultAudienceId === null) return null;
 	const audiences = [];
 	for (const audience of value.audiences) {
-		if (!isRecord$21(audience)) return null;
+		if (!isRecord$22(audience)) return null;
 		const id = parseMailchimpAudienceId(audience.id);
 		const name = parseName(audience.name);
 		if (id === null || name === null || !Array.isArray(audience.interests)) return null;
@@ -2389,7 +2487,7 @@ function parseMailchimpRuntimeProvider(value) {
 function parseMailchimpInterests(value) {
 	const interests = [];
 	for (const interest of value) {
-		if (!isRecord$21(interest)) return null;
+		if (!isRecord$22(interest)) return null;
 		const id = parseMailchimpInterestId(interest.id);
 		const name = parseName(interest.name);
 		const categoryName = parseName(interest.categoryName);
@@ -2406,7 +2504,7 @@ function parseNamedItems(value, parseId) {
 	if (!Array.isArray(value)) return null;
 	const items = [];
 	for (const item of value) {
-		if (!isRecord$21(item)) return null;
+		if (!isRecord$22(item)) return null;
 		const id = parseId(item.id);
 		const name = parseName(item.name);
 		if (id === null || name === null) return null;
@@ -2422,7 +2520,7 @@ function parseName(value) {
 	const name = value.trim();
 	return name.length > 0 ? name : null;
 }
-function isRecord$21(value) {
+function isRecord$22(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function invalidRuntimeContext() {
@@ -75020,7 +75118,7 @@ function BooleanField({ path, backend, config }) {
 }
 //#endregion
 //#region ../block-form/src/utils/typeGuards.ts
-function isRecord$20(value) {
+function isRecord$21(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isObjectRecord$2(value) {
@@ -78036,7 +78134,7 @@ function useRepeaterRowErrors(field, index, backend, basePath) {
 		const rowErrorNode = getErrorAtPath(errorsRoot, rowPath);
 		if (!rowErrorNode) return [];
 		const rowValues = backend.getValue(rowPath);
-		const valueContext = isRecord$20(rowValues) ? rowValues : {};
+		const valueContext = isRecord$21(rowValues) ? rowValues : {};
 		const baseSegments = rowPath.split(".").filter((s) => s.length > 0);
 		const results = [];
 		let fieldsToTraverse = [];
@@ -78071,7 +78169,7 @@ function useRepeaterRowErrors(field, index, backend, basePath) {
 						const itemError = errorArray[itemIndex];
 						let nestedFields = [];
 						if (childRepeater.polymorphic && childRepeater.itemTypes) {
-							const itemType = isRecord$20(itemValue) && typeof itemValue._type === "string" ? itemValue._type : Object.keys(childRepeater.itemTypes)[0] ?? "";
+							const itemType = isRecord$21(itemValue) && typeof itemValue._type === "string" ? itemValue._type : Object.keys(childRepeater.itemTypes)[0] ?? "";
 							const typeSchema = itemType ? childRepeater.itemTypes[itemType] : void 0;
 							if (typeSchema) nestedFields = typeSchema.fields;
 						} else if (!childRepeater.polymorphic && childRepeater.fields) nestedFields = childRepeater.fields;
@@ -78106,13 +78204,13 @@ function getErrorAtPath(errors, path) {
 	const segments = path.split(".").filter((s) => s.length > 0);
 	let current = errors;
 	for (const segment of segments) {
-		if (!isRecord$20(current)) return void 0;
+		if (!isRecord$21(current)) return void 0;
 		current = current[segment];
 	}
 	return current;
 }
 function getChildValue(node, key) {
-	if (isRecord$20(node)) return node[key];
+	if (isRecord$21(node)) return node[key];
 }
 function extractMessage$1(error) {
 	if (!error) return void 0;
@@ -78124,7 +78222,7 @@ function extractMessage$1(error) {
 		}
 		return;
 	}
-	if (isRecord$20(error) && typeof error.message === "string") return error.message;
+	if (isRecord$21(error) && typeof error.message === "string") return error.message;
 }
 //#endregion
 //#region ../block-form/src/context/DisplayLabelResolverContext.tsx
@@ -79135,11 +79233,11 @@ function isSameHotspot(a, b) {
 }
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$19(value) {
+function isRecord$20(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord(value) {
-	return isRecord$19(value) ? value : void 0;
+	return isRecord$20(value) ? value : void 0;
 }
 //#endregion
 //#region ../media-core/src/cropDebug.ts
@@ -79321,8 +79419,8 @@ function walkAndCollectImageAttrs(value, out, location = "") {
 		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
 		return;
 	}
-	if (!isRecord$19(value)) return;
-	if (value.type === "image" && isRecord$19(value.attrs)) out.push({
+	if (!isRecord$20(value)) return;
+	if (value.type === "image" && isRecord$20(value.attrs)) out.push({
 		attrs: value.attrs,
 		location: location ? `${location}.attrs` : "attrs"
 	});
@@ -84021,7 +84119,7 @@ const LETTER_SPACING_MAP = {
 	normal: "0",
 	loose: "0.05em"
 };
-function rule(selector, declarations) {
+function rule$1(selector, declarations) {
 	return {
 		selectors: typeof selector === "string" ? [selector] : selector,
 		declarations
@@ -84204,7 +84302,7 @@ function variantAffordanceRule(variant, selector) {
 	const maskUrl = affordanceIconMaskUrl(affordance.iconId);
 	if (!maskUrl) return null;
 	const mask = `url("${maskUrl}") no-repeat center / contain`;
-	return rule(`${selector}:not(.${AFFORDANCE_SUPPRESS_CLASS})::after`, [
+	return rule$1(`${selector}:not(.${AFFORDANCE_SUPPRESS_CLASS})::after`, [
 		["content", "\"\""],
 		["display", "inline-block"],
 		["width", "1em"],
@@ -84243,7 +84341,7 @@ function variantBaseRule(variant, selector, global, tokens, theme, colour) {
 		const borderWidth = BORDER_WIDTH_MAP[variant.border.widthClass] || "1px";
 		decls.push(["border", `${borderWidth} solid currentColor`]);
 	}
-	return rule(selector, decls);
+	return rule$1(selector, decls);
 }
 /**
 * Resolve a colour for a button that does not own its own background.
@@ -84254,13 +84352,13 @@ function variantBaseRule(variant, selector, global, tokens, theme, colour) {
 */
 function variantStateColourRule(variantId, themeId, state, colour) {
 	const baseSelector = `:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId)}`;
-	return rule(state === "hover" ? [`${baseSelector}:hover`, `${baseSelector}[data-force-hover="true"]`] : `${baseSelector}:${state}`, resolvedButtonColourDeclarations(colour, {
+	return rule$1(state === "hover" ? [`${baseSelector}:hover`, `${baseSelector}[data-force-hover="true"]`] : `${baseSelector}:${state}`, resolvedButtonColourDeclarations(colour, {
 		role: variantId,
 		state
 	}));
 }
 function variantFocusVisibleRule(variantId, themeId, focusIndicator) {
-	return rule(`:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId)}:focus-visible`, resolvedButtonFocusDeclarations(focusIndicator, variantId));
+	return rule$1(`:where([data-theme-scope="${themeId}"]) ${themeButtonSelector(variantId)}:focus-visible`, resolvedButtonFocusDeclarations(focusIndicator, variantId));
 }
 function variantEffectsCss(variant, effects, themeId, tokens, theme) {
 	if (!effects) return "";
@@ -84286,10 +84384,10 @@ function variantDisabledRules(variantId, themeId, colour) {
 		`${base}:focus`
 	];
 	const pseudoSelectors = [`${base}::before`, `${base}::after`];
-	return [rule(disabledSelectors, [...resolvedButtonColourDeclarations(colour, {
+	return [rule$1(disabledSelectors, [...resolvedButtonColourDeclarations(colour, {
 		role: variantId,
 		state: "disabled"
-	}), ...RESOLVED_BUTTON_DISABLED_DECLARATIONS]), rule(pseudoSelectors, [
+	}), ...RESOLVED_BUTTON_DISABLED_DECLARATIONS]), rule$1(pseudoSelectors, [
 		["opacity", "0"],
 		["animation", "none"],
 		["pointer-events", "none"]
@@ -84304,7 +84402,7 @@ function variantSizeRules(variant, variantId, themeSizes, themeId) {
 		const decls = [];
 		for (const decl of paddingDeclarations(config.padding, borderWidth)) decls.push(decl);
 		if (config.fontSize) decls.push(["font-size", FONT_SIZE_MAP[config.fontSize] || "1rem"]);
-		rules.push(rule(selector, decls));
+		rules.push(rule$1(selector, decls));
 	}
 	return rules;
 }
@@ -87801,6 +87899,15 @@ function asSiteStyleId(value) {
 function asDesignSystemTemplateId(value) {
 	return brandNonEmptyString(value, "DesignSystemTemplateId");
 }
+function toNonEmptyReadonlyArray(values) {
+	const [first, ...rest] = values;
+	return first === void 0 ? null : [first, ...rest];
+}
+function requireNonEmptyReadonlyArray(values, message = "Expected a non-empty array.") {
+	const result = toNonEmptyReadonlyArray(values);
+	if (!result) throw new Error(message);
+	return result;
+}
 function makeBoundaryId(previousBlockId, nextBlockId) {
 	return asDesignBoundaryId(`boundary:${encodeURIComponent(previousBlockId)}:${encodeURIComponent(nextBlockId)}`);
 }
@@ -88113,16 +88220,18 @@ const themeV2RuntimeStyleFieldNames = [
 	"_frameStyles",
 	"_sectionStyles",
 	"_containerStyles",
-	"_cardStyles",
-	"_transitionStyles",
-	"styleGroup"
+	"_cardStyles"
 ];
 const themeV2BlockSpecificRawStyleFieldNames = [
 	"_contentCardStyles",
 	"_heroLayoutStyles",
 	"_textCardStyles"
 ];
-const themeV2NormalEditorRawStyleFieldNames = [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
+const themeV2NormalEditorRawStyleFieldNames = [
+	...themeV2RuntimeStyleFieldNames,
+	...themeV2BlockSpecificRawStyleFieldNames,
+	"styleGroup"
+];
 const themeV2NormalEditorRawStyleFieldNameSet = new Set(themeV2NormalEditorRawStyleFieldNames);
 [...themeV2RuntimeStyleFieldNames, ...themeV2BlockSpecificRawStyleFieldNames];
 const pageDesignEditorBackgroundOverrideOwner = "page-design-editor";
@@ -88133,6 +88242,21 @@ function isThemeV2NormalEditorRawStyleFieldName(fieldName) {
 function isThemeV2NormalEditorRawStylePath(fieldPath) {
 	return isThemeV2NormalEditorRawStyleFieldName(fieldPath.split(".")[0] ?? "");
 }
+const staleTransitionStyleGroupPrefix = "site-style-transition-";
+/**
+* A `styleGroup` in the retired `site-style-transition-*` namespace is residue
+* from the old per-block transition path (issue 1422). Any other value is
+* authored and must survive.
+*/
+function isStaleTransitionStyleGroup(value) {
+	return typeof value === "string" && value.startsWith(staleTransitionStyleGroupPrefix);
+}
+/** Drops a stale transition `styleGroup`, leaving authored values untouched. */
+function stripStaleTransitionStyleGroup(content) {
+	if (!isStaleTransitionStyleGroup(content.styleGroup)) return { ...content };
+	const { styleGroup: _stale, ...rest } = content;
+	return rest;
+}
 //#endregion
 //#region ../theme-core/src/header/legacyHeaderVariant.ts
 /**
@@ -88471,7 +88595,7 @@ const boxBackgroundSchema = z.discriminatedUnion("type", [
 	})
 ]);
 function normalizeAuthoringOpacity(value) {
-	if (!isRecord$18(value)) return value;
+	if (!isRecord$19(value)) return value;
 	return {
 		...value,
 		opacity: normalizeOpacity(value.opacity)
@@ -88480,7 +88604,7 @@ function normalizeAuthoringOpacity(value) {
 function normalizeOpacity(value) {
 	return typeof value === "number" && value > 1 && value <= 100 ? value / 100 : value;
 }
-function isRecord$18(value) {
+function isRecord$19(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -89225,7 +89349,7 @@ const PUBLIC_DOWNLOAD_MEDIA_TYPES = [
 /**
 * Strict record guard: excludes null, primitives, and arrays.
 */
-function isRecord$17(value) {
+function isRecord$18(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /**
@@ -89350,7 +89474,7 @@ function buildRichTextSchema(options) {
 			const content = val.content;
 			if (!Array.isArray(content) || content.length === 0) return false;
 			const first = content[0];
-			if (content.length === 1 && isRecord$17(first) && first.type === "paragraph" && (!("content" in first) || first.content == null)) return false;
+			if (content.length === 1 && isRecord$18(first) && first.type === "paragraph" && (!("content" in first) || first.content == null)) return false;
 			return true;
 		}, { message: `${label} is required` });
 	}
@@ -90429,7 +90553,7 @@ var BlockApiError = class extends Error {
 		this.name = "BlockApiError";
 	}
 };
-function isRecord$16(value) {
+function isRecord$17(value) {
 	return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -90453,15 +90577,15 @@ async function parseJsonBody(response) {
 	}
 }
 function isFieldError(value) {
-	return isRecord$16(value) && !Array.isArray(value) && typeof value.field === "string" && typeof value.code === "string" && typeof value.message === "string";
+	return isRecord$17(value) && !Array.isArray(value) && typeof value.field === "string" && typeof value.code === "string" && typeof value.message === "string";
 }
 function fieldErrorsFromUnknown(value) {
 	if (!Array.isArray(value)) return void 0;
 	return value.every(isFieldError) ? value : void 0;
 }
 function getBlockApiErrorDetails(data) {
-	if (!isRecord$16(data)) return {};
-	const nestedError = isRecord$16(data.error) ? data.error : void 0;
+	if (!isRecord$17(data)) return {};
+	const nestedError = isRecord$17(data.error) ? data.error : void 0;
 	const message = typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0;
 	const code = typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0;
 	const fieldErrors = fieldErrorsFromUnknown(nestedError?.fieldErrors) ?? fieldErrorsFromUnknown(data.fieldErrors);
@@ -91297,11 +91421,11 @@ var UnsafePathSegmentError = class extends Error {
 function assertSafePathSegments(segments) {
 	for (const segment of segments) if (typeof segment === "string" && UNSAFE_PATH_SEGMENTS.has(segment)) throw new UnsafePathSegmentError(segment);
 }
-function isRecord$15(value) {
+function isRecord$16(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$15(value);
+	return Array.isArray(value) || isRecord$16(value);
 }
 function createPathContainer(nextIsIndex) {
 	return nextIsIndex ? [] : {};
@@ -94414,7 +94538,7 @@ function parseSiteIconStyleGuideVersionId(value) {
 //#endregion
 //#region ../blocks/src/system/icons/value.ts
 const NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord$14(value) {
+function isRecord$15(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
@@ -94422,7 +94546,7 @@ function parseBlockIconValue(value) {
 		kind: "semantic",
 		iconId: value
 	};
-	if (!isRecord$14(value)) return NO_BLOCK_ICON_VALUE;
+	if (!isRecord$15(value)) return NO_BLOCK_ICON_VALUE;
 	switch (value.kind) {
 		case "none": return NO_BLOCK_ICON_VALUE;
 		case "semantic": return isSemanticIconId(value.iconId) ? {
@@ -94503,7 +94627,7 @@ function buildGeneratedBlockIconRenderAssetLookupFromUnknown(value) {
 	if (!Array.isArray(value)) return { kind: "invalid_asset_list" };
 	const inputs = [];
 	for (const [index, item] of value.entries()) {
-		if (!isRecord$14(item)) return {
+		if (!isRecord$15(item)) return {
 			kind: "invalid_asset_entry",
 			index,
 			reason: "not_object"
@@ -94563,7 +94687,7 @@ function resolveBlockIconRenderValue(value, generatedAssets = /* @__PURE__ */ ne
 	}
 }
 function getGeneratedBlockIconStyleState(value, currentStyleGuideVersionId) {
-	if (isRecord$14(value) && value.kind === "generated" && parseBlockIconValue(value).kind !== "generated") return { kind: "invalid_generated" };
+	if (isRecord$15(value) && value.kind === "generated" && parseBlockIconValue(value).kind !== "generated") return { kind: "invalid_generated" };
 	const parsed = parseBlockIconValue(value);
 	if (parsed.kind !== "generated") return { kind: "not_generated" };
 	if (parsed.styleGuideVersionId === currentStyleGuideVersionId) return {
@@ -94634,11 +94758,11 @@ function resolveFeatureCardGeneratedIconSizePx(value) {
 	const parsed = parseFeatureCardGeneratedIconSizePx(value);
 	return parsed.ok ? parsed.value : unsafeAsFeatureCardGeneratedIconSizePx(FEATURE_CARD_GENERATED_ICON_SIZE_PX.default);
 }
-function isRecord$13(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function toPlainTextFromTipTap(value) {
-	if (!isRecord$13(value)) return "";
+	if (!isRecord$14(value)) return "";
 	if (typeof value.text === "string") return value.text;
 	const content = value.content;
 	if (!Array.isArray(content)) return "";
@@ -96087,18 +96211,43 @@ const publicAppointmentServiceSchema = z.object({
 	pricing: publicPricingSchema.optional(),
 	priceAmount: z.number().nullable(),
 	priceCurrency: z.string().nullable(),
-	location: publicLocationSchema
+	location: publicLocationSchema,
+	categoryId: z.string().nullable().optional().transform((value) => value ?? null)
 });
-const publicAppointmentServicesSchema = z.array(publicAppointmentServiceSchema);
+const publicServiceCategorySchema = z.object({
+	id: z.string().min(1),
+	name: z.string(),
+	description: z.string().nullable().optional().transform((value) => value ?? null)
+});
+/**
+* The loader hands over the catalogue `{ services, categories }` (issue 1403).
+* A bare services array is still accepted and read as a site with no
+* categories, so callers from before categories keep the flat list.
+*/
+const publicAppointmentServicesSchema = z.union([z.array(publicAppointmentServiceSchema).transform((services) => ({
+	services,
+	categories: []
+})), z.object({
+	services: z.array(publicAppointmentServiceSchema),
+	categories: z.array(publicServiceCategorySchema)
+})]);
 const EMPTY_MESSAGE = "No appointments are available right now.";
 const ERROR_MESSAGE = "Appointments are temporarily unavailable. Please try again shortly.";
+const OTHER_GROUP_KEY = "other";
+const OTHER_GROUP_HEADING = "Other";
 function parseServices(value) {
 	const result = publicAppointmentServicesSchema.safeParse(value);
 	return result.success ? {
 		kind: "valid",
-		services: result.data
+		services: result.data.services,
+		categories: result.data.categories
 	} : { kind: "invalid" };
 }
+function readCategoryFilter(value) {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	return trimmed.length > 0 ? trimmed : null;
+}
 function formatAppointmentDuration(durationMinutes) {
 	return `${durationMinutes} min`;
 }
@@ -96172,8 +96321,44 @@ function buildRows(services, pathname, servicePathPrefix) {
 		detailsHref: servicePathPrefix && service.slug ? `${servicePathPrefix.replace(/\/$/, "")}/${encodeURIComponent(service.slug)}` : null
 	}));
 }
+const EMPTY_VIEW = {
+	kind: "empty",
+	message: EMPTY_MESSAGE
+};
+function categoryGroup(category, services, toRows) {
+	return {
+		key: category.id,
+		heading: category.name,
+		intro: category.description,
+		rows: toRows(services)
+	};
+}
+function viewFromLayout(layout, toRows) {
+	switch (layout.kind) {
+		case "uncategorized-site": return layout.services.length === 0 ? EMPTY_VIEW : {
+			kind: "items",
+			rows: toRows(layout.services)
+		};
+		case "categorized-site": {
+			const groups = layout.groups.map((group) => categoryGroup(group.category, group.services, toRows));
+			const other = layout.other.length === 0 ? [] : [{
+				key: OTHER_GROUP_KEY,
+				heading: OTHER_GROUP_HEADING,
+				intro: null,
+				rows: toRows(layout.other)
+			}];
+			const allGroups = [...groups, ...other];
+			return allGroups.length === 0 ? EMPTY_VIEW : {
+				kind: "groups",
+				groups: allGroups
+			};
+		}
+		default: return assertNever$10(layout);
+	}
+}
 function buildAppointmentServicesView(input) {
-	if (!input.pathname) return {
+	const pathname = input.pathname;
+	if (!pathname) return {
 		kind: "error",
 		message: ERROR_MESSAGE
 	};
@@ -96182,76 +96367,128 @@ function buildAppointmentServicesView(input) {
 		kind: "error",
 		message: ERROR_MESSAGE
 	};
-	if (parsed.services.length === 0) return {
-		kind: "empty",
-		message: EMPTY_MESSAGE
-	};
-	return {
-		kind: "items",
-		rows: buildRows(parsed.services, input.pathname, input.servicePathPrefix ?? null)
-	};
+	const toRows = (services) => buildRows(services, pathname, input.servicePathPrefix ?? null);
+	const view = selectCategoryView(parsed.categories, parsed.services, readCategoryFilter(input.categoryId));
+	switch (view.kind) {
+		case "single": return view.group.services.length === 0 ? EMPTY_VIEW : {
+			kind: "groups",
+			groups: [categoryGroup(view.group.category, view.group.services, toRows)]
+		};
+		case "all":
+		case "fallback-all": return viewFromLayout(view.layout, toRows);
+		default: return assertNever$10(view);
+	}
+}
+function AppointmentServiceRows({ rows, RowTitle }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "appointment-services-rows rb-flex rb-flex-col",
+		children: rows.map((row) => /* @__PURE__ */ jsxs("article", {
+			className: "appointment-services-row rb-border-b rb-border-border rb-py-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "appointment-services-row-main rb-min-w-0",
+					children: [
+						/* @__PURE__ */ jsx(RowTitle, {
+							className: "appointment-services-row-title rb-text-lg rb-font-medium rb-leading-tight",
+							children: row.detailsHref ? /* @__PURE__ */ jsx("a", {
+								href: row.detailsHref,
+								children: row.title
+							}) : row.title
+						}),
+						row.description ? /* @__PURE__ */ jsx("p", {
+							className: "appointment-services-row-description rb-text-sm rb-leading-6 status-muted",
+							children: row.description
+						}) : null,
+						/* @__PURE__ */ jsxs("p", {
+							className: "appointment-services-row-meta rb-caption status-muted",
+							children: [row.durationLabel, row.locationLabel ? ` · ${row.locationLabel}` : ""]
+						})
+					]
+				}),
+				row.priceLabel ? /* @__PURE__ */ jsx("span", {
+					className: "appointment-services-row-price rb-text-lg",
+					children: row.priceLabel
+				}) : null,
+				/* @__PURE__ */ jsx(ThemedButtonLink, {
+					variant: "secondary",
+					size: "sm",
+					extraClassName: "appointment-services-row-action",
+					href: row.href,
+					label: "Check times",
+					screenReaderSuffix: ` for ${row.title}`
+				})
+			]
+		}, row.id))
+	});
 }
-function AppointmentServicesNode({ sectionHeading, services, pathname, servicePathPrefix, className }) {
+function AppointmentServiceGroups({ groups, hasSectionHeading, idPrefix }) {
+	const GroupHeading = hasSectionHeading ? "h3" : "h2";
+	const RowTitle = hasSectionHeading ? "h4" : "h3";
+	return /* @__PURE__ */ jsx("div", {
+		className: "appointment-services-groups rb-flex rb-flex-col rb-gap-10",
+		children: groups.map((group) => {
+			const headingId = `${idPrefix}-group-${group.key}`;
+			return /* @__PURE__ */ jsxs("section", {
+				className: "appointment-services-group rb-flex rb-flex-col rb-gap-2",
+				"aria-labelledby": headingId,
+				"data-appointment-services-group": group.key,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "appointment-services-group-heading",
+					children: [/* @__PURE__ */ jsx(GroupHeading, {
+						id: headingId,
+						className: "appointment-services-group-title rb-text-sm rb-font-semibold rb-uppercase rb-tracking-wide",
+						children: group.heading
+					}), group.intro ? /* @__PURE__ */ jsx("p", {
+						className: "appointment-services-group-intro rb-text-sm rb-leading-6 rb-max-w-prose status-muted",
+						children: group.intro
+					}) : null]
+				}), /* @__PURE__ */ jsx(AppointmentServiceRows, {
+					rows: group.rows,
+					RowTitle
+				})]
+			}, group.key);
+		})
+	});
+}
+function AppointmentServicesNode({ sectionHeading, categoryId, services, pathname, servicePathPrefix, blockId, className }) {
 	const view = buildAppointmentServicesView({
 		services,
+		categoryId,
 		pathname: typeof pathname === "string" ? pathname : void 0,
 		servicePathPrefix: typeof servicePathPrefix === "string" ? servicePathPrefix : null
 	});
 	const rootClassName = `appointment-services ${className ?? ""}`.trim();
-	const RowTitle = sectionHeading ? "h3" : "h2";
-	if (view.kind === "error" || view.kind === "empty") return /* @__PURE__ */ jsx("div", {
-		className: rootClassName,
-		"data-appointment-services-state": view.kind,
-		children: /* @__PURE__ */ jsx("p", {
-			className: "rb-caption status-muted",
-			role: "status",
-			children: view.message
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: `${rootClassName} rb-flex rb-flex-col`,
-		"data-appointment-services-state": "populated",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "appointment-services-rows rb-flex rb-flex-col",
-			children: view.rows.map((row) => /* @__PURE__ */ jsxs("article", {
-				className: "appointment-services-row rb-border-b rb-border-border rb-py-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "appointment-services-row-main rb-min-w-0",
-						children: [
-							/* @__PURE__ */ jsx(RowTitle, {
-								className: "appointment-services-row-title rb-text-lg rb-font-medium rb-leading-tight",
-								children: row.detailsHref ? /* @__PURE__ */ jsx("a", {
-									href: row.detailsHref,
-									children: row.title
-								}) : row.title
-							}),
-							row.description ? /* @__PURE__ */ jsx("p", {
-								className: "appointment-services-row-description rb-text-sm rb-leading-6 status-muted",
-								children: row.description
-							}) : null,
-							/* @__PURE__ */ jsxs("p", {
-								className: "appointment-services-row-meta rb-caption status-muted",
-								children: [row.durationLabel, row.locationLabel ? ` · ${row.locationLabel}` : ""]
-							})
-						]
-					}),
-					row.priceLabel ? /* @__PURE__ */ jsx("span", {
-						className: "appointment-services-row-price rb-text-lg",
-						children: row.priceLabel
-					}) : null,
-					/* @__PURE__ */ jsx(ThemedButtonLink, {
-						variant: "secondary",
-						size: "sm",
-						extraClassName: "appointment-services-row-action",
-						href: row.href,
-						label: "Check times",
-						screenReaderSuffix: ` for ${row.title}`
-					})
-				]
-			}, row.id))
-		})
-	});
+	const hasSectionHeading = Boolean(sectionHeading);
+	switch (view.kind) {
+		case "error":
+		case "empty": return /* @__PURE__ */ jsx("div", {
+			className: rootClassName,
+			"data-appointment-services-state": view.kind,
+			children: /* @__PURE__ */ jsx("p", {
+				className: "rb-caption status-muted",
+				role: "status",
+				children: view.message
+			})
+		});
+		case "items": return /* @__PURE__ */ jsx("div", {
+			className: `${rootClassName} rb-flex rb-flex-col`,
+			"data-appointment-services-state": "populated",
+			children: /* @__PURE__ */ jsx(AppointmentServiceRows, {
+				rows: view.rows,
+				RowTitle: hasSectionHeading ? "h3" : "h2"
+			})
+		});
+		case "groups": return /* @__PURE__ */ jsx("div", {
+			className: `${rootClassName} rb-flex rb-flex-col`,
+			"data-appointment-services-state": "populated",
+			children: /* @__PURE__ */ jsx(AppointmentServiceGroups, {
+				groups: view.groups,
+				hasSectionHeading,
+				idPrefix: `appointment-services-${blockId ?? "block"}`
+			})
+		});
+		default: return assertNever$10(view);
+	}
 }
 //#endregion
 //#region ../blocks/src/contracts/runtime.ts
@@ -96506,12 +96743,12 @@ function resolveBookingSiteId(siteId, form) {
 	return siteId || form?.siteId || "";
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$12(form)) return null;
+	if (!isRecord$13(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$12(form.schema) ? form.schema : isRecord$12(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$12(form.settings) ? form.settings : isRecord$12(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$13(form.schema) ? form.schema : isRecord$13(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$13(form.settings) ? form.settings : isRecord$13(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -96531,8 +96768,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$12(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$12(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$13(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$13(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -96543,7 +96780,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$12(value)) return null;
+	if (!isRecord$13(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -96586,7 +96823,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$12(value)) return null;
+	if (!isRecord$13(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -96606,7 +96843,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$12(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
+	return isRecord$13(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
 }
 function collectBookingCustomFields(data) {
 	const customFields = {};
@@ -96656,7 +96893,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$12(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null;
 }
 function getBookingServicePaymentSelectionMode(service) {
@@ -96850,6 +97087,31 @@ function getBookingSuccessMessage(successMessage) {
 	return successMessage?.trim() || "Your appointment has been booked! Check your email for confirmation.";
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.service-categories.ts
+function isRecord$12(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function readCategory(value) {
+	if (!isRecord$12(value)) return [];
+	const { id, name, description } = value;
+	if (typeof id !== "string" || id.trim() === "" || typeof name !== "string") return [];
+	return [{
+		id,
+		name,
+		description: typeof description === "string" ? description : null
+	}];
+}
+/**
+* The ordered service categories carried by a catalogue-shaped services
+* source (`{ services, categories }`). Every other shape has none, which
+* reads as a site without categories. Order is preserved: the database owns
+* it.
+*/
+function normalizeBookingServiceCategories(services) {
+	if (!isRecord$12(services) || !Array.isArray(services.categories)) return [];
+	return services.categories.flatMap(readCategory);
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/booking-runtime-sources.ts
 const bookingFieldOptionSchema = z.object({
 	value: z.string(),
@@ -96927,11 +97189,20 @@ const bookingServiceSchema = z.object({
 	priceCurrency: z.string().nullable().optional(),
 	paymentTerms: blockBookingPaymentTermsSchema.optional(),
 	paymentTermsAvailability: blockBookingPaymentTermsAvailabilitySchema.optional(),
-	consent: blockBookingConsentSchema.optional()
+	consent: blockBookingConsentSchema.optional(),
+	categoryId: z.string().nullable().optional()
+});
+const bookingServiceCategorySchema = z.object({
+	id: z.string(),
+	name: z.string(),
+	description: z.string().nullable()
 });
 const bookingServicesSourceSchema = z.union([
 	z.array(bookingServiceSchema),
-	z.object({ services: z.array(bookingServiceSchema).optional() }),
+	z.object({
+		services: z.array(bookingServiceSchema).optional(),
+		categories: z.array(bookingServiceCategorySchema).optional()
+	}),
 	z.record(z.string(), bookingServiceSchema)
 ]);
 const bookingConfigSchema = z.object({
@@ -96984,6 +97255,7 @@ const bookingHydrationSchema = z.object({
 	rebookContext: z.object({ kind: z.literal("portal_rebook") }).nullable().optional(),
 	form: bookingConfigSchema.nullable(),
 	services: z.array(bookingServiceSchema),
+	serviceCategories: z.array(bookingServiceCategorySchema).optional(),
 	spamProtectionEnabled: z.boolean().optional()
 });
 const bookingRenderSchema = z.object({
@@ -97028,6 +97300,7 @@ const bookingFormBlockRuntime = defineClientOwnedBlockRuntime({
 				rebookContext: source.rebookContext ?? null,
 				form,
 				services,
+				serviceCategories: normalizeBookingServiceCategories(source.services),
 				spamProtectionEnabled: source.spamProtectionEnabled
 			}
 		};
@@ -104079,6 +104352,607 @@ function cardRoleFromLegacyVocabulary(value) {
 */
 const cardRoleWithLegacyAliasSchema = z.preprocess((value) => cardRoleFromLegacyVocabulary(value) ?? value, cardRoleSchema);
 //#endregion
+//#region ../theme-core/src/site-styles/runtimeBackgroundResolution.ts
+function parseCanonicalRuntimeBackground(content) {
+	const background = readRecord(readRecord(content._sectionStyles)?.background);
+	if (!background) return { kind: "none" };
+	const parsed = boxBackgroundSchema.safeParse(background);
+	if (!parsed.success) return { kind: "none" };
+	return parsed.data.contentOwner === "page-design-editor" ? {
+		kind: "page-design-override",
+		background: parsed.data
+	} : {
+		kind: "block-authored",
+		background: parsed.data
+	};
+}
+function resolveSectionBackground(source, lookDefault) {
+	if (source.kind === "page-design-override") return {
+		kind: "page-design-override",
+		background: source.background
+	};
+	if (lookDefault) {
+		if (source.kind === "block-authored" && (source.background.type === "image" || source.background.type === "video")) return {
+			kind: "block-authored",
+			background: mergeLookForegroundWithAuthoredMedia(lookDefault, source.background)
+		};
+		return {
+			kind: "look-default",
+			background: lookDefault
+		};
+	}
+	if (source.kind === "block-authored" && (source.background.type === "image" || source.background.type === "video")) return {
+		kind: "block-authored",
+		background: source.background
+	};
+	return source.kind === "block-authored" ? {
+		kind: "block-authored",
+		background: source.background
+	} : { kind: "none" };
+}
+function mergeLookForegroundWithAuthoredMedia(lookDefault, authored) {
+	const merged = boxBackgroundSchema.safeParse({
+		...lookDefault,
+		type: authored.type,
+		image: authored.image,
+		objectFit: authored.objectFit,
+		scale: authored.scale,
+		position: authored.position
+	});
+	return merged.success ? merged.data : authored;
+}
+function readRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+}
+//#endregion
+//#region ../theme-core/src/site-styles/transitionCatalogue.ts
+/**
+* Family order for pickers. Entries below are listed family by family in this
+* same order, so the flat option list and the grouped families agree.
+*/
+const transitionCatalogueFamilies = [
+	{
+		id: "gradient",
+		label: "Gradient"
+	},
+	{
+		id: "wave",
+		label: "Wave"
+	},
+	{
+		id: "angle",
+		label: "Angle"
+	}
+];
+const mediumHeight = "6rem + 2px";
+const compactHeight = "4.5rem + 2px";
+const largeHeight = "7rem + 2px";
+/**
+* The single source of transition vocabulary. Order is significant: it is the
+* order of `boundaryOptions` (after `none`) and of each family's variants,
+* which persisted pins, page-flow presets and the editor picker all rely on.
+*
+* Shapes match what `generateLayoutCss` draws today. Structured
+* amplitude/frequency treatments (issue 826) extend this list later.
+*/
+const transitionCatalogueEntries = defineExactCatalog()([
+	{
+		intent: "soft-fade-short",
+		optionId: asBoundaryOptionId("break:soft"),
+		family: "gradient",
+		variantId: "soft",
+		label: "Soft",
+		variantLabel: "Soft",
+		treatment: {
+			kind: "soft-fade",
+			height: "medium",
+			curve: "soft"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "soft-fade-long",
+		optionId: asBoundaryOptionId("break:spacious"),
+		family: "gradient",
+		variantId: "spacious",
+		label: "Spacious",
+		variantLabel: "Spacious",
+		treatment: {
+			kind: "soft-fade",
+			height: "large",
+			curve: "spacious"
+		},
+		size: "spacious",
+		heightExpression: "10rem",
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "soft-fade-expansive",
+		optionId: asBoundaryOptionId("break:expansive"),
+		family: "gradient",
+		variantId: "expansive",
+		label: "Expansive",
+		variantLabel: "Expansive",
+		treatment: {
+			kind: "soft-fade",
+			height: "expansive",
+			curve: "expansive"
+		},
+		size: "expansive",
+		heightExpression: "14rem",
+		shape: { kind: "fade" }
+	},
+	{
+		intent: "wave-edge-balanced",
+		optionId: asBoundaryOptionId("break:wave-balanced"),
+		family: "wave",
+		variantId: "balanced",
+		label: "Balanced wave",
+		variantLabel: "Balanced",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "symmetrical"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "balanced"
+		}
+	},
+	{
+		intent: "wave-edge",
+		optionId: asBoundaryOptionId("break:wave"),
+		family: "wave",
+		variantId: "classic",
+		label: "Classic wave",
+		variantLabel: "Classic",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "asymmetrical"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "classic"
+		}
+	},
+	{
+		intent: "wave-edge-gentle",
+		optionId: asBoundaryOptionId("break:wave-gentle"),
+		family: "wave",
+		variantId: "gentle",
+		label: "Gentle wave",
+		variantLabel: "Gentle",
+		treatment: {
+			kind: "wave-edge",
+			height: "compact",
+			amplitude: "subtle",
+			rhythm: "single",
+			symmetry: "symmetrical"
+		},
+		size: "compact",
+		heightExpression: compactHeight,
+		shape: {
+			kind: "wave",
+			mask: "gentle"
+		}
+	},
+	{
+		intent: "wave-edge-bold",
+		optionId: asBoundaryOptionId("break:wave-bold"),
+		family: "wave",
+		variantId: "bold",
+		label: "Bold wave",
+		variantLabel: "Bold",
+		treatment: {
+			kind: "wave-edge",
+			height: "large",
+			amplitude: "bold",
+			rhythm: "double",
+			symmetry: "symmetrical"
+		},
+		size: "large",
+		heightExpression: largeHeight,
+		shape: {
+			kind: "wave",
+			mask: "bold"
+		}
+	},
+	{
+		intent: "wave-edge-drift",
+		optionId: asBoundaryOptionId("break:wave-drift"),
+		family: "wave",
+		variantId: "drift",
+		label: "Drift wave",
+		variantLabel: "Drift",
+		treatment: {
+			kind: "wave-edge",
+			height: "medium",
+			amplitude: "balanced",
+			rhythm: "double",
+			symmetry: "drift"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "wave",
+			mask: "drift"
+		}
+	},
+	{
+		intent: "angle-edge-subtle",
+		optionId: asBoundaryOptionId("break:angle-subtle"),
+		family: "angle",
+		variantId: "subtle",
+		label: "Subtle angle",
+		variantLabel: "Subtle",
+		treatment: {
+			kind: "angle-edge",
+			height: "compact",
+			slope: "subtle",
+			direction: "forward"
+		},
+		size: "compact",
+		heightExpression: compactHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 34,
+				endTopPercent: 18
+			}
+		}
+	},
+	{
+		intent: "angle-edge",
+		optionId: asBoundaryOptionId("break:angle-balanced"),
+		family: "angle",
+		variantId: "balanced",
+		label: "Balanced angle",
+		variantLabel: "Balanced",
+		treatment: {
+			kind: "angle-edge",
+			height: "medium",
+			slope: "balanced",
+			direction: "forward"
+		},
+		size: "medium",
+		heightExpression: mediumHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 42,
+				endTopPercent: 8
+			}
+		}
+	},
+	{
+		intent: "angle-edge-steep",
+		optionId: asBoundaryOptionId("break:angle-steep"),
+		family: "angle",
+		variantId: "steep",
+		label: "Steep angle",
+		variantLabel: "Steep",
+		treatment: {
+			kind: "angle-edge",
+			height: "large",
+			slope: "steep",
+			direction: "forward"
+		},
+		size: "large",
+		heightExpression: largeHeight,
+		shape: {
+			kind: "angle",
+			polygon: {
+				startTopPercent: 54,
+				endTopPercent: 0
+			}
+		}
+	}
+]);
+/** CSS `clip-path` value for an angle shape, as `generateLayoutCss` draws it. */
+function anglePolygonCss(polygon) {
+	return `polygon(0 ${polygon.startTopPercent}%, 100% ${polygon.endTopPercent}%, 100% 100%, 0 100%)`;
+}
+//#endregion
+//#region ../theme-core/src/site-styles/sectionTransitions.ts
+function boundaryRuntimeMetrics(family, size, heightExpression) {
+	return {
+		family,
+		size,
+		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
+		reserveCss: `calc((${heightExpression}) / 2)`
+	};
+}
+new Map(transitionCatalogueEntries.map((entry) => [entry.intent, entry]));
+const metricsByIntent = new Map(transitionCatalogueEntries.map((entry) => [entry.intent, boundaryRuntimeMetrics(entry.family, entry.size, entry.heightExpression)]));
+/**
+* The catalogue's compile-time coverage check guarantees an entry per
+* decorative intent, so a miss here is a broken invariant, not bad input.
+*/
+function requireCatalogueValue(values, intent) {
+	const value = values.get(intent);
+	if (value === void 0) throw new Error(`Transition catalogue has no entry for ${intent}`);
+	return value;
+}
+function isDecorativeTransitionIntent(transition) {
+	return transition !== "none";
+}
+function boundaryRuntimeMetricsForDecorativeTransition(transition) {
+	return requireCatalogueValue(metricsByIntent, transition);
+}
+const noneBoundaryOption = {
+	id: asBoundaryOptionId("break:none"),
+	label: "None",
+	transitionAfter: "none",
+	treatment: { kind: "none" }
+};
+const boundaryOptionByIntent = new Map(transitionCatalogueEntries.map((entry) => [entry.intent, {
+	id: entry.optionId,
+	label: entry.label,
+	transitionAfter: entry.intent,
+	treatment: entry.treatment
+}]));
+function boundaryOptionForTransitionIntent(intent) {
+	return requireCatalogueValue(boundaryOptionByIntent, intent);
+}
+const softBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-short");
+const spaciousBoundaryOption = boundaryOptionForTransitionIntent("soft-fade-long");
+boundaryOptionForTransitionIntent("soft-fade-expansive");
+boundaryOptionForTransitionIntent("wave-edge");
+boundaryOptionForTransitionIntent("wave-edge-balanced");
+boundaryOptionForTransitionIntent("wave-edge-gentle");
+boundaryOptionForTransitionIntent("wave-edge-bold");
+boundaryOptionForTransitionIntent("wave-edge-drift");
+boundaryOptionForTransitionIntent("angle-edge-subtle");
+boundaryOptionForTransitionIntent("angle-edge");
+boundaryOptionForTransitionIntent("angle-edge-steep");
+/**
+* Must remain non-empty; downstream code indexes `[0]` as the documented default.
+*/
+const boundaryOptions = [noneBoundaryOption, ...transitionCatalogueEntries.map((entry) => boundaryOptionForTransitionIntent(entry.intent))];
+const noneTransitionVariant = {
+	familyId: "none",
+	variantId: "none",
+	label: "None",
+	boundaryOption: noneBoundaryOption
+};
+function transitionVariantForEntry(entry) {
+	return {
+		familyId: entry.family,
+		variantId: entry.variantId,
+		label: entry.variantLabel,
+		boundaryOption: boundaryOptionForTransitionIntent(entry.intent)
+	};
+}
+const sectionTransitionFamilies = [{
+	id: "none",
+	label: "None",
+	variants: [noneTransitionVariant]
+}, ...transitionCatalogueFamilies.map((family) => ({
+	id: family.id,
+	label: family.label,
+	variants: requireNonEmptyReadonlyArray(transitionCatalogueEntries.filter((entry) => entry.family === family.id).map(transitionVariantForEntry), `Transition family ${family.id} has no catalogue entries.`)
+}))];
+const boundaryOptionById = new Map(boundaryOptions.map((option) => [option.id, option]));
+const boundaryOptionByTreatmentKey = new Map(boundaryOptions.map((option) => [stableTreatmentKey(option.treatment), option]));
+const transitionVariantByBoundaryOptionId = new Map(sectionTransitionFamilies.flatMap((family) => family.variants.map((variant) => [variant.boundaryOption.id, variant])));
+const transitionFamilyById = new Map(sectionTransitionFamilies.map((family) => [family.id, family]));
+function sectionTransitionVariantForBoundaryOptionId(boundaryOptionId) {
+	if (!boundaryOptionId) return null;
+	return transitionVariantByBoundaryOptionId.get(boundaryOptionId) ?? null;
+}
+function boundaryTreatmentForBoundaryOptionId(boundaryOptionId) {
+	return boundaryOptionById.get(boundaryOptionId)?.treatment ?? {
+		kind: "legacy-unsupported",
+		boundaryOptionId
+	};
+}
+function boundaryOptionForTreatment(treatment) {
+	if (treatment.kind === "legacy-unsupported") return null;
+	return boundaryOptionByTreatmentKey.get(stableTreatmentKey(treatment)) ?? null;
+}
+function boundaryOptionIdForTreatment(treatment) {
+	return boundaryOptionForTreatment(treatment)?.id ?? (treatment.kind === "legacy-unsupported" ? treatment.boundaryOptionId : null);
+}
+/**
+* Supported decorative intent for a structured treatment, or null for `none`,
+* legacy-unsupported pins and structured treatments the catalogue lacks.
+*/
+function transitionIntentForTreatment(treatment) {
+	const transition = boundaryOptionForTreatment(treatment)?.transitionAfter;
+	return transition && isDecorativeTransitionIntent(transition) ? transition : null;
+}
+function stableTreatmentKey(treatment) {
+	switch (treatment.kind) {
+		case "none": return "none";
+		case "soft-fade": return `${treatment.kind}:${treatment.height}:${treatment.curve}`;
+		case "wave-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.amplitude,
+			treatment.rhythm,
+			treatment.symmetry
+		].join(":");
+		case "angle-edge": return [
+			treatment.kind,
+			treatment.height,
+			treatment.slope,
+			treatment.direction
+		].join(":");
+		case "legacy-unsupported": return `${treatment.kind}:${treatment.boundaryOptionId}`;
+	}
+}
+function sectionTransitionFamilyForBoundaryOptionId(boundaryOptionId) {
+	const variant = sectionTransitionVariantForBoundaryOptionId(boundaryOptionId);
+	if (!variant) return null;
+	return transitionFamilyById.get(variant.familyId) ?? null;
+}
+function defaultSectionTransitionVariantForFamily(familyId) {
+	const family = transitionFamilyById.get(familyId);
+	if (!family) throw new Error(`Unknown section transition family: ${familyId}`);
+	return family.variants[0];
+}
+//#endregion
+//#region ../theme-core/src/site-styles/sectionBoundaryComposition.ts
+const backgroundToken = requireThemeColorToken$1("background");
+/**
+* Classifies a section from its final render content. `_sectionStyles`
+* already holds the effective background (Look default, page-design override
+* and block-authored media merged by `resolveSectionBackground`), so this only
+* reads it and never re-decides precedence. A missing or unparseable
+* background is the page background, as it is for the renderer.
+*/
+function boundaryEndpointForSectionContent(content) {
+	const background = parseCanonicalRuntimeBackground(content);
+	if (background.kind === "none") return {
+		kind: "paint",
+		token: backgroundToken
+	};
+	const effective = background.background;
+	switch (effective.type) {
+		case "color": {
+			if (effective.color === null || effective.color === void 0) return {
+				kind: "paint",
+				token: backgroundToken
+			};
+			const token = parseThemeColorToken(effective.color);
+			return token ? {
+				kind: "paint",
+				token
+			} : {
+				kind: "unpainted",
+				reason: "literal-color"
+			};
+		}
+		case "gradient": return {
+			kind: "unpainted",
+			reason: "gradient"
+		};
+		case "image":
+		case "video": return {
+			kind: "unpainted",
+			reason: "media"
+		};
+		default: return assertNever$7(effective, "Unhandled section background type");
+	}
+}
+/**
+* Reads both facts from final render content in one place. `_frameStyles` is
+* the compiled frame; content without one (no page design, an SDK block)
+* draws a plain frame.
+*/
+function sectionFactsForContent(content) {
+	return {
+		endpoint: boundaryEndpointForSectionContent(content),
+		frame: frameKindForContent(content)
+	};
+}
+function frameKindForContent(content) {
+	const frameStyles = content._frameStyles;
+	const kind = typeof frameStyles === "object" && frameStyles !== null && "kind" in frameStyles ? frameStyles.kind : null;
+	return kind === "panel" || kind === "flush-panel" ? kind : "plain";
+}
+/**
+* The frame rule: a flush panel owns the edge it runs to, so no break is
+* drawn next to one. The single home for this rule; the generated
+* pipeline's budget and the site-style lab ask it with their plan frames.
+*/
+function frameNotShownReason(previous, next) {
+	return previous === "flush-panel" || next === "flush-panel" ? "flush-panel" : null;
+}
+/**
+* Decides whether and how a join draws. The frame rule wins before paint is
+* considered; two unpainted sides show nothing.
+*/
+function composeBoundary(previous, next) {
+	const frameReason = frameNotShownReason(previous.frame, next.frame);
+	if (frameReason) return {
+		kind: "not-shown",
+		reason: frameReason
+	};
+	const from = previous.endpoint;
+	const to = next.endpoint;
+	if (from.kind === "paint") return {
+		kind: "shown",
+		composition: to.kind === "paint" ? {
+			kind: "paint-to-paint",
+			from: from.token,
+			to: to.token
+		} : {
+			kind: "paint-to-unpainted",
+			from: from.token
+		}
+	};
+	return to.kind === "paint" ? {
+		kind: "shown",
+		composition: {
+			kind: "unpainted-to-paint",
+			to: to.token
+		}
+	} : {
+		kind: "not-shown",
+		reason: "both-unpainted"
+	};
+}
+/**
+* Placement, reserves and paint for a shown boundary, derived from the
+* composition and the catalogue's metrics for the treatment.
+*/
+function boundaryLayout(intent, composition) {
+	const metrics = boundaryRuntimeMetricsForDecorativeTransition(intent);
+	switch (composition.kind) {
+		case "paint-to-paint": return {
+			placement: "centred",
+			reserves: {
+				before: metrics.reserveCss,
+				after: metrics.reserveCss
+			},
+			paint: {
+				band: composition.from,
+				shape: composition.to
+			}
+		};
+		case "unpainted-to-paint": return {
+			placement: "previous",
+			reserves: {
+				before: metrics.heightCss,
+				after: null
+			},
+			paint: {
+				band: null,
+				shape: composition.to
+			}
+		};
+		case "paint-to-unpainted": return {
+			placement: "next",
+			reserves: {
+				before: null,
+				after: metrics.heightCss
+			},
+			paint: {
+				band: null,
+				shape: composition.from
+			}
+		};
+		default: return assertNever$7(composition, "Unhandled boundary composition");
+	}
+}
+function requireThemeColorToken$1(value) {
+	const token = parseThemeColorToken(value);
+	if (!token) throw new Error(`Expected a theme color token. Received: ${value}`);
+	return token;
+}
+//#endregion
 //#region ../theme-core/src/site-styles/compilationPlan.ts
 const defaultHeaderBrandPreferences = {
 	brandDisplay: "auto",
@@ -104133,276 +105007,6 @@ function withHeaderBrandThemePreferences(theme, preferences) {
 		}
 	};
 }
-//#endregion
-//#region ../theme-core/src/site-styles/sectionTransitions.ts
-function boundaryRuntimeMetrics(family, size, heightExpression) {
-	return {
-		family,
-		size,
-		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
-		reserveCss: `calc((${heightExpression}) / 2)`
-	};
-}
-const sectionBoundaryRuntimeMetricsByTransition = {
-	none: null,
-	"soft-fade-short": boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"),
-	"soft-fade-long": boundaryRuntimeMetrics("gradient", "spacious", "10rem"),
-	"soft-fade-expansive": boundaryRuntimeMetrics("gradient", "expansive", "14rem"),
-	"wave-edge": boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"),
-	"wave-edge-balanced": boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"),
-	"wave-edge-gentle": boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"),
-	"wave-edge-bold": boundaryRuntimeMetrics("wave", "large", "7rem + 2px"),
-	"wave-edge-drift": boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"),
-	"angle-edge": boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"),
-	"angle-edge-subtle": boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"),
-	"angle-edge-steep": boundaryRuntimeMetrics("angle", "large", "7rem + 2px")
-};
-function boundaryRuntimeMetricsForTransition(transition) {
-	return sectionBoundaryRuntimeMetricsByTransition[transition];
-}
-const noneBoundaryOption = {
-	id: asBoundaryOptionId("break:none"),
-	label: "None",
-	transitionAfter: "none",
-	treatment: { kind: "none" }
-};
-const softBoundaryOption = {
-	id: asBoundaryOptionId("break:soft"),
-	label: "Soft",
-	transitionAfter: "soft-fade-short",
-	treatment: {
-		kind: "soft-fade",
-		height: "medium",
-		curve: "soft"
-	}
-};
-const spaciousBoundaryOption = {
-	id: asBoundaryOptionId("break:spacious"),
-	label: "Spacious",
-	transitionAfter: "soft-fade-long",
-	treatment: {
-		kind: "soft-fade",
-		height: "large",
-		curve: "spacious"
-	}
-};
-const expansiveBoundaryOption = {
-	id: asBoundaryOptionId("break:expansive"),
-	label: "Expansive",
-	transitionAfter: "soft-fade-expansive",
-	treatment: {
-		kind: "soft-fade",
-		height: "expansive",
-		curve: "expansive"
-	}
-};
-const waveBoundaryOption = {
-	id: asBoundaryOptionId("break:wave"),
-	label: "Classic wave",
-	transitionAfter: "wave-edge",
-	treatment: {
-		kind: "wave-edge",
-		height: "medium",
-		amplitude: "balanced",
-		rhythm: "double",
-		symmetry: "asymmetrical"
-	}
-};
-const balancedWaveBoundaryOption = {
-	id: asBoundaryOptionId("break:wave-balanced"),
-	label: "Balanced wave",
-	transitionAfter: "wave-edge-balanced",
-	treatment: {
-		kind: "wave-edge",
-		height: "medium",
-		amplitude: "balanced",
-		rhythm: "double",
-		symmetry: "symmetrical"
-	}
-};
-const gentleWaveBoundaryOption = {
-	id: asBoundaryOptionId("break:wave-gentle"),
-	label: "Gentle wave",
-	transitionAfter: "wave-edge-gentle",
-	treatment: {
-		kind: "wave-edge",
-		height: "compact",
-		amplitude: "subtle",
-		rhythm: "single",
-		symmetry: "symmetrical"
-	}
-};
-const boldWaveBoundaryOption = {
-	id: asBoundaryOptionId("break:wave-bold"),
-	label: "Bold wave",
-	transitionAfter: "wave-edge-bold",
-	treatment: {
-		kind: "wave-edge",
-		height: "large",
-		amplitude: "bold",
-		rhythm: "double",
-		symmetry: "symmetrical"
-	}
-};
-const driftWaveBoundaryOption = {
-	id: asBoundaryOptionId("break:wave-drift"),
-	label: "Drift wave",
-	transitionAfter: "wave-edge-drift",
-	treatment: {
-		kind: "wave-edge",
-		height: "medium",
-		amplitude: "balanced",
-		rhythm: "double",
-		symmetry: "drift"
-	}
-};
-const subtleAngleBoundaryOption = {
-	id: asBoundaryOptionId("break:angle-subtle"),
-	label: "Subtle angle",
-	transitionAfter: "angle-edge-subtle",
-	treatment: {
-		kind: "angle-edge",
-		height: "compact",
-		slope: "subtle",
-		direction: "forward"
-	}
-};
-const balancedAngleBoundaryOption = {
-	id: asBoundaryOptionId("break:angle-balanced"),
-	label: "Balanced angle",
-	transitionAfter: "angle-edge",
-	treatment: {
-		kind: "angle-edge",
-		height: "medium",
-		slope: "balanced",
-		direction: "forward"
-	}
-};
-const steepAngleBoundaryOption = {
-	id: asBoundaryOptionId("break:angle-steep"),
-	label: "Steep angle",
-	transitionAfter: "angle-edge-steep",
-	treatment: {
-		kind: "angle-edge",
-		height: "large",
-		slope: "steep",
-		direction: "forward"
-	}
-};
-const sectionTransitionFamilies = [
-	{
-		id: "none",
-		label: "None",
-		variants: [{
-			familyId: "none",
-			variantId: "none",
-			label: "None",
-			boundaryOption: noneBoundaryOption
-		}]
-	},
-	{
-		id: "gradient",
-		label: "Gradient",
-		variants: [
-			{
-				familyId: "gradient",
-				variantId: "soft",
-				label: "Soft",
-				boundaryOption: softBoundaryOption
-			},
-			{
-				familyId: "gradient",
-				variantId: "spacious",
-				label: "Spacious",
-				boundaryOption: spaciousBoundaryOption
-			},
-			{
-				familyId: "gradient",
-				variantId: "expansive",
-				label: "Expansive",
-				boundaryOption: expansiveBoundaryOption
-			}
-		]
-	},
-	{
-		id: "wave",
-		label: "Wave",
-		variants: [
-			{
-				familyId: "wave",
-				variantId: "balanced",
-				label: "Balanced",
-				boundaryOption: balancedWaveBoundaryOption
-			},
-			{
-				familyId: "wave",
-				variantId: "classic",
-				label: "Classic",
-				boundaryOption: waveBoundaryOption
-			},
-			{
-				familyId: "wave",
-				variantId: "gentle",
-				label: "Gentle",
-				boundaryOption: gentleWaveBoundaryOption
-			},
-			{
-				familyId: "wave",
-				variantId: "bold",
-				label: "Bold",
-				boundaryOption: boldWaveBoundaryOption
-			},
-			{
-				familyId: "wave",
-				variantId: "drift",
-				label: "Drift",
-				boundaryOption: driftWaveBoundaryOption
-			}
-		]
-	},
-	{
-		id: "angle",
-		label: "Angle",
-		variants: [
-			{
-				familyId: "angle",
-				variantId: "subtle",
-				label: "Subtle",
-				boundaryOption: subtleAngleBoundaryOption
-			},
-			{
-				familyId: "angle",
-				variantId: "balanced",
-				label: "Balanced",
-				boundaryOption: balancedAngleBoundaryOption
-			},
-			{
-				familyId: "angle",
-				variantId: "steep",
-				label: "Steep",
-				boundaryOption: steepAngleBoundaryOption
-			}
-		]
-	}
-];
-function sectionTransitionVariantForBoundaryOptionId(boundaryOptionId) {
-	if (!boundaryOptionId) return null;
-	for (const family of sectionTransitionFamilies) {
-		const variant = family.variants.find((candidate) => candidate.boundaryOption.id === boundaryOptionId);
-		if (variant) return variant;
-	}
-	return null;
-}
-function sectionTransitionFamilyForBoundaryOptionId(boundaryOptionId) {
-	const variant = sectionTransitionVariantForBoundaryOptionId(boundaryOptionId);
-	if (!variant) return null;
-	return sectionTransitionFamilies.find((family) => family.id === variant.familyId) ?? null;
-}
-function defaultSectionTransitionVariantForFamily(familyId) {
-	const family = sectionTransitionFamilies.find((candidate) => candidate.id === familyId);
-	if (!family) throw new Error(`Unknown section transition family: ${familyId}`);
-	return family.variants[0];
-}
 asBoundaryOptionId("break:unknown");
 const pageDesignUserPinnedAppearanceChoiceSchema = z.object({
 	kind: z.literal("user-pinned"),
@@ -104501,6 +105105,15 @@ z.object({
 	blockLookPins: z.array(pageDesignBlockLookPinSchema),
 	boundaryPins: z.array(pageDesignBoundaryPinSchema)
 }).strict().superRefine(validateUniquePageDesignPins);
+function autoDesignChoice() {
+	return { kind: "auto" };
+}
+function userPinnedDesignChoice(value) {
+	return {
+		kind: "user-pinned",
+		value
+	};
+}
 function addDuplicateStringIssues(ctx, input) {
 	const seen = /* @__PURE__ */ new Set();
 	const duplicates = /* @__PURE__ */ new Set();
@@ -104529,14 +105142,11 @@ function validateUniquePageDesignPins(intent, ctx) {
 		label: "block Look pin"
 	});
 	addDuplicateStringIssues(ctx, {
-		values: intent.boundaryPins.map((pin) => boundaryKey(pin.previousBlockId, pin.nextBlockId)),
+		values: intent.boundaryPins.map((pin) => makeBoundaryId(pin.previousBlockId, pin.nextBlockId)),
 		path: ["boundaryPins"],
 		label: "boundary pin"
 	});
 }
-function boundaryKey(previousBlockId, nextBlockId) {
-	return makeBoundaryId(previousBlockId, nextBlockId);
-}
 //#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
 /**
@@ -108815,6 +109425,200 @@ z.object({
 	authority: styleAuthoritySchema
 }).strict();
 //#endregion
+//#region ../theme-core/src/site-styles/pageFlowPresets.ts
+/**
+* Must remain non-empty; downstream code indexes `[0]` as the documented default.
+*/
+const pageFlowPresets = [
+	{
+		id: asPageFlowPresetId("flow:quiet"),
+		label: "Quiet",
+		boundaryStrategy: "quiet",
+		defaultBoundaryOptionId: noneBoundaryOption.id
+	},
+	{
+		id: asPageFlowPresetId("flow:balanced"),
+		label: "Balanced",
+		boundaryStrategy: "balanced",
+		defaultBoundaryOptionId: softBoundaryOption.id
+	},
+	{
+		id: asPageFlowPresetId("flow:expressive"),
+		label: "Expressive",
+		boundaryStrategy: "expressive",
+		defaultBoundaryOptionId: spaciousBoundaryOption.id
+	}
+];
+/**
+* The break a join gets when nothing more specific applies. An unknown preset
+* id (a stale or policy-owned one) falls back to the first boundary option,
+* and `preset` is null so callers can tell the two apart.
+*/
+function pageFlowDefaultBoundary(pageFlowPresetId) {
+	const preset = pageFlowPresets.find((candidate) => candidate.id === pageFlowPresetId) ?? null;
+	return {
+		preset,
+		boundaryOptionId: preset?.defaultBoundaryOptionId ?? boundaryOptions[0].id
+	};
+}
+asPageFlowPresetId("generated-default");
+const southWestTwerkSchoolSiteStyleId = asSiteStyleId("site-style:south-west-twerk-school");
+const heroBrandScrimFixedFrameLookId = asAppearancePresetId("hero-brand-scrim-fixed-frame");
+const classicHeroLayoutVariantKey = asLayoutVariantKey("classic");
+const microHeroLayoutVariantKey = asLayoutVariantKey("micro");
+const waveBoundaryOptionId = asBoundaryOptionId("break:wave");
+const registeredSiteStyleBlockPolicies = [{
+	siteStyleId: southWestTwerkSchoolSiteStyleId,
+	kind: "locked-look-and-layouts",
+	blockKind: "block.hero",
+	lookId: heroBrandScrimFixedFrameLookId,
+	allowedLayoutVariantKeys: [classicHeroLayoutVariantKey, microHeroLayoutVariantKey],
+	defaultLayoutVariantKey: classicHeroLayoutVariantKey,
+	defaultBoundaryAfter: {
+		optionId: waveBoundaryOptionId,
+		mode: "default-only"
+	},
+	customize: {
+		hideDisallowedLooks: true,
+		hideDisallowedLayouts: true
+	}
+}];
+function deriveSiteStyleBlockPolicy(input) {
+	return registeredSiteStyleBlockPolicies.find((policy) => policy.siteStyleId === input.siteStyleId && policy.blockKind === input.blockKind) ?? { kind: "open" };
+}
+//#endregion
+//#region ../theme-core/src/site-styles/joinTreatment.ts
+/** Narrows any join (a resolved intent included) to its public, intent-only form. */
+function toPageRuntimeJoin(join) {
+	return {
+		previousBlockId: join.previousBlockId,
+		nextBlockId: join.nextBlockId,
+		treatment: join.treatment
+	};
+}
+/**
+* The single rule set for which treatment a join gets. Candidates arrive in
+* priority order; the first supported one wins.
+*
+* - `none` ends the search and yields no join.
+* - An unsupported candidate (a legacy option id, or a structured treatment the
+*   catalogue lacks) falls through to the next one. When it was the user's
+*   pin, the pin is reported unsupported and the existing
+*   `pinned-boundary-option-unavailable` issue is raised.
+*/
+function resolveJoinTreatment(input) {
+	const boundaryId = makeBoundaryId(input.previousBlockId, input.nextBlockId);
+	const selection = selectCandidate(input.candidates);
+	const selectedOutcome = selection.kind === "selected" ? selection.outcome : { kind: "none" };
+	const pin = pinStatus(input.candidates, selectedOutcome);
+	const issues = pin.kind === "unsupported" ? [{
+		kind: "pinned-boundary-option-unavailable",
+		boundaryId,
+		presetId: pin.optionId,
+		feedback: "user-facing"
+	}] : [];
+	if (selection.kind === "exhausted") return {
+		join: null,
+		selectedSource: null,
+		pin,
+		issues
+	};
+	if (selection.outcome.kind === "none") return {
+		join: null,
+		selectedSource: selection.candidate.source,
+		pin,
+		issues
+	};
+	return {
+		selectedSource: selection.candidate.source,
+		join: {
+			boundaryId,
+			previousBlockId: input.previousBlockId,
+			nextBlockId: input.nextBlockId,
+			treatment: selection.outcome.treatment,
+			source: selection.candidate.source
+		},
+		pin,
+		issues
+	};
+}
+function pinStatus(candidates, selectedOutcome) {
+	const pinned = candidates.find((candidate) => candidate.source.kind === "user-pinned");
+	if (!pinned) return { kind: "none" };
+	const outcome = candidateOutcome(pinned.treatment);
+	return outcome.kind === "unsupported" ? {
+		kind: "unsupported",
+		optionId: outcome.boundaryOptionId ?? fallbackOptionId(selectedOutcome)
+	} : { kind: "supported" };
+}
+function selectCandidate(candidates) {
+	for (const candidate of candidates) {
+		const outcome = candidateOutcome(candidate.treatment);
+		switch (outcome.kind) {
+			case "decorative":
+			case "none": return {
+				kind: "selected",
+				candidate,
+				outcome
+			};
+			case "unsupported": continue;
+			default: return assertNever$7(outcome, "Unhandled join candidate outcome");
+		}
+	}
+	return { kind: "exhausted" };
+}
+function candidateOutcome(treatment) {
+	if (treatment.kind === "none") return { kind: "none" };
+	const intent = transitionIntentForTreatment(treatment);
+	return intent ? {
+		kind: "decorative",
+		treatment: intent
+	} : {
+		kind: "unsupported",
+		boundaryOptionId: boundaryOptionIdForTreatment(treatment)
+	};
+}
+/**
+* Matches the editor's existing issue payload: the pin's own option id when
+* it has one, otherwise the option the join fell back to.
+*/
+function fallbackOptionId(outcome) {
+	switch (outcome.kind) {
+		case "decorative": return boundaryOptionForTransitionIntent(outcome.treatment).id;
+		case "none": return noneBoundaryOption.id;
+		default: return assertNever$7(outcome, "Unhandled join fallback outcome");
+	}
+}
+/**
+* The page-design defaults for a join, in priority order: the site style's
+* default break after the previous block, then the page-flow default, which
+* is always last.
+*/
+function pageDesignDefaultJoinCandidates(input) {
+	const policy = deriveSiteStyleBlockPolicy({
+		siteStyleId: input.siteStyleId,
+		blockKind: input.previousBlockKind
+	});
+	return [...policy.kind === "locked-look-and-layouts" && policy.defaultBoundaryAfter ? [{
+		source: {
+			kind: "site-style-default",
+			siteStyleId: input.siteStyleId
+		},
+		treatment: boundaryTreatmentForBoundaryOptionId(policy.defaultBoundaryAfter.optionId)
+	}] : [], pageFlowDefaultJoinCandidate(input.pageFlowPresetId)];
+}
+/** The last-resort page-design default, also the source of a fully unsupported join. */
+function pageFlowDefaultJoinCandidate(pageFlowPresetId) {
+	const pageFlow = pageFlowDefaultBoundary(pageFlowPresetId);
+	return {
+		source: {
+			kind: "page-flow-default",
+			pageFlowPresetId: pageFlow.preset?.id ?? null
+		},
+		treatment: boundaryTreatmentForBoundaryOptionId(pageFlow.boundaryOptionId)
+	};
+}
+//#endregion
 //#region ../theme-core/src/site-styles/imageSurfaceBackground.ts
 function withImageSurfaceMotion(background, motion) {
 	return motion === "static" ? background : {
@@ -108923,13 +109727,15 @@ const compiledRuntimeStyleFieldNames = [
 	"_contentCardStyles",
 	"_heroLayoutStyles",
 	"_cardStyles",
-	"_transitionStyles",
 	"blockLook",
-	"blockComposition",
-	"styleGroup"
+	"blockComposition"
 ];
+/**
+* Removes every compiler-owned field, plus a stale transition `styleGroup`.
+* An authored `styleGroup` is content and survives.
+*/
 function stripCompiledRuntimeStyleFields(content) {
-	return Object.fromEntries(Object.entries(content).filter(([fieldName]) => !compiledRuntimeStyleFieldNames.includes(fieldName)));
+	return Object.fromEntries(Object.entries(stripStaleTransitionStyleGroup(content)).filter(([fieldName]) => !compiledRuntimeStyleFieldNames.includes(fieldName)));
 }
 function surfaceResolutionContextFromPalette(palette) {
 	return {
@@ -108948,7 +109754,7 @@ function defineComponentRuntimeRules(rules) {
 }
 /**
 * Default design rules translate semantic page-level choices into the current
-* runtime's section background and transition style-group vocabulary.
+* runtime's section background vocabulary.
 */
 const defaultDesignRuntimeRules = defineDesignRuntimeRules({
 	sectionSurfaces: {
@@ -108983,8 +109789,7 @@ const defaultDesignRuntimeRules = defineDesignRuntimeRules({
 			color: "surface",
 			opacity: .88
 		}
-	},
-	transitionClassName: (transition, fromSurface, toSurface) => transition === "none" ? null : `site-style-transition-${transition}-from-${fromSurface}-to-${toSurface}`
+	}
 });
 /**
 * Default component rules translate frame and item-surface semantics into the
@@ -109194,22 +109999,6 @@ function compileCardStyles(input) {
 	if (!role) return void 0;
 	return cardStylesOverrideSchema.parse({ role });
 }
-function sectionAdjacencyForBlock(input) {
-	if (input.sectionAdjacency) return input.sectionAdjacency;
-	if (input.nextSectionSurface) return {
-		kind: "next-section",
-		surface: input.nextSectionSurface
-	};
-	return { kind: "page-end" };
-}
-function transitionTargetSurfaceForAdjacency(adjacency) {
-	switch (adjacency.kind) {
-		case "next-section":
-		case "terminal-surface": return adjacency.surface;
-		case "page-end": return null;
-		default: return assertNever$7(adjacency);
-	}
-}
 function resolveEyebrowTreatmentForRuntime(block, rules) {
 	return block.eyebrowTreatment ?? rules.defaultEyebrowTreatment ?? block.appliedEyebrowTreatment;
 }
@@ -109227,19 +110016,6 @@ function compileBlockRuntimeFields(input) {
 	});
 	const shouldSuppressContainerFrame = shouldMoveFrameToHeroContentCard(input.block);
 	const cardStyles = compileCardStyles({ cardRole: input.block.appliedCardRole });
-	const transitionTargetSurface = transitionTargetSurfaceForAdjacency(sectionAdjacencyForBlock(input));
-	const transitionClassName = transitionTargetSurface ? designRules.transitionClassName(input.block.appliedTransitionAfter, visualSectionSurface, transitionTargetSurface) : null;
-	const transitionRuntime = transitionTargetSurface && transitionClassName ? compileTransitionRuntime({
-		treatment: input.block.appliedTransitionAfter,
-		from: {
-			kind: "surface",
-			surface: visualSectionSurface
-		},
-		to: {
-			kind: "surface",
-			surface: transitionTargetSurface
-		}
-	}) : null;
 	return {
 		blockId: input.block.blockId,
 		visualSectionSurface,
@@ -109264,117 +110040,33 @@ function compileBlockRuntimeFields(input) {
 			...cardStyles ? { _cardStyles: cardStyles } : {},
 			...heroRuntimeFields,
 			...input.block.appearancePresetId ? { blockLook: input.block.appearancePresetId } : {},
-			...input.block.appliedComposition ? { blockComposition: input.block.appliedComposition } : {},
-			...transitionRuntime ? { _transitionStyles: transitionRuntime } : {},
-			...transitionClassName ? { styleGroup: transitionClassName } : {}
-		}
-	};
-}
-function compileTransitionRuntime(input) {
-	return {
-		treatment: input.treatment,
-		from: input.from,
-		to: input.to,
-		cssVars: {
-			from: input.from.kind === "surface" && input.from.surface === "hero-image" ? "transparent" : transitionEndpointCssValue(input.from),
-			to: transitionEndpointCssValue(input.to)
+			...input.block.appliedComposition ? { blockComposition: input.block.appliedComposition } : {}
 		}
 	};
 }
-function compileBoundaryRuntime(input) {
-	const styleGroup = (input.rules ?? defaultDesignRuntimeRules).transitionClassName(input.treatment, input.fromSurface, input.toSurface);
-	if (!styleGroup) return null;
-	const metrics = boundaryRuntimeMetricsForTransition(input.treatment);
-	if (!metrics) return null;
-	const transition = compileTransitionRuntime({
-		treatment: input.treatment,
-		from: {
-			kind: "surface",
-			surface: input.fromSurface
-		},
-		to: {
-			kind: "surface",
-			surface: input.toSurface
-		}
-	});
-	return {
-		boundaryId: input.boundaryId,
-		previousBlockId: input.previousBlockId,
-		nextBlockId: input.nextBlockId,
-		treatment: transition.treatment,
-		metrics,
-		from: transition.from,
-		to: transition.to,
-		cssVars: transition.cssVars,
-		styleGroup
-	};
-}
-function transitionEndpointCssValue(endpoint) {
-	switch (endpoint.kind) {
-		case "color-token": return themeColorTokenCssValue(endpoint.token);
-		case "surface": return themeColorTokenCssValue(tokenForTransitionSurface(endpoint.surface));
-		default: return assertNever$7(endpoint);
-	}
-}
-function tokenForTransitionSurface(surface) {
-	switch (surface) {
-		case "base":
-		case "hero-image": return "background";
-		case "muted-band": return "muted";
-		case "accent-band": return "accent";
-		case "brand-depth-band": return "primary-800";
-		default: return assertNever$7(surface);
-	}
-}
-function themeColorTokenCssValue(token) {
-	return `rgb(var(--tb-${token}))`;
-}
-/** Compiles a resolved page plan into legacy runtime fields for each resolved block. */
+/**
+* Compiles a resolved page plan into legacy runtime fields for each resolved
+* block, plus the public runtime joins between them.
+*
+* Joins come from `resolveJoinTreatment`; plans no longer carry a treatment.
+* Only joins whose two blocks were compiled are kept, and they leave as intent
+* only: the blocks renderer composes each one from final content after
+* omission, including whether it draws at all (issue 1422).
+*/
 function compilePageRuntimeFields(input) {
-	const visualSurfaces = input.resolved.blocks.map(resolveVisualSectionSurfaceForBlock);
-	const terminalSectionAdjacency = input.terminalSectionAdjacency ?? { kind: "page-end" };
-	const designRules = input.designRules ?? defaultDesignRuntimeRules;
+	const blocks = input.resolved.blocks.map((block) => compileBlockRuntimeFields({
+		block,
+		surfaceResolutionContext: input.surfaceResolutionContext,
+		designRules: input.designRules,
+		componentRules: input.componentRules,
+		sectionSpacing: input.sectionSpacing
+	}));
+	const compiledIds = new Set(blocks.map((block) => block.blockId));
 	return {
-		blocks: input.resolved.blocks.map((block, index) => {
-			const nextSurface = visualSurfaces[index + 1];
-			const compiled = compileBlockRuntimeFields({
-				block,
-				surfaceResolutionContext: input.surfaceResolutionContext,
-				designRules: input.designRules,
-				componentRules: input.componentRules,
-				sectionSpacing: input.sectionSpacing,
-				sectionAdjacency: nextSurface ? {
-					kind: "next-section",
-					surface: nextSurface
-				} : terminalSectionAdjacency
-			});
-			return {
-				...compiled,
-				fields: stripPageLevelTransitionFields(compiled.fields)
-			};
-		}),
-		boundaries: input.resolved.blocks.flatMap((block, index) => {
-			const nextBlock = input.resolved.blocks[index + 1];
-			const fromSurface = visualSurfaces[index];
-			const toSurface = visualSurfaces[index + 1];
-			if (!nextBlock || !fromSurface || !toSurface) return [];
-			const boundary = compileBoundaryRuntime({
-				boundaryId: `boundary:${block.blockId}:${nextBlock.blockId}`,
-				previousBlockId: block.blockId,
-				nextBlockId: nextBlock.blockId,
-				treatment: block.appliedTransitionAfter,
-				fromSurface,
-				toSurface,
-				rules: designRules
-			});
-			return boundary ? [boundary] : [];
-		})
+		blocks,
+		joins: input.joins.filter((join) => compiledIds.has(join.previousBlockId) && compiledIds.has(join.nextBlockId)).map(toPageRuntimeJoin)
 	};
 }
-function stripPageLevelTransitionFields(fields) {
-	const { _transitionStyles, styleGroup, ...rest } = fields;
-	return rest;
-}
 const paletteByRecipe = {
 	"brand-led": [
 		{
@@ -111437,12 +112129,97 @@ function componentRuntimeRulesForTheme(theme) {
 	if (!siteStyleId) return defaultComponentRuntimeRules;
 	return componentRuntimeRulesForSiteStyle(curatedSiteStylesById.get(asSiteStyleId(siteStyleId)) ?? null);
 }
-asPageFlowPresetId("generated-default");
-asSiteStyleId("site-style:south-west-twerk-school");
-asAppearancePresetId("hero-brand-scrim-fixed-frame");
-asLayoutVariantKey("classic");
-asLayoutVariantKey("micro");
-asBoundaryOptionId("break:wave");
+//#endregion
+//#region ../theme-core/src/site-styles/pageDesignEditorBoundaries.ts
+function buildBoundaryReadModel(input) {
+	const previousBlockId = input.previousBlock.blockId;
+	const nextBlockId = input.nextBlock.blockId;
+	const defaults = pageDesignDefaultJoinCandidates({
+		siteStyleId: input.siteStyleId,
+		pageFlowPresetId: input.pageFlowPresetId,
+		previousBlockKind: input.previousBlock.blockKind
+	});
+	const projection = input.pin.kind === "user-pinned" ? pinnedBreakChoice(resolveJoinTreatment({
+		candidates: [{
+			source: { kind: "user-pinned" },
+			treatment: input.pin.value
+		}, ...defaults],
+		previousBlockId,
+		nextBlockId
+	})) : autoBreakChoice(resolveJoinTreatment({
+		candidates: defaults,
+		previousBlockId,
+		nextBlockId
+	}), input.pageFlowPresetId);
+	return {
+		boundary: {
+			boundaryId: makeBoundaryId(previousBlockId, nextBlockId),
+			previousBlockId,
+			nextBlockId,
+			breakChoice: projection.breakChoice,
+			availableBreaks: boundaryOptions
+		},
+		issues: projection.issues
+	};
+}
+function autoBreakChoice(resolution, pageFlowPresetId) {
+	return {
+		breakChoice: {
+			kind: "auto",
+			source: resolution.selectedSource ?? pageFlowDefaultJoinCandidate(pageFlowPresetId).source,
+			effectiveValue: effectiveBreak(resolution)
+		},
+		issues: resolution.issues
+	};
+}
+function pinnedBreakChoice(resolution) {
+	const effectiveValue = effectiveBreak(resolution);
+	switch (resolution.pin.kind) {
+		case "unsupported": return {
+			breakChoice: {
+				kind: "user-pinned",
+				value: resolution.pin.optionId,
+				status: "unsupported",
+				effectiveValue
+			},
+			issues: resolution.issues
+		};
+		case "supported":
+		case "none": return {
+			breakChoice: {
+				kind: "user-pinned",
+				value: effectiveValue ?? noneBoundaryOption.id,
+				status: "supported",
+				effectiveValue
+			},
+			issues: resolution.issues
+		};
+		default: return assertNever$7(resolution.pin, "Unhandled join pin status");
+	}
+}
+/** The effective break as the option the editor shows; null when nothing was usable. */
+function effectiveBreak(resolution) {
+	if (resolution.join) return boundaryOptionForTransitionIntent(resolution.join.treatment).id;
+	return resolution.selectedSource ? noneBoundaryOption.id : null;
+}
+/**
+* Re-resolves one boundary of an editor model for a changed break choice,
+* through the same rules the model was built with. The preview uses it for
+* optimistic updates, so a reset lands on whichever default the rules pick
+* (site style or Page Flow). Null when either block is not in the model.
+*/
+function resolvePageDesignEditorBoundaryForChoice(input) {
+	const previousBlock = input.editorModel.blocks.find((block) => block.blockId === input.previousBlockId);
+	const nextBlock = input.editorModel.blocks.find((block) => block.blockId === input.nextBlockId);
+	if (!previousBlock || !nextBlock) return null;
+	return buildBoundaryReadModel({
+		siteStyleId: input.editorModel.siteStyleId,
+		pageFlowPresetId: input.editorModel.pageFlow.value,
+		pin: input.choice,
+		previousBlock,
+		nextBlock
+	}).boundary;
+}
 //#endregion
 //#region ../theme-core/src/site-styles/pageDesignEditorModel.ts
 function autoEditorChoice(effectiveValue) {
@@ -111466,7 +112243,6 @@ function userPinnedEditorChoice(value, input = {}) {
 * Look/Layout semantics support them.
 */
 const normalEditorCuratedPromotedFieldPaths = ["_sectionStyles.background.image"];
-asPageFlowPresetId("flow:quiet"), noneBoundaryOption.id, asPageFlowPresetId("flow:balanced"), softBoundaryOption.id, asPageFlowPresetId("flow:expressive"), spaciousBoundaryOption.id;
 function availableLooksForLayout(looksByLayout, layoutVariantKey) {
 	if (!layoutVariantKey) return [];
 	return looksByLayout.find((entry) => entry.layoutVariantKey === layoutVariantKey)?.availableLooks ?? [];
@@ -111587,7 +112363,6 @@ const repairActionsByIssueKind = {
 	"image-surface-treatment-without-image-surface": ["fallback-image-surface-treatment"],
 	"image-surface-motion-without-image-surface": ["fallback-image-surface-motion"],
 	"hero-legibility-overridden-by-image-surface-treatment": ["remove-hero-legibility"],
-	"removed-transition-for-flush-frame": ["remove-transition"],
 	"hero-image-without-legibility": ["fallback-hero-legibility"]
 };
 function repairActionsForIssue(issueKind) {
@@ -111627,13 +112402,9 @@ function supportsBlockComposition(capability, composition) {
 		default: return assertNever$7(composition);
 	}
 }
-function isDecorativeTransition(transition) {
-	return transition !== "none";
-}
 const blockDesignFallback = {
 	sectionSurface: "base",
 	contentFrame: plainFrame,
-	transitionAfter: "none",
 	sectionHeight: "default",
 	heroLegibility: "none",
 	imageSurfaceTreatment: { kind: "none" },
@@ -111649,7 +112420,6 @@ const appliedBlockDesignFallback = {
 	appliedSectionSurface: blockDesignFallback.sectionSurface,
 	appliedContentFrame: blockDesignFallback.contentFrame,
 	appliedCardRole: null,
-	appliedTransitionAfter: blockDesignFallback.transitionAfter,
 	appliedSectionHeight: blockDesignFallback.sectionHeight,
 	appliedHeroLegibility: blockDesignFallback.heroLegibility,
 	appliedImageSurfaceTreatment: blockDesignFallback.imageSurfaceTreatment,
@@ -111675,7 +112445,6 @@ function blockDesignRequest(block) {
 		sectionSurface: block.sectionSurface,
 		contentFrame: block.contentFrame,
 		...block.cardRole ? { cardRole: block.cardRole } : {},
-		transitionAfter: block.transitionAfter,
 		sectionHeight: block.sectionHeight,
 		heroLegibility: block.heroLegibility,
 		imageSurfaceTreatment: block.imageSurfaceTreatment,
@@ -111689,304 +112458,283 @@ function blockDesignRequest(block) {
 }
 function resolveBlockDesignPlan(input) {
 	const issues = [];
-	const blocks = input.blocks.map((block) => {
-		const capability = input.capabilities[block.blockKind];
-		let appliedSectionSurface = block.sectionSurface;
-		let appliedContentFrame = block.contentFrame;
-		const appliedCardRole = appliedCardRoleFor(block, capability);
-		let appliedTransitionAfter = block.transitionAfter;
-		let appliedSectionHeight = block.sectionHeight ?? "default";
-		let appliedHeroLegibility = block.heroLegibility ?? "none";
-		let appliedImageSurfaceTreatment = block.imageSurfaceTreatment ?? { kind: "none" };
-		let appliedImageSurfaceMotion = block.imageSurfaceMotion ?? "static";
-		let appliedTileTreatment = block.tileTreatment ?? "default";
-		let appliedEventListTreatment = block.eventListTreatment ?? "plain";
-		let appliedEyebrowTreatment = block.eyebrowTreatment ?? "plain";
-		let appliedAccordionIconTreatment = block.accordionIconTreatment ?? null;
-		let appliedComposition = block.composition ?? null;
-		if (!capability) {
-			issues.push({
-				kind: "missing-block-design-capability",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: blockDesignRequest(block),
-				fallback: blockDesignFallback,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("missing-block-design-capability")
-			});
-			return {
-				...block,
-				...appliedBlockDesignFallback
-			};
-		}
-		if (capability.kind === "not-designed") {
-			issues.push({
-				kind: "unsupported-block-design-capability",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				reason: capability.reason,
-				requested: blockDesignRequest(block),
-				fallback: blockDesignFallback,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-block-design-capability")
-			});
-			return {
-				...block,
-				...appliedBlockDesignFallback
-			};
-		}
-		if (capability.sectionSurfaces === "unsupported") {
-			appliedSectionSurface = "base";
-			issues.push({
-				kind: "unsupported-section-surface",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.sectionSurface,
-				fallback: appliedSectionSurface,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-section-surface")
-			});
-		}
-		if (!supportsFrame(capability, block.contentFrame.kind)) {
-			appliedContentFrame = plainFrame;
-			issues.push({
-				kind: "unsupported-content-frame",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.contentFrame,
-				fallback: appliedContentFrame,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-content-frame")
-			});
-		}
-		const requestedCardRole = requestedCardRoleOf(block);
-		if (requestedCardRole && capability.cardRoles === "unsupported") issues.push({
-			kind: "unsupported-card-role",
-			blockId: block.blockId,
-			blockKind: block.blockKind,
-			purpose: block.purpose,
-			requested: requestedCardRole,
-			fallback: "none",
-			policy: input.policy,
-			severity: designIssueSeverityForPolicy(input.policy),
-			allowedRepairActions: repairActionsForIssue("unsupported-card-role")
-		});
-		if (!supportsSectionHeight(capability, appliedSectionHeight)) {
-			appliedSectionHeight = "default";
-			issues.push({
-				kind: "unsupported-section-height",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.sectionHeight ?? "default",
-				fallback: appliedSectionHeight,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-section-height")
-			});
-		}
-		if (!supportsImageSurfaceTreatment(capability, appliedImageSurfaceTreatment)) {
-			appliedImageSurfaceTreatment = { kind: "none" };
-			issues.push({
-				kind: "unsupported-image-surface-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.imageSurfaceTreatment ?? { kind: "none" },
-				fallback: appliedImageSurfaceTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-image-surface-treatment")
-			});
-		}
-		if (!supportsImageSurfaceMotion(capability, appliedImageSurfaceMotion)) {
-			appliedImageSurfaceMotion = "static";
-			issues.push({
-				kind: "unsupported-image-surface-motion",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.imageSurfaceMotion ?? "static",
-				fallback: appliedImageSurfaceMotion,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-image-surface-motion")
-			});
-		}
-		if (!supportsTileTreatment(capability, appliedTileTreatment)) {
-			appliedTileTreatment = "default";
-			issues.push({
-				kind: "unsupported-tile-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.tileTreatment ?? "default",
-				fallback: appliedTileTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-tile-treatment")
-			});
-		}
-		if (!supportsEventListTreatment(capability, appliedEventListTreatment)) {
-			appliedEventListTreatment = "plain";
-			issues.push({
-				kind: "unsupported-event-list-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.eventListTreatment ?? "plain",
-				fallback: appliedEventListTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-event-list-treatment")
-			});
-		}
-		if (!supportsEyebrowTreatment(capability, appliedEyebrowTreatment)) {
-			appliedEyebrowTreatment = "plain";
-			issues.push({
-				kind: "unsupported-eyebrow-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.eyebrowTreatment ?? "plain",
-				fallback: appliedEyebrowTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-eyebrow-treatment")
-			});
-		}
-		if (appliedAccordionIconTreatment && !supportsAccordionIconTreatment(capability, appliedAccordionIconTreatment)) {
-			const requested = appliedAccordionIconTreatment;
-			appliedAccordionIconTreatment = null;
-			issues.push({
-				kind: "unsupported-accordion-icon-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested,
-				fallback: appliedAccordionIconTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-accordion-icon-treatment")
-			});
-		}
-		if (appliedComposition && !supportsBlockComposition(capability, appliedComposition)) {
-			const requested = appliedComposition;
-			appliedComposition = null;
-			issues.push({
-				kind: "unsupported-block-composition",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested,
-				fallback: null,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("unsupported-block-composition")
-			});
-		}
-		if (appliedSectionSurface !== "hero-image" && appliedImageSurfaceTreatment.kind !== "none") {
-			const requested = appliedImageSurfaceTreatment;
-			appliedImageSurfaceTreatment = { kind: "none" };
-			issues.push({
-				kind: "image-surface-treatment-without-image-surface",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested,
-				fallback: appliedImageSurfaceTreatment,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("image-surface-treatment-without-image-surface")
-			});
-		}
-		if (appliedSectionSurface !== "hero-image" && appliedImageSurfaceMotion !== "static") {
-			const requested = appliedImageSurfaceMotion;
-			appliedImageSurfaceMotion = "static";
-			issues.push({
-				kind: "image-surface-motion-without-image-surface",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested,
-				fallback: appliedImageSurfaceMotion,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("image-surface-motion-without-image-surface")
-			});
-		}
-		if (appliedSectionSurface === "hero-image" && appliedImageSurfaceTreatment.kind !== "none" && appliedHeroLegibility !== "none") {
-			const requested = appliedHeroLegibility;
-			appliedHeroLegibility = "none";
-			issues.push({
-				kind: "hero-legibility-overridden-by-image-surface-treatment",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested,
-				fallback: appliedHeroLegibility,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("hero-legibility-overridden-by-image-surface-treatment")
-			});
-		}
-		if (appliedSectionSurface === "hero-image" && appliedImageSurfaceTreatment.kind === "none" && (block.heroLegibility === void 0 || appliedHeroLegibility === "none")) {
-			appliedHeroLegibility = "scrim-gradient";
-			issues.push({
-				kind: "hero-image-without-legibility",
-				blockId: block.blockId,
-				blockKind: block.blockKind,
-				purpose: block.purpose,
-				requested: block.heroLegibility,
-				fallback: appliedHeroLegibility,
-				policy: input.policy,
-				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("hero-image-without-legibility")
-			});
-		}
-		return {
-			...block,
-			appliedSectionSurface,
-			appliedContentFrame,
-			appliedCardRole,
-			appliedTransitionAfter,
-			appliedSectionHeight,
-			appliedHeroLegibility,
-			appliedImageSurfaceTreatment,
-			appliedImageSurfaceMotion,
-			appliedTileTreatment,
-			appliedEventListTreatment,
-			appliedEyebrowTreatment,
-			appliedAccordionIconTreatment,
-			appliedComposition
-		};
-	});
-	return {
-		blocks: blocks.map((block, index) => {
-			const nextBlock = blocks[index + 1];
-			if (!nextBlock || !isDecorativeTransition(block.appliedTransitionAfter) || block.appliedContentFrame.kind !== "flush-panel" && nextBlock.appliedContentFrame.kind !== "flush-panel") return block;
-			issues.push({
-				kind: "removed-transition-for-flush-frame",
+	return {
+		blocks: input.blocks.map((block) => {
+			const capability = input.capabilities[block.blockKind];
+			let appliedSectionSurface = block.sectionSurface;
+			let appliedContentFrame = block.contentFrame;
+			const appliedCardRole = appliedCardRoleFor(block, capability);
+			let appliedSectionHeight = block.sectionHeight ?? "default";
+			let appliedHeroLegibility = block.heroLegibility ?? "none";
+			let appliedImageSurfaceTreatment = block.imageSurfaceTreatment ?? { kind: "none" };
+			let appliedImageSurfaceMotion = block.imageSurfaceMotion ?? "static";
+			let appliedTileTreatment = block.tileTreatment ?? "default";
+			let appliedEventListTreatment = block.eventListTreatment ?? "plain";
+			let appliedEyebrowTreatment = block.eyebrowTreatment ?? "plain";
+			let appliedAccordionIconTreatment = block.accordionIconTreatment ?? null;
+			let appliedComposition = block.composition ?? null;
+			if (!capability) {
+				issues.push({
+					kind: "missing-block-design-capability",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: blockDesignRequest(block),
+					fallback: blockDesignFallback,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("missing-block-design-capability")
+				});
+				return {
+					...block,
+					...appliedBlockDesignFallback
+				};
+			}
+			if (capability.kind === "not-designed") {
+				issues.push({
+					kind: "unsupported-block-design-capability",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					reason: capability.reason,
+					requested: blockDesignRequest(block),
+					fallback: blockDesignFallback,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-block-design-capability")
+				});
+				return {
+					...block,
+					...appliedBlockDesignFallback
+				};
+			}
+			if (capability.sectionSurfaces === "unsupported") {
+				appliedSectionSurface = "base";
+				issues.push({
+					kind: "unsupported-section-surface",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.sectionSurface,
+					fallback: appliedSectionSurface,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-section-surface")
+				});
+			}
+			if (!supportsFrame(capability, block.contentFrame.kind)) {
+				appliedContentFrame = plainFrame;
+				issues.push({
+					kind: "unsupported-content-frame",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.contentFrame,
+					fallback: appliedContentFrame,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-content-frame")
+				});
+			}
+			const requestedCardRole = requestedCardRoleOf(block);
+			if (requestedCardRole && capability.cardRoles === "unsupported") issues.push({
+				kind: "unsupported-card-role",
 				blockId: block.blockId,
 				blockKind: block.blockKind,
 				purpose: block.purpose,
-				requested: block.appliedTransitionAfter,
+				requested: requestedCardRole,
 				fallback: "none",
 				policy: input.policy,
 				severity: designIssueSeverityForPolicy(input.policy),
-				allowedRepairActions: repairActionsForIssue("removed-transition-for-flush-frame")
+				allowedRepairActions: repairActionsForIssue("unsupported-card-role")
 			});
+			if (!supportsSectionHeight(capability, appliedSectionHeight)) {
+				appliedSectionHeight = "default";
+				issues.push({
+					kind: "unsupported-section-height",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.sectionHeight ?? "default",
+					fallback: appliedSectionHeight,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-section-height")
+				});
+			}
+			if (!supportsImageSurfaceTreatment(capability, appliedImageSurfaceTreatment)) {
+				appliedImageSurfaceTreatment = { kind: "none" };
+				issues.push({
+					kind: "unsupported-image-surface-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.imageSurfaceTreatment ?? { kind: "none" },
+					fallback: appliedImageSurfaceTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-image-surface-treatment")
+				});
+			}
+			if (!supportsImageSurfaceMotion(capability, appliedImageSurfaceMotion)) {
+				appliedImageSurfaceMotion = "static";
+				issues.push({
+					kind: "unsupported-image-surface-motion",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.imageSurfaceMotion ?? "static",
+					fallback: appliedImageSurfaceMotion,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-image-surface-motion")
+				});
+			}
+			if (!supportsTileTreatment(capability, appliedTileTreatment)) {
+				appliedTileTreatment = "default";
+				issues.push({
+					kind: "unsupported-tile-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.tileTreatment ?? "default",
+					fallback: appliedTileTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-tile-treatment")
+				});
+			}
+			if (!supportsEventListTreatment(capability, appliedEventListTreatment)) {
+				appliedEventListTreatment = "plain";
+				issues.push({
+					kind: "unsupported-event-list-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.eventListTreatment ?? "plain",
+					fallback: appliedEventListTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-event-list-treatment")
+				});
+			}
+			if (!supportsEyebrowTreatment(capability, appliedEyebrowTreatment)) {
+				appliedEyebrowTreatment = "plain";
+				issues.push({
+					kind: "unsupported-eyebrow-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.eyebrowTreatment ?? "plain",
+					fallback: appliedEyebrowTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-eyebrow-treatment")
+				});
+			}
+			if (appliedAccordionIconTreatment && !supportsAccordionIconTreatment(capability, appliedAccordionIconTreatment)) {
+				const requested = appliedAccordionIconTreatment;
+				appliedAccordionIconTreatment = null;
+				issues.push({
+					kind: "unsupported-accordion-icon-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested,
+					fallback: appliedAccordionIconTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-accordion-icon-treatment")
+				});
+			}
+			if (appliedComposition && !supportsBlockComposition(capability, appliedComposition)) {
+				const requested = appliedComposition;
+				appliedComposition = null;
+				issues.push({
+					kind: "unsupported-block-composition",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested,
+					fallback: null,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("unsupported-block-composition")
+				});
+			}
+			if (appliedSectionSurface !== "hero-image" && appliedImageSurfaceTreatment.kind !== "none") {
+				const requested = appliedImageSurfaceTreatment;
+				appliedImageSurfaceTreatment = { kind: "none" };
+				issues.push({
+					kind: "image-surface-treatment-without-image-surface",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested,
+					fallback: appliedImageSurfaceTreatment,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("image-surface-treatment-without-image-surface")
+				});
+			}
+			if (appliedSectionSurface !== "hero-image" && appliedImageSurfaceMotion !== "static") {
+				const requested = appliedImageSurfaceMotion;
+				appliedImageSurfaceMotion = "static";
+				issues.push({
+					kind: "image-surface-motion-without-image-surface",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested,
+					fallback: appliedImageSurfaceMotion,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("image-surface-motion-without-image-surface")
+				});
+			}
+			if (appliedSectionSurface === "hero-image" && appliedImageSurfaceTreatment.kind !== "none" && appliedHeroLegibility !== "none") {
+				const requested = appliedHeroLegibility;
+				appliedHeroLegibility = "none";
+				issues.push({
+					kind: "hero-legibility-overridden-by-image-surface-treatment",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested,
+					fallback: appliedHeroLegibility,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("hero-legibility-overridden-by-image-surface-treatment")
+				});
+			}
+			if (appliedSectionSurface === "hero-image" && appliedImageSurfaceTreatment.kind === "none" && (block.heroLegibility === void 0 || appliedHeroLegibility === "none")) {
+				appliedHeroLegibility = "scrim-gradient";
+				issues.push({
+					kind: "hero-image-without-legibility",
+					blockId: block.blockId,
+					blockKind: block.blockKind,
+					purpose: block.purpose,
+					requested: block.heroLegibility,
+					fallback: appliedHeroLegibility,
+					policy: input.policy,
+					severity: designIssueSeverityForPolicy(input.policy),
+					allowedRepairActions: repairActionsForIssue("hero-image-without-legibility")
+				});
+			}
 			return {
 				...block,
-				appliedTransitionAfter: "none"
+				appliedSectionSurface,
+				appliedContentFrame,
+				appliedCardRole,
+				appliedSectionHeight,
+				appliedHeroLegibility,
+				appliedImageSurfaceTreatment,
+				appliedImageSurfaceMotion,
+				appliedTileTreatment,
+				appliedEventListTreatment,
+				appliedEyebrowTreatment,
+				appliedAccordionIconTreatment,
+				appliedComposition
 			};
 		}),
 		issues
@@ -112826,59 +113574,6 @@ function recompileSiteChromeHeaderFromPersistedIntent(theme, siteStyle, requeste
 	};
 }
 //#endregion
-//#region ../theme-core/src/site-styles/runtimeBackgroundResolution.ts
-function parseCanonicalRuntimeBackground(content) {
-	const background = readRecord$1(readRecord$1(content._sectionStyles)?.background);
-	if (!background) return { kind: "none" };
-	const parsed = boxBackgroundSchema.safeParse(background);
-	if (!parsed.success) return { kind: "none" };
-	return parsed.data.contentOwner === "page-design-editor" ? {
-		kind: "page-design-override",
-		background: parsed.data
-	} : {
-		kind: "block-authored",
-		background: parsed.data
-	};
-}
-function resolveSectionBackground(source, lookDefault) {
-	if (source.kind === "page-design-override") return {
-		kind: "page-design-override",
-		background: source.background
-	};
-	if (lookDefault) {
-		if (source.kind === "block-authored" && (source.background.type === "image" || source.background.type === "video")) return {
-			kind: "block-authored",
-			background: mergeLookForegroundWithAuthoredMedia(lookDefault, source.background)
-		};
-		return {
-			kind: "look-default",
-			background: lookDefault
-		};
-	}
-	if (source.kind === "block-authored" && (source.background.type === "image" || source.background.type === "video")) return {
-		kind: "block-authored",
-		background: source.background
-	};
-	return source.kind === "block-authored" ? {
-		kind: "block-authored",
-		background: source.background
-	} : { kind: "none" };
-}
-function mergeLookForegroundWithAuthoredMedia(lookDefault, authored) {
-	const merged = boxBackgroundSchema.safeParse({
-		...lookDefault,
-		type: authored.type,
-		image: authored.image,
-		objectFit: authored.objectFit,
-		scale: authored.scale,
-		position: authored.position
-	});
-	return merged.success ? merged.data : authored;
-}
-function readRecord$1(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
-}
-//#endregion
 //#region ../theme-core/src/site-styles/previewRuntimeCapabilities.ts
 function cardRoleCapabilitiesByBlockKind(blocks) {
 	return new Map(blocks.map((block) => [block.blockKind, block.cardRoles]));
@@ -113243,7 +113938,6 @@ function compileEditorModelRuntime(input) {
 			blockKind: block.blockKind,
 			purpose: previewCustomizePurpose,
 			...look ? { appearancePresetId: look.id } : {},
-			transitionAfter: "none",
 			emphasis: "medium",
 			sectionSurface: "base",
 			contentFrame: { kind: "plain" },
@@ -113252,51 +113946,29 @@ function compileEditorModelRuntime(input) {
 	});
 	if (blocks.length === 0) return {
 		blocks: [],
-		boundaries: []
+		joins: []
 	};
-	const fallbackTransitionAfterByBlockId = new Map(blocks.map((block) => [block.blockId, block.transitionAfter]));
-	const compiled = compilePageRuntimeFields({
+	return compilePageRuntimeFields({
 		resolved: resolveBlockDesignPlan({
 			policy: "user",
 			blocks,
 			capabilities: runtimeCapabilitiesForBlocks(blocks, cardRoleCapabilitiesByBlockKind(input.editorModel.blocks))
 		}),
+		joins: input.editorModel.boundaries.flatMap(runtimeJoinForEditorBoundary),
 		surfaceResolutionContext: input.surfaceResolutionContext,
 		designRules: input.designRules,
 		componentRules: input.componentRules,
 		sectionSpacing: input.sectionSpacing
 	});
-	return {
-		blocks: compiled.blocks,
-		boundaries: compileEditorBoundaryRuntime({
-			boundaries: input.editorModel.boundaries,
-			blocks: compiled.blocks,
-			fallbackTransitionAfterByPreviousBlockId: fallbackTransitionAfterByBlockId,
-			designRules: input.designRules
-		})
-	};
 }
-function compileEditorBoundaryRuntime(input) {
-	const blockById = new Map(input.blocks.map((block) => [block.blockId, block]));
-	return input.boundaries.flatMap((boundary) => {
-		const previousBlock = blockById.get(boundary.previousBlockId);
-		const nextBlock = blockById.get(boundary.nextBlockId);
-		const transitionAfter = transitionAfterForEditorBoundary(boundary) ?? input.fallbackTransitionAfterByPreviousBlockId.get(boundary.previousBlockId) ?? null;
-		if (!previousBlock || !nextBlock || !transitionAfter) return [];
-		const compiled = compileBoundaryRuntime({
-			boundaryId: boundary.boundaryId,
-			previousBlockId: boundary.previousBlockId,
-			nextBlockId: boundary.nextBlockId,
-			treatment: transitionAfter,
-			fromSurface: previousBlock.visualSectionSurface,
-			toSurface: nextBlock.visualSectionSurface,
-			rules: input.designRules
-		});
-		return compiled ? [compiled] : [];
-	});
-}
-function transitionAfterForEditorBoundary(boundary) {
-	return boundary.availableBreaks.find((candidate) => candidate.id === boundary.breakChoice.effectiveValue)?.transitionAfter ?? null;
+/** The editor boundary's effective break as an intent-only join; none for no break. */
+function runtimeJoinForEditorBoundary(boundary) {
+	const treatment = boundary.availableBreaks.find((candidate) => candidate.id === boundary.breakChoice.effectiveValue)?.transitionAfter;
+	return treatment && isDecorativeTransitionIntent(treatment) ? [{
+		previousBlockId: boundary.previousBlockId,
+		nextBlockId: boundary.nextBlockId,
+		treatment
+	}] : [];
 }
 function applyCompiledRuntimeFieldsToContent(content, fields) {
 	const runtimeFields = fields ? preserveContentOwnedBackgroundFields(content, fields) : fields;
@@ -113305,47 +113977,6 @@ function applyCompiledRuntimeFieldsToContent(content, fields) {
 		...runtimeFields
 	};
 }
-function retargetCompiledRuntimeFieldsForContentAdjacency(fields, adjacency) {
-	if (!fields?._transitionStyles) return fields;
-	const transition = fields._transitionStyles;
-	const fromSurface = contentOwnedBackgroundEndpoint(adjacency.currentContent) ?? transition.from;
-	const toSurface = contentOwnedBackgroundEndpoint(adjacency.nextContent) ?? transition.to;
-	if (fromSurface === transition.from && toSurface === transition.to) return fields;
-	return {
-		...fields,
-		_transitionStyles: compileTransitionRuntime({
-			treatment: transition.treatment,
-			from: fromSurface,
-			to: toSurface
-		})
-	};
-}
-function retargetCompiledBoundaryRuntimeForContentAdjacency(boundary, adjacency) {
-	const fromSurface = contentOwnedBackgroundEndpoint(adjacency.currentContent) ?? boundary.from;
-	const toSurface = contentOwnedBackgroundEndpoint(adjacency.nextContent) ?? boundary.to;
-	if (fromSurface === boundary.from && toSurface === boundary.to) return boundary;
-	const transition = compileTransitionRuntime({
-		treatment: boundary.treatment,
-		from: fromSurface,
-		to: toSurface
-	});
-	return {
-		...boundary,
-		from: transition.from,
-		to: transition.to,
-		cssVars: transition.cssVars
-	};
-}
-function contentOwnedBackgroundEndpoint(content) {
-	const background = readRecord(readRecord(content?._sectionStyles)?.background);
-	if (background?.contentOwner !== "page-design-editor" || background.type !== "color") return null;
-	const token = parseThemeColorToken(background.color);
-	if (!token) return null;
-	return {
-		kind: "color-token",
-		token
-	};
-}
 function preserveContentOwnedBackgroundFields(content, fields) {
 	const resolved = resolveSectionBackground(parseCanonicalRuntimeBackground(content), fields._sectionStyles?.background);
 	if (resolved.kind === "look-default" || resolved.kind === "none") return fields;
@@ -113357,9 +113988,6 @@ function preserveContentOwnedBackgroundFields(content, fields) {
 		}
 	};
 }
-function readRecord(value) {
-	return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
-}
 function lookForEditorRuntimeBlock(block, override) {
 	if (override?.kind === "pinned") return block.availableLooks.find((look) => look.id === override.appearancePresetId) ?? null;
 	if (override?.kind === "auto") return block.availableLooks.find((look) => look.id === block.autoLookId) ?? null;
@@ -114748,7 +115376,8 @@ const siteOptionSources = [
 	"eventCategories",
 	"eventSeries",
 	"venues",
-	"staffMembers"
+	"staffMembers",
+	"appointmentServiceCategories"
 ];
 const mediaDeliverySchema = z.object({
 	sizes: z.string().optional(),
@@ -127549,6 +128178,7 @@ function useHeadlessBookingFlow(options) {
 		data,
 		services: {
 			items: options.services,
+			categories: readServiceCategories(options),
 			selected: selectedService,
 			defaultServiceId,
 			requiresSelection: Boolean(options.requiresServiceSelection)
@@ -127613,6 +128243,10 @@ function useHeadlessBookingFlow(options) {
 		actions
 	};
 }
+const EMPTY_SERVICE_CATEGORIES = [];
+function readServiceCategories(options) {
+	return options.serviceCategories ?? EMPTY_SERVICE_CATEGORIES;
+}
 function navigateToCheckout(checkoutUrl) {
 	window.location.href = checkoutUrl;
 }
@@ -128289,10 +128923,97 @@ function BookingConsentAgreement({ agreement, showTitle = true, title, titleId }
 	})] });
 }
 //#endregion
-//#region ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
+//#region ../blocks/src/system/runtime/nodes/booking-form.service-choices.tsx
 function optionCardClassName(isSelected) {
 	return `rb-option-card${isSelected ? " rb-option-card--selected" : ""}`;
 }
+function SelectedCheck() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "rb-option-check",
+		children: /* @__PURE__ */ jsx(CheckIcon, {})
+	});
+}
+/**
+* The service buttons. A site with no categories keeps its single grid; a
+* categorised site gets a heading per category, then "Other", above the same
+* grid (issue 1403). Empty categories are skipped, and there are no intros
+* here, to keep the step compact.
+*/
+function DefaultServiceChoices({ booking }) {
+	const layout = layoutServicesByCategory(booking.services.categories, booking.services.items.map((service) => ({
+		service,
+		categoryId: service.categoryId ?? null
+	})), { keepEmptyGroups: false });
+	switch (layout.kind) {
+		case "uncategorized-site": return /* @__PURE__ */ jsxs("div", {
+			className: "rb-reg-stack rb-reg-stack--sm",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "ab-subtitle",
+				children: "Service"
+			}), /* @__PURE__ */ jsx(ServiceChoiceGrid, {
+				booking,
+				choices: layout.services
+			})]
+		});
+		case "categorized-site": return /* @__PURE__ */ jsx("div", {
+			className: "rb-reg-stack",
+			children: [...layout.groups.map((group) => ({
+				key: group.category.id,
+				heading: group.category.name,
+				choices: group.services
+			})), ...layout.other.length > 0 ? [{
+				key: "other",
+				heading: "Other",
+				choices: layout.other
+			}] : []].map((group) => /* @__PURE__ */ jsxs("div", {
+				className: "rb-reg-stack rb-reg-stack--sm",
+				"data-booking-service-group": group.key,
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "ab-subtitle",
+					children: group.heading
+				}), /* @__PURE__ */ jsx(ServiceChoiceGrid, {
+					booking,
+					choices: group.choices
+				})]
+			}, group.key))
+		});
+		default: return assertNever$5(layout);
+	}
+}
+function ServiceChoiceGrid({ booking, choices }) {
+	const selectedServiceId = booking.services.selected?.id;
+	return /* @__PURE__ */ jsx("div", {
+		className: "rb-reg-grid",
+		children: choices.map(({ service }) => {
+			const isSelected = selectedServiceId === service.id;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => booking.actions.selectService(service.id),
+				className: optionCardClassName(isSelected),
+				"aria-pressed": isSelected,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "rb-flex-1",
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: "ab-subtitle",
+							children: service.title
+						}),
+						service.description ? /* @__PURE__ */ jsx("div", {
+							className: "ab-text rb-on-surface--muted",
+							children: service.description
+						}) : null,
+						service.durationMinutes ? /* @__PURE__ */ jsxs("div", {
+							className: "ab-text rb-on-surface--muted",
+							children: [service.durationMinutes, " minutes"]
+						}) : null
+					]
+				}), isSelected ? /* @__PURE__ */ jsx(SelectedCheck, {}) : null]
+			}, service.id);
+		})
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
 function formatBookingAmount(amount, currency) {
 	return formatCurrencyAmount(amount, currency, { decimals: "auto" });
 }
@@ -128383,7 +129104,6 @@ function DefaultBookingStepContent({ booking, errorSummaryId }) {
 function DefaultServiceSelectionStep({ booking }) {
 	const services = booking.services.items;
 	const resources = booking.resources.items;
-	const selectedServiceId = booking.services.selected?.id;
 	const selectedResourceId = booking.resources.selectedResourceId;
 	const showServiceSelect = booking.services.requiresSelection || services.length > 1;
 	const showResourceSelect = booking.resources.requiresSelection || resources.length > 1;
@@ -128398,41 +129118,7 @@ function DefaultServiceSelectionStep({ booking }) {
 				className: "ab-text rb-on-surface--muted",
 				children: "Choose the service you'd like to book"
 			})] }),
-			showServiceSelect ? /* @__PURE__ */ jsxs("div", {
-				className: "rb-reg-stack rb-reg-stack--sm",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "ab-subtitle",
-					children: "Service"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "rb-reg-grid",
-					children: services.map((service) => {
-						const isSelected = selectedServiceId === service.id;
-						return /* @__PURE__ */ jsxs("button", {
-							type: "button",
-							onClick: () => booking.actions.selectService(service.id),
-							className: optionCardClassName(isSelected),
-							"aria-pressed": isSelected,
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "rb-flex-1",
-								children: [
-									/* @__PURE__ */ jsx("div", {
-										className: "ab-subtitle",
-										children: service.title
-									}),
-									service.description ? /* @__PURE__ */ jsx("div", {
-										className: "ab-text rb-on-surface--muted",
-										children: service.description
-									}) : null,
-									service.durationMinutes ? /* @__PURE__ */ jsxs("div", {
-										className: "ab-text rb-on-surface--muted",
-										children: [service.durationMinutes, " minutes"]
-									}) : null
-								]
-							}), isSelected ? /* @__PURE__ */ jsx(SelectedCheck, {}) : null]
-						}, service.id);
-					})
-				})]
-			}) : null,
+			showServiceSelect ? /* @__PURE__ */ jsx(DefaultServiceChoices, { booking }) : null,
 			booking.resources.state.tag === "loading" ? /* @__PURE__ */ jsxs("div", {
 				className: "ab-center",
 				children: [/* @__PURE__ */ jsx(SpinnerNode, {
@@ -129011,12 +129697,6 @@ function DefaultBookingErrorSummary({ errors, id }) {
 		children: [errors.formError ? /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: errors.formError }) }) : null, Object.entries(errors.fieldErrors).map(([key, message]) => /* @__PURE__ */ jsx("p", { children: message }, key))]
 	});
 }
-function SelectedCheck() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "rb-option-check",
-		children: /* @__PURE__ */ jsx(CheckIcon, {})
-	});
-}
 //#endregion
 //#region ../blocks/src/system/runtime/shared/utils/checkoutUrls.ts
 /**
@@ -129272,6 +129952,7 @@ const BookingFormClient = ({ siteId: siteIdProp, render }) => {
 		formId: render.hydration.formId ?? form?.id ?? "booking-form",
 		form,
 		services,
+		serviceCategories: render.hydration.serviceCategories,
 		initialServiceId,
 		initialResourceId,
 		initialData: render.hydration.initialData ?? void 0,
@@ -135607,7 +136288,7 @@ const LEAFLET_JS_INTEGRITY = "sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo
 let leafletLoaded = false;
 let leafletLoadPromise = null;
 function isLeafletApi(value) {
-	if (!isRecord$17(value)) return false;
+	if (!isRecord$18(value)) return false;
 	return typeof value.map === "function" && typeof value.tileLayer === "function" && typeof value.marker === "function";
 }
 function loadLeaflet() {
@@ -143368,6 +144049,16 @@ function getNewsletterSubmissionFormError(state) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/newsletter-form.submission.ts
+/**
+* Logs a refusal with its reason so a QA session can tell the cases apart in
+* the console, since the visitor-facing copy deliberately does not.
+*/
+function reportNewsletterSignupRefusal(reason, detail = {}) {
+	console.warn("[newsletter-form] Signup refused before sending", {
+		reason,
+		...detail
+	});
+}
 function mapNewsletterFormFieldsToSubscriberInput(fields) {
 	return {
 		email: readSubmittedText(fields.email),
@@ -143388,7 +144079,7 @@ function resolveNewsletterSubmitTarget(input) {
 		case "signed-footer-source": return publishedSourceTarget(input.sourceRef);
 		case "preview": return {
 			tag: "unavailable",
-			reason: "missing_block_source"
+			reason: "preview_only_source"
 		};
 		default: return assertNever$10(input);
 	}
@@ -143447,13 +144138,23 @@ function NewsletterFormClient({ render }) {
 		}
 		const submitTarget = resolveNewsletterSubmitTarget(render.hydration.target);
 		if (submitTarget.tag === "unavailable") {
+			reportNewsletterSignupRefusal(submitTarget.reason, { target: render.hydration.target });
+			dispatchSubmission({
+				type: "failed",
+				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
+			});
+			return;
+		}
+		if (render.hydration.setupRevision === null) {
+			reportNewsletterSignupRefusal("setup_not_configured");
 			dispatchSubmission({
 				type: "failed",
 				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
 			});
 			return;
 		}
-		if (render.hydration.setupRevision === null || render.display.availability === "unavailable") {
+		if (render.display.availability === "unavailable") {
+			reportNewsletterSignupRefusal("destination_unavailable", { setupRevision: render.hydration.setupRevision });
 			dispatchSubmission({
 				type: "failed",
 				error: newsletterFormError(SIGNUPS_PAUSED_MESSAGE)
@@ -143463,6 +144164,7 @@ function NewsletterFormClient({ render }) {
 		const selection = readVisitorSelection(formData, render.hydration);
 		const selectionError = visitorSelectionError(selection);
 		if (selectionError) {
+			if (selection.tag === "unusable") reportNewsletterSignupRefusal("choices_unusable", { choiceProvider: render.hydration.choiceProvider });
 			dispatchSubmission({
 				type: "failed",
 				error: selectionError
@@ -147086,16 +147788,16 @@ const interpolateRichTextTokensOptionsSchema = z.object({ tokens: z.array(suppor
 const richTextTokenPattern = /\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g;
 function getSiteName(context) {
 	const viewModel = context.viewModel;
-	if (!isRecord$17(viewModel)) return null;
+	if (!isRecord$18(viewModel)) return null;
 	const site = viewModel.site;
-	if (isRecord$17(site) && typeof site.title === "string") {
+	if (isRecord$18(site) && typeof site.title === "string") {
 		const title = site.title.trim();
 		return title.length > 0 ? title : null;
 	}
 	const root = viewModel.$root;
-	if (isRecord$17(root)) {
+	if (isRecord$18(root)) {
 		const rootSite = root.site;
-		if (isRecord$17(rootSite) && typeof rootSite.title === "string") {
+		if (isRecord$18(rootSite) && typeof rootSite.title === "string") {
 			const title = rootSite.title.trim();
 			if (title.length > 0) return title;
 		}
@@ -147117,7 +147819,7 @@ function replaceTokenText(input, allowedTokens, tokenValues) {
 	});
 }
 function visitRichTextNode(node, allowedTokens, tokenValues) {
-	if (!isRecord$17(node)) return node;
+	if (!isRecord$18(node)) return node;
 	let changed = false;
 	const nextNode = { ...node };
 	if (nextNode.type === "text" && typeof nextNode.text === "string") {
@@ -147138,7 +147840,7 @@ function visitRichTextNode(node, allowedTokens, tokenValues) {
 	return changed ? nextNode : node;
 }
 function interpolateRichTextTokens(value, options, context) {
-	if (!isRecord$17(value)) return value;
+	if (!isRecord$18(value)) return value;
 	return visitRichTextNode(value, new Set(options.tokens), {
 		year: String((/* @__PURE__ */ new Date()).getFullYear()),
 		site_name: getSiteName(context)
@@ -149849,6 +150551,123 @@ function generateFooterBottomTextLinkStyles(footer, themeId, tokens) {
 	return cssChunks.join("\n");
 }
 //#endregion
+//#region ../theme-core/src/layout/boundaryCss.ts
+/**
+* Section-break CSS, generated from the transition catalogue (issue 1422).
+*
+* The renderer emits one element per shown join:
+*
+*   <div data-block-boundary data-boundary-treatment="wave-edge-gentle"
+*        data-boundary-placement="previous"
+*        style="--boundary-shape-paint: …; --boundary-band-paint: …">
+*
+* Every selector matches an exact attribute value, so there is no reliance on
+* prefix ordering in the cascade and nothing reads colours out of a string.
+* The shape layer is `::after`; the band layer (paint → paint only) is
+* `::before`.
+*/
+const waveMaskSvgPaths = {
+	classic: "M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z",
+	balanced: "M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z",
+	gentle: "M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z",
+	bold: "M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z",
+	drift: "M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z"
+};
+function waveMaskDataUrl(mask) {
+	return svgDataUrl(`<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='${waveMaskSvgPaths[mask]}' fill='white'/></svg>`);
+}
+/**
+* How each placement anchors the layers against the zero-height boundary
+* element that sits exactly on the join.
+*
+* - `centred` straddles the join, band under shape.
+* - `previous` sits above the join, inside the previous section.
+* - `next` sits below the join, inside the next section, with the shape
+*   flipped so it reads as the mirror of `previous`.
+*/
+const placementRules = {
+	centred: {
+		shape: ["top: 0;", "transform: translateY(-50%);"],
+		band: ["top: 0;", "transform: translateY(-50%);"]
+	},
+	previous: {
+		shape: ["bottom: 0;"],
+		band: null
+	},
+	next: {
+		shape: ["top: 0;", "transform: scaleY(-1);"],
+		band: null
+	}
+};
+function generateBoundaryCss(selector) {
+	const boundary = `${selector} [data-block-boundary]`;
+	return [
+		rule(boundary, [
+			"position: relative;",
+			"z-index: 3;",
+			"height: 0;",
+			"pointer-events: none;"
+		]),
+		rule(`${selector} [data-block][data-site-style-boundary-before] > :where([data-slot='section'])`, ["padding-top: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-before-reserve, 0rem));"]),
+		rule(`${selector} [data-block][data-site-style-boundary-after] > :where([data-slot='section'])`, ["padding-bottom: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-after-reserve, 0rem));"]),
+		rule(`${boundary}::before,\n${boundary}::after`, [
+			"content: '';",
+			"position: absolute;",
+			"left: 0;",
+			"right: 0;",
+			"height: var(--boundary-height);",
+			"pointer-events: none;"
+		]),
+		rule(`${boundary}::before`, ["z-index: 0;", "background: var(--boundary-band-paint, transparent);"]),
+		rule(`${boundary}::after`, ["z-index: 1;"]),
+		...placementCss(boundary),
+		...transitionCatalogueEntries.flatMap((entry) => treatmentCss(boundary, entry))
+	].join("\n\n");
+}
+function placementCss(boundary) {
+	return Object.keys(placementRules).flatMap((placement) => {
+		const placed = `${boundary}[data-boundary-placement='${placement}']`;
+		const rules = placementRules[placement];
+		return [rule(`${placed}::after`, rules.shape), rules.band ? rule(`${placed}::before`, rules.band) : rule(`${placed}::before`, ["content: none;"])];
+	});
+}
+function treatmentCss(boundary, entry) {
+	const selected = `${boundary}[data-boundary-treatment='${entry.intent}']`;
+	return [rule(selected, [`--boundary-height: ${boundaryRuntimeMetricsForDecorativeTransition(entry.intent).heightCss};`]), rule(`${selected}::after`, shapeDeclarations(entry))];
+}
+function shapeDeclarations(entry) {
+	switch (entry.shape.kind) {
+		case "fade": return [
+			"/* Fallback for browsers without color-mix(). */",
+			"background: linear-gradient(to bottom, transparent 0%, var(--boundary-shape-paint) 100%);",
+			"background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--boundary-shape-paint) 16%, transparent) 34%, color-mix(in srgb, var(--boundary-shape-paint) 68%, transparent) 78%, var(--boundary-shape-paint) 100%);"
+		];
+		case "wave": {
+			const mask = waveMaskDataUrl(entry.shape.mask);
+			return [
+				"background: var(--boundary-shape-paint);",
+				`mask-image: url("${mask}");`,
+				"mask-repeat: no-repeat;",
+				"mask-size: 100% 100%;",
+				`-webkit-mask-image: url("${mask}");`,
+				"-webkit-mask-repeat: no-repeat;",
+				"-webkit-mask-size: 100% 100%;"
+			];
+		}
+		case "angle": return [
+			"height: calc(var(--boundary-height) + 2px);",
+			"background: var(--boundary-shape-paint);",
+			`clip-path: ${anglePolygonCss(entry.shape.polygon)};`
+		];
+	}
+}
+function rule(selector, declarations) {
+	return `${selector} {\n  ${declarations.join("\n  ")}\n}`;
+}
+function svgDataUrl(svg) {
+	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+//#endregion
 //#region ../theme-core/src/layout/generateLayoutCss.ts
 /**
 * Generate layout CSS for theme scope (background, text color)
@@ -149873,7 +150692,7 @@ function generateLayoutCss(options) {
 	if (heroTypographyCss) cssChunks.push(heroTypographyCss);
 	const bodyTextTypographyCss = generateBodyTextTypographyCss(themeId, theme);
 	if (bodyTextTypographyCss) cssChunks.push(bodyTextTypographyCss);
-	cssChunks.push(generateSiteStyleTransitionCss(themeId));
+	cssChunks.push(generateBoundaryCss(selector));
 	return cssChunks.join("\n\n");
 }
 function toPaddingValue(preset) {
@@ -149884,193 +150703,6 @@ function toPaddingValue(preset) {
 		relaxed: "1.5rem"
 	}[preset];
 }
-const classicWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>");
-const balancedWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>");
-const gentleWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>");
-const boldWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z' fill='white'/></svg>");
-const driftWaveTransitionMask = svgDataUrl("<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>");
-function generateSiteStyleTransitionCss(themeId) {
-	const selector = `:where([data-theme-scope="${themeId}"])`;
-	const compactBoundaryHeight = requiredBoundaryHeightCss("wave-edge-gentle");
-	const mediumBoundaryHeight = requiredBoundaryHeightCss("wave-edge");
-	const largeBoundaryHeight = requiredBoundaryHeightCss("wave-edge-bold");
-	return `${selector} [data-style-group^='site-style-transition-'] {
-  position: relative;
-  z-index: 2;
-  --site-style-transition-from: transparent;
-  --site-style-transition-to: rgb(var(--tb-background));
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-'] {
-  position: relative;
-  z-index: 3;
-  height: 0;
-  pointer-events: none;
-  --site-style-boundary-height: ${mediumBoundaryHeight};
-}
-
-${selector} [data-block][data-site-style-boundary-before] > :where([data-slot='section']) {
-  padding-top: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-before-reserve, 0rem));
-}
-
-${selector} [data-block][data-site-style-boundary-after] > :where([data-slot='section']) {
-  padding-bottom: calc(var(--rb-section-pad-y, 0rem) + var(--site-style-boundary-after-reserve, 0rem));
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::before,
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::before,
-${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  transform: translateY(-50%);
-  z-index: 0;
-  height: var(--site-style-boundary-height);
-  background: var(--site-style-transition-from);
-  pointer-events: none;
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after,
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after,
-${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  transform: translateY(-50%);
-  z-index: 1;
-  height: var(--site-style-boundary-height);
-  pointer-events: none;
-}
-
-${selector} [data-style-group*='-from-base-'] {
-  --site-style-transition-from: rgb(var(--tb-background));
-}
-
-${selector} [data-style-group*='-from-muted-band-'] {
-  --site-style-transition-from: rgb(var(--tb-muted));
-}
-
-${selector} [data-style-group*='-from-accent-band-'] {
-  --site-style-transition-from: rgb(var(--tb-accent));
-}
-
-${selector} [data-style-group*='-from-brand-depth-band-'] {
-  --site-style-transition-from: rgb(var(--tb-primary-800));
-}
-
-${selector} [data-style-group$='-to-base'],
-${selector} [data-style-group$='-to-hero-image'] {
-  --site-style-transition-to: rgb(var(--tb-background));
-}
-
-${selector} [data-style-group$='-to-muted-band'] {
-  --site-style-transition-to: rgb(var(--tb-muted));
-}
-
-${selector} [data-style-group$='-to-accent-band'] {
-  --site-style-transition-to: rgb(var(--tb-accent));
-}
-
-${selector} [data-style-group$='-to-brand-depth-band'] {
-  --site-style-transition-to: rgb(var(--tb-primary-800));
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade']::after {
-  /* Fallback for browsers without color-mix(). */
-  background: linear-gradient(
-    to bottom,
-    transparent 0%,
-    var(--site-style-transition-to) 100%
-  );
-  background: linear-gradient(
-    to bottom,
-    transparent 0%,
-    color-mix(in srgb, var(--site-style-transition-to) 16%, transparent) 34%,
-    color-mix(in srgb, var(--site-style-transition-to) 68%, transparent) 78%,
-    var(--site-style-transition-to) 100%
-  );
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-long-'] {
-  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-long")};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-soft-fade-expansive-'] {
-  --site-style-boundary-height: ${requiredBoundaryHeightCss("soft-fade-expansive")};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-']::after {
-  height: calc(var(--site-style-boundary-height) + 2px);
-  background: var(--site-style-transition-to);
-  clip-path: polygon(0 42%, 100% 8%, 100% 100%, 0 100%);
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-'] {
-  --site-style-boundary-height: ${compactBoundaryHeight};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-subtle-']::after {
-  clip-path: polygon(0 34%, 100% 18%, 100% 100%, 0 100%);
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-'] {
-  --site-style-boundary-height: ${largeBoundaryHeight};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-angle-edge-steep-']::after {
-  clip-path: polygon(0 54%, 100% 0%, 100% 100%, 0 100%);
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-']::after {
-  background: var(--site-style-transition-to);
-  mask-image: url("${classicWaveTransitionMask}");
-  mask-repeat: no-repeat;
-  mask-size: 100% 100%;
-  -webkit-mask-image: url("${classicWaveTransitionMask}");
-  -webkit-mask-repeat: no-repeat;
-  -webkit-mask-size: 100% 100%;
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-balanced-']::after {
-  mask-image: url("${balancedWaveTransitionMask}");
-  -webkit-mask-image: url("${balancedWaveTransitionMask}");
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-'] {
-  --site-style-boundary-height: ${compactBoundaryHeight};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-gentle-']::after {
-  mask-image: url("${gentleWaveTransitionMask}");
-  -webkit-mask-image: url("${gentleWaveTransitionMask}");
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-'] {
-  --site-style-boundary-height: ${largeBoundaryHeight};
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-bold-']::after {
-  mask-image: url("${boldWaveTransitionMask}");
-  -webkit-mask-image: url("${boldWaveTransitionMask}");
-}
-
-${selector} [data-block-boundary][data-style-group^='site-style-transition-wave-edge-drift-']::after {
-  mask-image: url("${driftWaveTransitionMask}");
-  -webkit-mask-image: url("${driftWaveTransitionMask}");
-}`;
-}
-function requiredBoundaryHeightCss(transition) {
-	const metrics = boundaryRuntimeMetricsForTransition(transition);
-	if (!metrics) throw new Error(`Missing boundary runtime metrics for ${transition}`);
-	return metrics.heightCss;
-}
-function svgDataUrl(svg) {
-	return `data:image/svg+xml,${encodeURIComponent(svg)}`;
-}
 function generateHeroTypographyCss(themeId, theme) {
 	const typography = theme.hero?.typography;
 	if (!typography) return "";
@@ -150089,24 +150721,23 @@ function generateHeroTypographyCss(themeId, theme) {
 	if (microHeadlineRules.length > 0) chunks.push(`${microHeadlineSelector} {\n  ${microHeadlineRules.join("\n  ")}\n}`);
 	const microSubheadlineRules = buildTypographyRules("subheadline", typography.microSubheadlineSize, typography.microSubheadlineLineHeight);
 	if (microSubheadlineRules.length > 0) chunks.push(`${microSubheadlineSelector} {\n  ${microSubheadlineRules.join("\n  ")}\n}`);
-	if (typography.responsive?.tablet) {
-		const tabletHeadlineRules = buildTypographyRules("headline", typography.responsive.tablet.headlineSize, typography.responsive.tablet.headlineLineHeight);
-		const tabletSubheadlineRules = buildTypographyRules("subheadline", typography.responsive.tablet.subheadlineSize, typography.responsive.tablet.subheadlineLineHeight);
-		const tabletChunks = [];
-		if (tabletHeadlineRules.length > 0) tabletChunks.push(`${headlineSelector} {\n    ${tabletHeadlineRules.join("\n    ")}\n  }`);
-		if (tabletSubheadlineRules.length > 0) tabletChunks.push(`${subheadlineSelector} {\n    ${tabletSubheadlineRules.join("\n    ")}\n  }`);
-		if (tabletChunks.length > 0) chunks.push(`@media ${MQ_TABLET_ONLY} {\n  ${tabletChunks.join("\n\n  ")}\n}`);
-	}
-	if (typography.responsive?.mobile) {
-		const mobileHeadlineRules = buildTypographyRules("headline", typography.responsive.mobile.headlineSize, typography.responsive.mobile.headlineLineHeight);
-		const mobileSubheadlineRules = buildTypographyRules("subheadline", typography.responsive.mobile.subheadlineSize, typography.responsive.mobile.subheadlineLineHeight);
-		const mobileChunks = [];
-		if (mobileHeadlineRules.length > 0) mobileChunks.push(`${headlineSelector} {\n    ${mobileHeadlineRules.join("\n    ")}\n  }`);
-		if (mobileSubheadlineRules.length > 0) mobileChunks.push(`${subheadlineSelector} {\n    ${mobileSubheadlineRules.join("\n    ")}\n  }`);
-		if (mobileChunks.length > 0) chunks.push(`@media ${MQ_SM_DOWN} {\n  ${mobileChunks.join("\n\n  ")}\n}`);
-	}
+	const selectors = {
+		headline: headlineSelector,
+		subheadline: subheadlineSelector
+	};
+	const responsiveChunks = [responsiveHeroTypographyCss(MQ_TABLET_ONLY, selectors, typography.responsive?.tablet), responsiveHeroTypographyCss(MQ_SM_DOWN, selectors, typography.responsive?.mobile)];
+	for (const chunk of responsiveChunks) if (chunk) chunks.push(chunk);
 	return chunks.join("\n\n");
 }
+function responsiveHeroTypographyCss(media, selectors, overrides) {
+	if (!overrides) return null;
+	const headlineRules = buildTypographyRules("headline", overrides.headlineSize, overrides.headlineLineHeight);
+	const subheadlineRules = buildTypographyRules("subheadline", overrides.subheadlineSize, overrides.subheadlineLineHeight);
+	const mediaChunks = [];
+	if (headlineRules.length > 0) mediaChunks.push(`${selectors.headline} {\n    ${headlineRules.join("\n    ")}\n  }`);
+	if (subheadlineRules.length > 0) mediaChunks.push(`${selectors.subheadline} {\n    ${subheadlineRules.join("\n    ")}\n  }`);
+	return mediaChunks.length > 0 ? `@media ${media} {\n  ${mediaChunks.join("\n\n  ")}\n}` : null;
+}
 function buildTypographyRules(role, size, lineHeight) {
 	const rules = [];
 	if (size) rules.push(`font-size: ${toHeroSize(role, size)};`);
@@ -155730,6 +156361,15 @@ const appointmentServicesBlockDefinition = {
 				required: false,
 				ui: { intent: "content" }
 			},
+			createSiteOptionSelectField({
+				id: "categoryId",
+				label: "Category",
+				description: "Show one category (with its heading and intro), or leave it on All categories to show everything grouped.",
+				required: false,
+				multiple: false,
+				optionSource: "appointmentServiceCategories",
+				ui: { intent: "content" }
+			}),
 			sectionStylesField({
 				id: "_sectionStyles",
 				label: "Section styles",
@@ -155764,6 +156404,7 @@ const appointmentServicesBlockDefinition = {
 				richText({ className: "rb-prose rb-max-w-none" }, bind$1("content.description"), when("content.description")),
 				el("appointment-services", {
 					sectionHeading: { $bind: { from: "content.heading" } },
+					categoryId: { $bind: { from: "content.categoryId" } },
 					services: { $bind: { from: "data.services" } },
 					pathname: { $bind: { from: "$root.pathname" } },
 					servicePathPrefix: { $bind: { from: "$root.appointmentServicePathPrefix" } }
@@ -187100,25 +187741,10 @@ function deriveLaunchDomainRequirement(siteId, domainState) {
 		} : evidenceFromDerivedState(state)
 	});
 }
-function deriveLaunchReadiness(input) {
-	const siteId = input.siteId ?? null;
-	const overrides = input.overrides ?? [];
-	const appointmentOverrideDefinition = LAUNCH_REQUIREMENT_OVERRIDE_DEFINITIONS.configure_appointments;
+function generatedSiteReviewRequirements(input) {
+	if (input.publicExperience === "hosted_booking") return [];
 	const isGeneratedSiteReviewed = input.reviewGeneratedSite.kind === "reviewed";
-	const requirements = [];
-	const confirmEmailState = input.email.kind === "confirmed" ? "complete" : "pending";
-	requirements.push(requirement({
-		id: "confirm_email",
-		packId: "core",
-		priority: "required",
-		state: confirmEmailState,
-		owner: "either",
-		title: "Confirm your email",
-		description: confirmEmailState === "complete" ? "Email confirmed. Your dashboard and launch path are unlocked." : "Confirm your email before the site can go live.",
-		action: informationalAction("Confirm your email"),
-		evidence: evidenceFromDerivedState(confirmEmailState)
-	}));
-	requirements.push(requirement({
+	return [requirement({
 		id: "review_generated_site",
 		packId: "core",
 		priority: "required",
@@ -187140,7 +187766,26 @@ function deriveLaunchReadiness(input) {
 			kind: "deferred",
 			reason: "pending_acknowledgement"
 		}
+	})];
+}
+function deriveLaunchReadiness(input) {
+	const siteId = input.siteId ?? null;
+	const overrides = input.overrides ?? [];
+	const appointmentOverrideDefinition = LAUNCH_REQUIREMENT_OVERRIDE_DEFINITIONS.configure_appointments;
+	const requirements = [];
+	const confirmEmailState = input.email.kind === "confirmed" ? "complete" : "pending";
+	requirements.push(requirement({
+		id: "confirm_email",
+		packId: "core",
+		priority: "required",
+		state: confirmEmailState,
+		owner: "either",
+		title: "Confirm your email",
+		description: confirmEmailState === "complete" ? "Email confirmed. Your dashboard and launch path are unlocked." : "Confirm your email before the site can go live.",
+		action: informationalAction("Confirm your email"),
+		evidence: evidenceFromDerivedState(confirmEmailState)
 	}));
+	requirements.push(...generatedSiteReviewRequirements(input));
 	if (input.appointments.kind !== "disabled") {
 		const appointmentsOverride = input.appointments.kind === "pending_setup" ? findLaunchOverride(overrides, appointmentOverrideDefinition.requirementId) : null;
 		requirements.push(requirement({
@@ -187636,7 +188281,12 @@ const appointmentSetupServiceDraftSchema = z.object({
 	venue: appointmentSetupVenueChoiceSchema,
 	timezone: z.string().trim().min(1).nullable(),
 	payment: appointmentSetupPaymentDraftSchema,
-	assignment: appointmentSetupServiceAssignmentDraftSchema
+	assignment: appointmentSetupServiceAssignmentDraftSchema,
+	/**
+	* The service's category, or null for "Other" (issue 1403). Omitted leaves
+	* an existing service's category alone and puts a new one in "Other".
+	*/
+	categoryId: z.string().uuid().nullable().optional()
 }).superRefine((service, ctx) => {
 	if (service.payment.kind !== "free" && (service.priceAmount === null || service.priceAmount <= 0)) ctx.addIssue({
 		code: "custom",
@@ -191239,9 +191889,9 @@ function createStoreBackend(options) {
 			};
 		},
 		reset: (values) => {
-			if (scope === "blocks") getBlocksSlice().updateBlockBaseline?.(getBlockId(), isRecord$20(values) ? values : null);
+			if (scope === "blocks") getBlocksSlice().updateBlockBaseline?.(getBlockId(), isRecord$21(values) ? values : null);
 			else {
-				const recordValues = isRecord$20(values) ? values : null;
+				const recordValues = isRecord$21(values) ? values : null;
 				getRootSlice().hydrate?.(recordValues, recordValues);
 			}
 		},
@@ -192146,7 +192796,7 @@ function createPromotedFieldBackend(backend, promoted) {
 			}
 			const parentPath = outermost.parentPath;
 			const current = backend.getValue(parentPath);
-			if (current != null && !isRecord$20(current)) throw new Error(`Expected an object at promoted field ancestor "${parentPath}"`);
+			if (current != null && !isRecord$21(current)) throw new Error(`Expected an object at promoted field ancestor "${parentPath}"`);
 			const next = current == null ? {} : structuredClone(current);
 			const relative = (absolute) => absolute.slice(parentPath.length + 1);
 			setAtPath(next, relative(path), value);
@@ -195297,6 +195947,7 @@ function normalizeEditorBlockId(value) {
 function normalizeEditorBlock(block) {
 	return {
 		id: normalizeEditorBlockId(block.id),
+		contentVersionId: block.contentVersionId ?? null,
 		kind: block.kind,
 		content: cloneBlockValues(block.content ?? null),
 		orderIndex: block.orderIndex ?? null,
@@ -195317,6 +195968,7 @@ function normalizedBlocksEqual(left, right) {
 		const rightBlock = right[index];
 		if (!leftBlock || !rightBlock) return false;
 		if (leftBlock.id !== rightBlock.id) return false;
+		if (leftBlock.contentVersionId !== rightBlock.contentVersionId) return false;
 		if (leftBlock.kind !== rightBlock.kind) return false;
 		if (leftBlock.orderIndex !== rightBlock.orderIndex) return false;
 		if (leftBlock.purpose !== rightBlock.purpose) return false;
@@ -225569,6 +226221,21 @@ function normalizeSiteOptionMultiValue(value) {
 	}
 	return [];
 }
+function resolveSiteOptionSingleSelection(input) {
+	const value = typeof input.value === "string" ? input.value.trim() : "";
+	if (!value) return { kind: "default" };
+	if (!input.loaded) return {
+		kind: "unresolved",
+		value
+	};
+	return input.items.some((item) => item.value === value) ? {
+		kind: "selected",
+		value
+	} : {
+		kind: "missing",
+		value
+	};
+}
 function getSiteOptionSource(config) {
 	const raw = (config.ui ?? {}).siteOptionSource;
 	if (typeof raw !== "string") return null;
@@ -225577,11 +226244,14 @@ function getSiteOptionSource(config) {
 }
 //#endregion
 //#region ../editor-blocks/src/widgets/site-option-picker/SiteOptionPickerField.tsx
+/** The Combobox id standing in for the empty value's named default option. */
+const DEFAULT_OPTION_ID = "__site-option-default__";
 function getSearchThreshold(config) {
 	return normalizePickerSearchThreshold((config.ui ?? {}).searchThreshold);
 }
 function SiteOptionPickerField({ path, backend, config }) {
 	const { value, error, setValue } = useField(path, backend);
+	const errorMessage = error?.message;
 	const { siteId, adapters } = useSiteOptionWidgetContext();
 	const source = getSiteOptionSource(config);
 	const searchThreshold = getSearchThreshold(config);
@@ -225609,14 +226279,14 @@ function SiteOptionPickerField({ path, backend, config }) {
 		siteId,
 		source
 	]);
-	const { options: items, isLoading, errorMessage: loadError } = useAsyncPickerOptions({
+	const { options: items, state: loadState, isLoading, errorMessage: loadError } = useAsyncPickerOptions({
 		enabled: Boolean(adapter && siteId && source),
 		loadOptions: loadItems
 	});
 	if (!adapter || !siteId || !source) return /* @__PURE__ */ jsx(FieldFrame, {
 		label: config.label,
 		description: config.description,
-		error: error?.message,
+		error: errorMessage,
 		children: () => /* @__PURE__ */ jsx("div", {
 			className: "rounded-lg border border-dashed bg-muted/10 p-4 text-sm text-muted-foreground",
 			children: "This field type is not supported yet."
@@ -225633,7 +226303,7 @@ function SiteOptionPickerField({ path, backend, config }) {
 		return /* @__PURE__ */ jsx(FieldFrame, {
 			label: config.label,
 			description: config.description,
-			error: error?.message,
+			error: errorMessage,
 			hint: helperText,
 			children: () => /* @__PURE__ */ jsxs("div", {
 				className: "space-y-2",
@@ -225660,6 +226330,21 @@ function SiteOptionPickerField({ path, backend, config }) {
 			})
 		});
 	}
+	if (adapter.singleSelection) return /* @__PURE__ */ jsx(SingleSelectionWithDefaultField, {
+		config,
+		error: errorMessage,
+		helperText,
+		items,
+		loaded: loadState.status === "loaded",
+		isLoading,
+		loadError,
+		labels,
+		manageLink,
+		onChange: (nextValue) => setValue(nextValue),
+		selection: adapter.singleSelection,
+		showSearch,
+		value
+	});
 	const currentValue = typeof value === "string" ? value : "";
 	const selectionLabel = resolvePickerSelectionLabel(currentValue || null, items, ({ value, options }) => adapter.formatSelectionLabel?.({
 		value,
@@ -225668,7 +226353,7 @@ function SiteOptionPickerField({ path, backend, config }) {
 	return /* @__PURE__ */ jsx(FieldFrame, {
 		label: config.label,
 		description: config.description,
-		error: error?.message,
+		error: errorMessage,
 		hint: helperText ?? (selectionLabel ? `Selected: ${selectionLabel}` : labels.emptySelection),
 		children: ({ id, messageId }) => /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
@@ -225695,6 +226380,62 @@ function SiteOptionPickerField({ path, backend, config }) {
 		})
 	});
 }
+/**
+* A single select whose empty value is a named default option ("All
+* categories"), and which warns when the stored value has been deleted
+* rather than showing a raw id. Used only by sources that opt in through
+* `singleSelection` (issue 1403).
+*/
+function SingleSelectionWithDefaultField({ config, error, helperText, items, loaded, isLoading, loadError, labels, manageLink, onChange, selection, showSearch, value }) {
+	const state = resolveSiteOptionSingleSelection({
+		value,
+		items,
+		loaded
+	});
+	const comboboxValue = state.kind === "default" ? DEFAULT_OPTION_ID : state.value;
+	const placeholder = isLoading ? labels.loading : state.kind === "missing" ? selection.missingSelection.label : labels.select;
+	return /* @__PURE__ */ jsx(FieldFrame, {
+		label: config.label,
+		description: config.description,
+		error,
+		hint: helperText,
+		children: ({ id, messageId }) => /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ jsx(Combobox, {
+					id,
+					"aria-describedby": messageId || void 0,
+					items: [{
+						id: DEFAULT_OPTION_ID,
+						label: selection.defaultOptionLabel,
+						item: null
+					}, ...items.map((item) => ({
+						id: item.value,
+						label: item.label,
+						item
+					}))],
+					value: comboboxValue,
+					onSelect: (entry) => onChange(!entry || entry.id === DEFAULT_OPTION_ID ? "" : entry.id),
+					placeholder,
+					emptyMessage: labels.empty,
+					showClear: false,
+					search: showSearch,
+					searchInputAriaLabel: `Search ${config.label}`,
+					disabled: Boolean(isLoading || loadError)
+				}),
+				state.kind === "missing" ? /* @__PURE__ */ jsx(Callout, {
+					tone: "warning",
+					className: "text-sm",
+					children: selection.missingSelection.warning
+				}) : null,
+				manageLink ? /* @__PURE__ */ jsx("div", {
+					className: "flex justify-end",
+					children: manageLink
+				}) : null
+			]
+		})
+	});
+}
 //#endregion
 //#region ../editor-blocks/src/widgets/site-option-picker/loaders.ts
 const siteOptionWidgetLabels = {
@@ -225721,6 +226462,12 @@ const siteOptionWidgetLabels = {
 		select: "Select a staff member",
 		empty: "No staff yet",
 		emptySelection: "Choose a staff member to restrict this block."
+	},
+	appointmentServiceCategories: {
+		loading: "Loading categories...",
+		select: "All categories",
+		empty: "No categories yet",
+		emptySelection: "All categories"
 	}
 };
 function mapEventCategoriesToSiteOptionItems(payload) {
@@ -225754,6 +226501,24 @@ function mapStaffMembersToSiteOptionItems(payload) {
 		subtitle: staffMember.bio ?? void 0
 	}));
 }
+function mapAppointmentServiceCategoriesToSiteOptionItems(payload) {
+	return payload.categories.map((category) => ({
+		value: category.id,
+		label: category.name
+	}));
+}
+/**
+* Sources whose single selection has an explicit default option and can go
+* stale (issue 1403). Only appointment-service categories opt in: the event
+* calendar pickers keep their existing behaviour.
+*/
+const siteOptionSingleSelection = { appointmentServiceCategories: {
+	defaultOptionLabel: "All categories",
+	missingSelection: {
+		label: "Deleted category",
+		warning: "The category this list was showing has been deleted, so it now shows all your services. Choose another category, or pick All categories."
+	}
+} };
 async function loadSiteOptionItemsFromApi({ apiClient, siteId, source }) {
 	switch (source) {
 		case "eventSeries": return mapEventsToSiteOptionItems(unwrapResponse(await apiClient({
@@ -225776,6 +226541,10 @@ async function loadSiteOptionItemsFromApi({ apiClient, siteId, source }) {
 			endpoint: "listAppointmentResources",
 			params: { siteId }
 		})));
+		case "appointmentServiceCategories": return mapAppointmentServiceCategoriesToSiteOptionItems(unwrapResponse(await apiClient({
+			endpoint: "listAppointmentServiceCategories",
+			params: { siteId }
+		})));
 		default: return assertNever$10(source);
 	}
 }
@@ -225790,12 +226559,14 @@ function createSiteOptionWidgetAdapters({ loadItems, mapLoadError, renderManageL
 		eventSeries: createSiteOptionWidgetAdapter("eventSeries", loadItems, mapLoadError, renderManageLink),
 		eventCategories: createSiteOptionWidgetAdapter("eventCategories", loadItems, mapLoadError, renderManageLink),
 		venues: createSiteOptionWidgetAdapter("venues", loadItems, mapLoadError, renderManageLink),
-		staffMembers: createSiteOptionWidgetAdapter("staffMembers", loadItems, mapLoadError, renderManageLink)
+		staffMembers: createSiteOptionWidgetAdapter("staffMembers", loadItems, mapLoadError, renderManageLink),
+		appointmentServiceCategories: createSiteOptionWidgetAdapter("appointmentServiceCategories", loadItems, mapLoadError, renderManageLink)
 	};
 }
 function createSiteOptionWidgetAdapter(source, loadItems, mapLoadError, renderManageLink) {
 	return {
 		labels: siteOptionWidgetLabels[source],
+		singleSelection: siteOptionSingleSelection[source],
 		renderManageLink: renderManageLink?.[source],
 		loadItems: async ({ siteId }) => {
 			if (!siteId) return [];
@@ -227348,7 +228119,7 @@ function sourceAvailability(input) {
 		hasMainNavigation: input.hasMainNavigation ?? true,
 		hasLegalPolicyNavigation: input.hasLegalPolicyNavigation ?? false,
 		hasBusinessAddress: input.hasBusinessAddress,
-		hasContact: input.publicProfile.contact !== null,
+		hasContact: publishedContactDetails(input.publicProfile) !== null,
 		hasOpeningHours: input.publicProfile.openingHours !== null,
 		hasSocialLinks: input.publicProfile.socialLinks.length > 0,
 		hasEngagementSource: input.hasEngagementSource ?? false
@@ -228214,25 +228985,20 @@ function projectNavigationLayout(module, input, compactSplitRegion) {
 		navigationGroupsClassName: inline ? "rb-grid rb-gap-8 rb-md-grid-cols-3" : "rb-grid rb-grid-cols-1 rb-gap-6"
 	};
 }
-function contactLinks(profile) {
-	if (profile.contact === null) return [];
-	switch (profile.contact.kind) {
-		case "phone": return [{
-			href: `tel:${profile.contact.phone.replace(/[^+\d]/gu, "")}`,
-			label: profile.contact.phone
-		}];
-		case "email": return [{
-			href: `mailto:${profile.contact.email}`,
-			label: profile.contact.email
-		}];
-		case "phone-and-email": return [{
-			href: `tel:${profile.contact.phone.replace(/[^+\d]/gu, "")}`,
-			label: profile.contact.phone
-		}, {
-			href: `mailto:${profile.contact.email}`,
-			label: profile.contact.email
-		}];
-		default: return assertNever$10(profile.contact);
+function contactLinks(contact) {
+	const phone = (value) => ({
+		href: `tel:${value.replace(/[^+\d]/gu, "")}`,
+		label: value
+	});
+	const email = (value) => ({
+		href: `mailto:${value}`,
+		label: value
+	});
+	switch (contact.kind) {
+		case "phone": return [phone(contact.phone)];
+		case "email": return [email(contact.email)];
+		case "phone-and-email": return [phone(contact.phone), email(contact.email)];
+		default: return assertNever$10(contact);
 	}
 }
 const socialPlatformIcons = {
@@ -228286,16 +229052,18 @@ function projectFooterRuntimeSection(input) {
 			kind: section.kind,
 			address: input.businessAddress
 		});
-		case "contact":
-			if (input.publicProfile.contact === null) return err$1({
+		case "contact": {
+			const contact = publishedContactDetails(input.publicProfile);
+			if (contact === null) return err$1({
 				kind: "missing-source",
 				sectionKind: section.kind
 			});
 			return ok$2({
 				...base,
 				kind: section.kind,
-				contactLinks: contactLinks(input.publicProfile)
+				contactLinks: contactLinks(contact)
 			});
+		}
 		case "opening-hours": {
 			const hours = openingHours(input.publicProfile);
 			if (hours === null) return err$1({
@@ -228353,7 +229121,7 @@ function buildFooterRuntimeViewModel(input) {
 		hasMainNavigation: input.hasFooterNavigation,
 		hasLegalPolicyNavigation: input.hasLegalPolicyNavigation ?? false,
 		hasBusinessAddress: input.businessAddress !== null && input.publicProfile.addressVisibility === "shown",
-		hasContact: input.publicProfile.contact !== null,
+		hasContact: publishedContactDetails(input.publicProfile) !== null,
 		hasOpeningHours: input.publicProfile.openingHours !== null,
 		hasSocialLinks: input.publicProfile.socialLinks.length > 0,
 		hasEngagementSource: hasResolvedEngagement
@@ -232306,4 +233074,4 @@ function useSiteChromeCustomizeOptional() {
 	return useContext(SiteChromeCustomizeContext);
 }
 //#endregion
-export { FooterComposerPanel as $, Pencil as $a, mapCurrentValueForSelect as $i, coerceLinkedContentEntriesPayload as $n, runTransforms as $r, useMultiAutosave as $t, markApplySaving as A, CollapsibleContent as Aa, makeBoundaryId as Ai, containerResponsiveThemeCss as An, compileTransitionRuntime as Ar, RichTextField as At, setPaletteColors as B, Button$1 as Ba, parseThemeForPersistence as Bi, compileManifestContentContract as Bn, curatedPalettes as Br, getBlockManifestFromSdkConfig as Bt, cancelPreview as C, Dialog as Ca, isObjectRecord$1 as Ci, deriveLaunchReadiness as Cn, retargetCompiledRuntimeFieldsForContentAdjacency as Cr, ButtonVariantField as Ct, isPreviewingChange as D, DialogHeader as Da, pageDesignEditorBackgroundOverrideOwner as Di, useApiMediaUploader as Dn, curatedSiteStyles as Dr, ReferenceField as Dt, dismissWarnings as E, DialogFooter as Ea, isThemeV2NormalEditorRawStyleFieldName as Ei, useMediaEditorOptional as En, componentRuntimeRulesForTheme as Er, MediaField as Et, previewFooterLook as F, DropdownMenuItem as Fa, updateButtonStyleHoverPreference as Fi, SITE_CHROME_VISIBLE_HEADER_SELECTOR as Fn, gradientToCss as Fr, LinkWidgetProvider as Ft, confirmAutosaveBatch as G, Undo2 as Ga, paletteModeSchema as Gi, escapeStyleContent as Gn, backgroundAppearanceColorTokenNames as Gr, canRedoHistory as Gt, syncStyleConfiguratorState as H, cn$2 as Ha, VARIANT_ROLES as Hi, buildThemeRuntime as Hn, sectionTransitionFamilies as Hr, useEditorUiStore as Ht, previewHeaderLayout as I, DropdownMenuLabel as Ia, updateButtonStyleSelectionChoice as Ii, SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR as In, GRADIENT_PRESETS as Ir, BlockEditor as It, idleEditorTransactionQueueState as J, Sparkles as Ja, getFieldIntent as Ji, defaultTransforms as Jn, ctaButton as Jr, pushHistoryEntry as Jt, deriveTransactionCapabilities as K, TriangleAlert as Ka, resolveSdkFooterMode as Ki, readBlockComposition as Kn, backgroundAppearanceQuickColorTokenNames as Kr, canUndoHistory as Kt, previewHeaderStyle as L, DropdownMenuSeparator as La, buttonStyleSelectionKey as Li, planSiteOverlayHeaderClearance as Ln, GRADIENT_PRESET_IDS as Lr, hideThemeV2RawStyleFields as Lt, palettePreviewProjection as M, Surface as Ma, buttonStyleSelectionParameterValue as Mi, makeDefaultBlockComponent as Mn, findFooterLook as Mr, EditorProvider as Mt, previewButtonStyle as N, DropdownMenu as Na, findButtonStyleRecipe as Ni, getBlockDefinition as Nn, getHeaderLayout as Nr, useEditor$1 as Nt, markApplyFailed as O, DialogTitle as Oa, asDesignBlockId as Oi, isSupportedLoaderEndpoint as On, designRuntimeRulesForTheme as Or, ReferenceWidgetProvider as Ot, previewCuratedPalette as P, DropdownMenuContent as Pa, resolveButtonStyleSelection as Pi, projectRecurringSchedule as Pn, getHeaderStyle as Pr, LinkField as Pt, resolvePreviewSidebarTab as Q, Redo2 as Qa, hasEmptyOption as Qi, LINKED_CONTENT_ENTRY_META_KEY as Qn, parseBackgroundContent as Qr, recordsEqual as Qt, previewSiteStyle as R, DropdownMenuTrigger as Ra, textColorStyle as Ri, visibleHeaderClearancePx as Rn, getGradientPreset as Rr, prepareBlockEditorManifest as Rt, applyTypographyDraftPatch as S, TabsTrigger as Sa, bookingConsentCarrierSchema as Si, DEFAULT_LAUNCH_READINESS_INPUT as Sn, retargetCompiledBoundaryRuntimeForContentAdjacency as Sr, EntryPickerWidgetProvider as St, deriveStyleConfiguratorCapabilities as T, DialogDescription as Ta, corners as Ti, MediaEditorContextProvider as Tn, planPageDesignLayoutLookCompatibility as Tr, FileField as Tt, toggleRow as U, X as Ua, paletteColorEntries as Ui, DEFAULT_THEME_RESPONSIVE_MODE as Un, sectionTransitionFamilyForBoundaryOptionId as Ur, useEditorUiStoreInstance as Ut, styleConfiguratorHistoryEntryForPersistedSelection as V, cva as Va, ORDINARY_TEXT_MIN_CONTRAST_RATIO as Vi, validateManifestDraft as Vn, defaultSectionTransitionVariantForFamily as Vr, classifyHistoryShortcut as Vt, beginAutosaveBatch as W, Upload as Wa, paletteColorsSchema as Wi, getResponsiveScopeSpec as Wn, sectionTransitionVariantForBoundaryOptionId as Wr, useOptionalEditorUiStoreInstance as Wt, resolveStyleConfiguratorInitialSnapshot as X, SlidersHorizontal as Xa, SdkConfigProvider as Xi, resolvePageRouteTarget as Xn, EDITABLE_SURFACE_FORWARDING_PROP as Xr, undoHistory as Xt, rejectAutosaveBatch as Y, Smartphone as Ya, isHeaderField as Yi, resolveEntryRouteTarget as Yn, bindingSchema as Yr, redoHistory as Yt, createOptimisticActionRunner as Z, RotateCcw as Za, useSdkConfig as Zi, resolveRouteTarget as Zn, planSiteChromePlacement as Zr, unsafeAsLinkedContentEntryId as Zt, reportPreviewDesignError as _, PopoverTrigger as _a, siblingPath$1 as _i, MediaEditor as _n, expectParsedBrandedId as _o, heroCopyFragment as _r, loadMailingListAuthoringContext as _t, previewDesignHistoryDomainForCommand as a, TooltipContent as aa, logger$1 as ai, parseReferenceKind as an, Image as ao, cardFragment as ar, useUISelector as at, planSiteChromeSelection as b, TabsContent as ba, eventCalendarListLayoutCompatibleDisplayModeValues as bi, listEntryPageContentSlots as bn, __exportAll as bo, applyCompiledRuntimeFieldsToContent as br, IconPickerField as bt, selectionSnapshotFromApplySiteStyleSelectionResponse as c, SelectContent as ca, isInlineTextEmpty as ci, resolveContentTitle as cn, EllipsisVertical as co, blogFeaturedPostFragment as cr, useEntryController as ct, PreviewDesignCoordinatorProvider as d, SelectValue as da, buildResolveImageUrlContext as di, ManifestForm as dn, ChevronDown as do, formCopyFragment as dr, createSiteOptionWidgetAdapters as dt, mapOptionValueForSelect as ea, parseBlockIconValue as ei, useDebouncedLatestSave as en, PenLine as eo, getLinkedContentEntryMeta as er, renderSiteChromeBlock as et, usePreviewDesignCoordinator as f, Callout as fa, getCurrentResolveImageUrlContext as fi, createManifestFormAdapter as fn, Check as fo, testimonialsCarouselFragment as fr, SiteOptionPickerField as ft, PREVIEW_DESIGN_SAVE_ERROR_MESSAGE as g, PopoverContent as ga, getAtPath as gi, createStoreBackend as gn, assertNever$10 as go, ctaRowFragment as gr, MailingListTargetingField as gt, PREVIEW_DESIGN_LOAD_ERROR_MESSAGE as h, Popover as ha, SECTION_BACKGROUND_MIN_SOURCE_WIDTH as hi, evaluateVisibility as hn, unsafeAsEditorBlockValues as ho, heroCtaRowFragment as hr, OfferingsPreviewWidgetProvider as ht, usePreviewDesignHistoryOrder as i, Tooltip as ia, renderInlineText as ii, isAdapterReferenceKind as in, LoaderCircle as io, headingFragment as ir, ContentFieldsForm as it, openRow as j, CollapsibleTrigger as ja, buttonStyleHoverPreferenceValue as ji, createCustomBlockRegistry as jn, surfaceResolutionContextFromTheme as jr, RichTextWidgetProvider as jt, markApplySaved as k, Collapsible as ka, assertNever$7 as ki, ThemeScope as kn, getCuratedSiteStyle as kr, useRichTextImagePicker as kt, deriveSiteStylePreviewUpdate as l, SelectItem as la, Text$2 as li, PaletteProvider as ln, ChevronRight as lo, singleButtonFragment as lr, useEntryEditorController as lt, usePreviewThemeOverlay as m, SearchInput as ma, setContextResolveImageUrlContext as mi, FormRenderer as mn, unsafeAsEditorBlockId as mo, ctaCopyFragment as mr, OfferingsPreviewGroupOrderField as mt, useSiteChromeCustomizeOptional as n, FieldFrame as na, parseGeneratedIconSetId as ni, createSnapshotFromPageRecord as nn, Monitor as no, ImageResolveContextProvider as nr, PreviewInlineTextEditor as nt, selectPreviewDesignHistoryDomain as o, TooltipTrigger as oa, coerceInlineTextWithFallback as oi, deriveRouteMetadataPresentation as on, GripVertical as oo, faqAccordionFragment as or, EditableBlockProvider as ot, PreviewThemeOverlayProvider as p, CalloutDescription as pa, resolveImageUrlWithContext as pi, createManifestValidation as pn, parseFooterModuleId as po, testimonialsHeadingFragment as pr, SiteOptionWidgetProvider as pt, enqueueTransaction as q, Tablet as qa, attachRenderableMediaAssetFields as qi, getDefaultComponentRegistry as qn, parseBackgroundAppearanceColorToken as qr, createHistoryState as qt, PreviewDesignHistoryOrderProvider as r, useField as ra, ThemedButtonSpecimen as ri, BUILT_IN_REFERENCE_KINDS as rn, Maximize2 as ro, richTextFragment as rr, PreviewTextEditor as rt, buildApplySiteStyleSelectionBody as s, Select$1 as sa, inlineTextToPlainText as si, resolvePageRouteSlug as sn, Eye as so, faqHeadingFragment as sr, EntryControllerProvider as st, SiteChromeCustomizeProvider as t, unmapValueFromSelect as ta, parseGeneratedIconAssetId as ti, createRoutingHelpers as tn, Palette as to, clientComponentRegistry as tr, PreviewRichTextEditor as tt, planConfiguratorPreview as u, SelectTrigger as ua, RichText as ui, usePalette as un, ChevronLeft as uo, formEmbedFragment as ur, createSiteOptionApiLoader as ut, buildSiteChromeSelectionModels as v, Input as va, BlockApiProvider as vi, applyPageDesignEditorAction as vn, parseMediaAssetId as vo, bodyCopyFragment as vr, MailingListTargetingProvider as vt, createStyleConfiguratorState as w, DialogContent as wa, isRecord$17 as wi, AMBIENT_BACKGROUND_ROLES as wn, formatSiteChromeBackgroundTokenLabel as wr, ButtonWidgetProvider as wt, applyResolvedSelections as x, TabsList as xa, eventCalendarListLayoutOptions as xi, decodePublicProductCategorySelectorQuery as xn, compileEditorModelRuntime as xr, EntryPickerField as xt, cycleSiteChromeSelectionId as y, Tabs as ya, calendarWindowQuerySchema as yi, getPageDesignEditorState as yn, parseSiteId as yo, defineFragment as yr, InlineTextField as yt, resetTypographyToSaved as z, Primitive as za, defaultThemeTokens as zi, resolveVariantKey as zn, parseGradientPresetId as zr, stripTopLevelRoutingUi as zt };
+export { FooterComposerPanel as $, Tablet as $a, attachRenderableMediaAssetFields as $i, LINKED_CONTENT_ENTRY_META_KEY as $n, ctaButton as $r, useMultiAutosave as $t, markApplySaving as A, DialogContent as Aa, corners as Ai, containerResponsiveThemeCss as An, surfaceResolutionContextFromTheme as Ar, RichTextField as At, setPaletteColors as B, DropdownMenuContent as Ba, resolveButtonStyleSelection as Bi, compileManifestContentContract as Bn, autoDesignChoice as Br, getBlockManifestFromSdkConfig as Bt, cancelPreview as C, PopoverTrigger as Ca, BlockApiProvider as Ci, deriveLaunchReadiness as Cn, expectParsedBrandedId as Co, formatSiteChromeBackgroundTokenLabel as Cr, ButtonVariantField as Ct, isPreviewingChange as D, TabsList as Da, bookingConsentCarrierSchema as Di, useApiMediaUploader as Dn, curatedSiteStyles as Dr, ReferenceField as Dt, dismissWarnings as E, TabsContent as Ea, eventCalendarListLayoutOptions as Ei, useMediaEditorOptional as En, __exportAll as Eo, componentRuntimeRulesForTheme as Er, MediaField as Et, previewFooterLook as F, Collapsible as Fa, assertNever$7 as Fi, SITE_CHROME_VISIBLE_HEADER_SELECTOR as Fn, GRADIENT_PRESETS as Fr, LinkWidgetProvider as Ft, confirmAutosaveBatch as G, Primitive as Ga, defaultThemeTokens as Gi, escapeStyleContent as Gn, boundaryTreatmentForBoundaryOptionId as Gr, canRedoHistory as Gt, syncStyleConfiguratorState as H, DropdownMenuLabel as Ha, updateButtonStyleSelectionChoice as Hi, buildThemeRuntime as Hn, boundaryLayout as Hr, useEditorUiStore as Ht, previewHeaderLayout as I, CollapsibleContent as Ia, makeBoundaryId as Ii, SITE_OVERLAY_HEADER_CLEARANCE_CSS_VAR as In, GRADIENT_PRESET_IDS as Ir, BlockEditor as It, idleEditorTransactionQueueState as J, cn$2 as Ja, VARIANT_ROLES as Ji, getDefaultComponentRegistry as Jn, sectionTransitionFamilyForBoundaryOptionId as Jr, pushHistoryEntry as Jt, deriveTransactionCapabilities as K, Button$1 as Ka, parseThemeForPersistence as Ki, mergeContentWithBlockStyleOverrides as Kn, defaultSectionTransitionVariantForFamily as Kr, canUndoHistory as Kt, previewHeaderStyle as L, CollapsibleTrigger as La, buttonStyleHoverPreferenceValue as Li, planSiteOverlayHeaderClearance as Ln, getGradientPreset as Lr, hideThemeV2RawStyleFields as Lt, palettePreviewProjection as M, DialogFooter as Ma, pageDesignEditorBackgroundOverrideOwner as Mi, makeDefaultBlockComponent as Mn, getHeaderLayout as Mr, EditorProvider as Mt, previewButtonStyle as N, DialogHeader as Na, stripStaleTransitionStyleGroup as Ni, getBlockDefinition as Nn, getHeaderStyle as Nr, useEditor$1 as Nt, markApplyFailed as O, TabsTrigger as Oa, isObjectRecord$1 as Oi, isSupportedLoaderEndpoint as On, designRuntimeRulesForTheme as Or, ReferenceWidgetProvider as Ot, previewCuratedPalette as P, DialogTitle as Pa, asDesignBlockId as Pi, projectRecurringSchedule as Pn, gradientToCss as Pr, LinkField as Pt, resolvePreviewSidebarTab as Q, TriangleAlert as Qa, resolveSdkFooterMode as Qi, resolveRouteTarget as Qn, parseBackgroundAppearanceColorToken as Qr, recordsEqual as Qt, previewSiteStyle as R, Surface as Ra, buttonStyleSelectionParameterValue as Ri, visibleHeaderClearancePx as Rn, parseGradientPresetId as Rr, prepareBlockEditorManifest as Rt, applyTypographyDraftPatch as S, PopoverContent as Sa, siblingPath$1 as Si, DEFAULT_LAUNCH_READINESS_INPUT as Sn, assertNever$10 as So, compileEditorModelRuntime as Sr, EntryPickerWidgetProvider as St, deriveStyleConfiguratorCapabilities as T, Tabs as Ta, eventCalendarListLayoutCompatibleDisplayModeValues as Ti, MediaEditorContextProvider as Tn, parseSiteId as To, resolvePageDesignEditorBoundaryForChoice as Tr, FileField as Tt, toggleRow as U, DropdownMenuSeparator as Ua, buttonStyleSelectionKey as Ui, DEFAULT_THEME_RESPONSIVE_MODE as Un, composeBoundary as Ur, useEditorUiStoreInstance as Ut, styleConfiguratorHistoryEntryForPersistedSelection as V, DropdownMenuItem as Va, updateButtonStyleHoverPreference as Vi, validateManifestDraft as Vn, userPinnedDesignChoice as Vr, classifyHistoryShortcut as Vt, beginAutosaveBatch as W, DropdownMenuTrigger as Wa, textColorStyle as Wi, getResponsiveScopeSpec as Wn, sectionFactsForContent as Wr, useOptionalEditorUiStoreInstance as Wt, resolveStyleConfiguratorInitialSnapshot as X, Upload as Xa, paletteColorsSchema as Xi, resolveEntryRouteTarget as Xn, backgroundAppearanceColorTokenNames as Xr, undoHistory as Xt, rejectAutosaveBatch as Y, X as Ya, paletteColorEntries as Yi, defaultTransforms as Yn, sectionTransitionVariantForBoundaryOptionId as Yr, redoHistory as Yt, createOptimisticActionRunner as Z, Undo2 as Za, paletteModeSchema as Zi, resolvePageRouteTarget as Zn, backgroundAppearanceQuickColorTokenNames as Zr, unsafeAsLinkedContentEntryId as Zt, reportPreviewDesignError as _, SelectValue as _a, getCurrentResolveImageUrlContext as _i, MediaEditor as _n, ChevronDown as _o, ctaRowFragment as _r, loadMailingListAuthoringContext as _t, previewDesignHistoryDomainForCommand as a, mapCurrentValueForSelect as aa, parseBlockIconValue as ai, parseReferenceKind as an, Pencil as ao, headingFragment as ar, useUISelector as at, planSiteChromeSelection as b, SearchInput as ba, SECTION_BACKGROUND_MIN_SOURCE_WIDTH as bi, listEntryPageContentSlots as bn, unsafeAsEditorBlockId as bo, defineFragment as br, IconPickerField as bt, selectionSnapshotFromApplySiteStyleSelectionResponse as c, FieldFrame as ca, ThemedButtonSpecimen as ci, resolveContentTitle as cn, Monitor as co, faqHeadingFragment as cr, useEntryController as ct, PreviewDesignCoordinatorProvider as d, TooltipContent as da, coerceInlineTextWithFallback as di, ManifestForm as dn, Image as do, formEmbedFragment as dr, createSiteOptionWidgetAdapters as dt, getFieldIntent as ea, bindingSchema as ei, useDebouncedLatestSave as en, Sparkles as eo, coerceLinkedContentEntriesPayload as er, renderSiteChromeBlock as et, usePreviewDesignCoordinator as f, TooltipTrigger as fa, inlineTextToPlainText as fi, createManifestFormAdapter as fn, GripVertical as fo, formCopyFragment as fr, SiteOptionPickerField as ft, PREVIEW_DESIGN_SAVE_ERROR_MESSAGE as g, SelectTrigger as ga, buildResolveImageUrlContext as gi, createStoreBackend as gn, ChevronLeft as go, heroCtaRowFragment as gr, MailingListTargetingField as gt, PREVIEW_DESIGN_LOAD_ERROR_MESSAGE as h, SelectItem as ha, RichText as hi, evaluateVisibility as hn, ChevronRight as ho, ctaCopyFragment as hr, OfferingsPreviewWidgetProvider as ht, usePreviewDesignHistoryOrder as i, hasEmptyOption as ia, runTransforms as ii, isAdapterReferenceKind as in, Redo2 as io, richTextFragment as ir, ContentFieldsForm as it, openRow as j, DialogDescription as ja, isThemeV2NormalEditorRawStyleFieldName as ji, createCustomBlockRegistry as jn, findFooterLook as jr, RichTextWidgetProvider as jt, markApplySaved as k, Dialog as ka, isRecord$18 as ki, ThemeScope as kn, getCuratedSiteStyle as kr, useRichTextImagePicker as kt, deriveSiteStylePreviewUpdate as l, useField as la, renderInlineText as li, PaletteProvider as ln, Maximize2 as lo, blogFeaturedPostFragment as lr, useEntryEditorController as lt, usePreviewThemeOverlay as m, SelectContent as ma, Text$2 as mi, FormRenderer as mn, EllipsisVertical as mo, testimonialsHeadingFragment as mr, OfferingsPreviewGroupOrderField as mt, useSiteChromeCustomizeOptional as n, SdkConfigProvider as na, planSiteChromePlacement as ni, createSnapshotFromPageRecord as nn, SlidersHorizontal as no, clientComponentRegistry as nr, PreviewInlineTextEditor as nt, selectPreviewDesignHistoryDomain as o, mapOptionValueForSelect as oa, parseGeneratedIconAssetId as oi, deriveRouteMetadataPresentation as on, PenLine as oo, cardFragment as or, EditableBlockProvider as ot, PreviewThemeOverlayProvider as p, Select$1 as pa, isInlineTextEmpty as pi, createManifestValidation as pn, Eye as po, testimonialsCarouselFragment as pr, SiteOptionWidgetProvider as pt, enqueueTransaction as q, cva as qa, ORDINARY_TEXT_MIN_CONTRAST_RATIO as qi, readBlockComposition as qn, sectionTransitionFamilies as qr, createHistoryState as qt, PreviewDesignHistoryOrderProvider as r, useSdkConfig as ra, parseBackgroundContent as ri, BUILT_IN_REFERENCE_KINDS as rn, RotateCcw as ro, ImageResolveContextProvider as rr, PreviewTextEditor as rt, buildApplySiteStyleSelectionBody as s, unmapValueFromSelect as sa, parseGeneratedIconSetId as si, resolvePageRouteSlug as sn, Palette as so, faqAccordionFragment as sr, EntryControllerProvider as st, SiteChromeCustomizeProvider as t, isHeaderField as ta, EDITABLE_SURFACE_FORWARDING_PROP as ti, createRoutingHelpers as tn, Smartphone as to, getLinkedContentEntryMeta as tr, PreviewRichTextEditor as tt, planConfiguratorPreview as u, Tooltip as ua, logger$1 as ui, usePalette as un, LoaderCircle as uo, singleButtonFragment as ur, createSiteOptionApiLoader as ut, buildSiteChromeSelectionModels as v, Callout as va, resolveImageUrlWithContext as vi, applyPageDesignEditorAction as vn, Check as vo, heroCopyFragment as vr, MailingListTargetingProvider as vt, createStyleConfiguratorState as w, Input as wa, calendarWindowQuerySchema as wi, AMBIENT_BACKGROUND_ROLES as wn, parseMediaAssetId as wo, planPageDesignLayoutLookCompatibility as wr, ButtonWidgetProvider as wt, applyResolvedSelections as x, Popover as xa, getAtPath as xi, decodePublicProductCategorySelectorQuery as xn, unsafeAsEditorBlockValues as xo, applyCompiledRuntimeFieldsToContent as xr, EntryPickerField as xt, cycleSiteChromeSelectionId as y, CalloutDescription as ya, setContextResolveImageUrlContext as yi, getPageDesignEditorState as yn, parseFooterModuleId as yo, bodyCopyFragment as yr, InlineTextField as yt, resetTypographyToSaved as z, DropdownMenu as za, findButtonStyleRecipe as zi, resolveVariantKey as zn, curatedPalettes as zr, stripTopLevelRoutingUi as zt };