@riverbankcms/sdk 0.135.1 → 0.136.0

package/dist/server/rendering/server.mjs

@@ -8480,12 +8480,8 @@ const legacyHeaderVariantValues = Object.keys(legacyHeaderVariants);
 * `@riverbankcms/api` is `z.input<typeof themeSchema>`, so a widened input here
 * would leak straight into a public type.
 *
-* Not every read of a persisted theme goes through the schema:
-* `resolveRuntimeTheme` in
-* `apps/dashboard/src/server/services/sites/runtimeSiteResponse.ts` returns the
-* raw database JSON asserted as `Theme` with no parse, so a theme still
-* carrying a legacy spelling reaches the theme editor un-aliased. That gap
-* predates this alias and is harmless while persisted usage is zero.
+* Persisted runtime themes are admitted through `parseThemeForPersistence`
+* before reaching consumers, so legacy spellings normalize at that boundary.
 */
 const headerVariantWithLegacyAliasSchema = z.enum([...headerVariantValues, ...legacyHeaderVariantValues]).transform((value) => value in legacyHeaderVariants ? legacyHeaderVariants[value] : value);
 const BREAKPOINT_LG = 1024;
@@ -8732,7 +8728,7 @@ const boxBackgroundSchema = z.discriminatedUnion("type", [
 	})
 ]);
 function normalizeAuthoringOpacity(value) {
-	if (!isRecord$17(value)) return value;
+	if (!isRecord$19(value)) return value;
 	return {
 		...value,
 		opacity: normalizeOpacity(value.opacity)
@@ -8741,7 +8737,7 @@ function normalizeAuthoringOpacity(value) {
 function normalizeOpacity(value) {
 	return typeof value === "number" && value > 1 && value <= 100 ? value / 100 : value;
 }
-function isRecord$17(value) {
+function isRecord$19(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -9077,7 +9073,6 @@ const navFontWeight = z.enum([
 	"bold"
 ]);
 const headerMaxWidth = z.enum(["container", "full"]);
-const headerBarFrame = z.enum(["full-bleed", "inset-shell"]);
 const headerBorderSchema = componentBorderSchema.extend({ position: z.enum([
 	"bottom",
 	"top",
@@ -9106,12 +9101,6 @@ const headerLogoTextSchema = z.object({
 	]).optional(),
 	hideOnShrink: z.boolean().optional()
 }).optional();
-const navEffectsSchema = z.object({
-	underlineGradient: z.boolean().default(false),
-	glow: z.boolean().default(false),
-	glowColor: z.string().optional(),
-	neumorphic: z.boolean().default(false)
-}).optional();
 const dropdownStyleSchema = z.object({
 	background: themeColorTokenSchema.default("surface"),
 	textColor: themeColorTokenSchema.default("text"),
@@ -9203,9 +9192,7 @@ const headerSchema = z.object({
 	positioning: headerPositioning,
 	shrinkOnScroll: z.boolean(),
 	maxWidth: headerMaxWidth,
-	barFrame: headerBarFrame.optional(),
 	scrollTreatment: headerScrollTreatmentSchema,
-	logoOverride: mediaSchema.nullable().optional(),
 	background: headerBackgroundSchema.default({
 		type: "color",
 		color: "surface"
@@ -9217,13 +9204,11 @@ const headerSchema = z.object({
 	navFontRole: z.enum(["body", "heading"]).optional(),
 	navTextSize: navLinkStyleSchema.shape.textSize,
 	interactionPalette: headerInteractionPaletteSchema.optional(),
-	navPlacement: z.enum(["end", "center"]).optional(),
 	container: headerContainerSchema,
 	border: headerBorderSchema,
 	shadow: componentShadowSchema.optional(),
 	logo: logoStyleSchema,
 	logoText: headerLogoTextSchema,
-	navEffects: navEffectsSchema,
 	navContainer: navContainerSchema,
 	navLinkStyle: navLinkStyleSchema.optional(),
 	ctaGap: headerCtaGapSchema.optional(),
@@ -9733,7 +9718,7 @@ function createEventSeriesPageSurfaceSubject(eventSeriesId, bookingScope) {
 	};
 }
 function parseEventPageSurfaceSubject(value) {
-	if (!isRecord$16(value)) return err({ kind: "notObject" });
+	if (!isRecord$18(value)) return err({ kind: "notObject" });
 	switch (value.kind) {
 		case "eventSeries": {
 			const eventSeriesId = parseEventSeriesId(value.eventSeriesId);
@@ -9778,7 +9763,7 @@ function parseEventPageSurfaceSubject(value) {
 		});
 	}
 }
-function isRecord$16(value) {
+function isRecord$18(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -10527,11 +10512,11 @@ const getImageUrl = (asset, params = {}, basePath = DEFAULT_BASE_PATH) => {
 };
 //#endregion
 //#region ../media-core/src/typeGuards.ts
-function isRecord$15(value) {
+function isRecord$17(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function asRecord$1(value) {
-	return isRecord$15(value) ? value : void 0;
+	return isRecord$17(value) ? value : void 0;
 }
 //#endregion
 //#region ../media-core/src/transformRect.ts
@@ -10644,6 +10629,37 @@ function rotateNormalizedPoint(point, rotation) {
 	}
 }
 //#endregion
+//#region ../media-core/src/mediaRefNormalizer.ts
+function looksLikeUuid(value) {
+	return typeof value === "string" && /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value);
+}
+/**
+* Strip environment-specific keys from a CMS media object.
+* @mutates Mutates the passed object in-place.
+*/
+function deleteEnvSpecificKeys(obj) {
+	delete obj.assetId;
+	delete obj.storageBucket;
+	delete obj.storagePath;
+	delete obj.src;
+	delete obj.mimeType;
+	if (looksLikeUuid(obj.id)) delete obj.id;
+}
+//#endregion
+//#region ../media-core/src/richTextImageCollector.ts
+function walkAndCollectImageAttrs(value, out, location = "") {
+	if (Array.isArray(value)) {
+		value.forEach((item, index) => walkAndCollectImageAttrs(item, out, `${location}[${index}]`));
+		return;
+	}
+	if (!isRecord$17(value)) return;
+	if (value.type === "image" && isRecord$17(value.attrs)) out.push({
+		attrs: value.attrs,
+		location: location ? `${location}.attrs` : "attrs"
+	});
+	for (const [key, child] of Object.entries(value)) walkAndCollectImageAttrs(child, out, location ? `${location}.${key}` : key);
+}
+//#endregion
 //#region ../media-core/src/renderableMediaAsset.ts
 function buildRenderableMediaAssetIndex(assets) {
 	if (!assets || assets.length === 0) return void 0;
@@ -12615,7 +12631,7 @@ function getSemanticIconComponent(name) {
 //#endregion
 //#region ../blocks/src/system/icons/value.ts
 const NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord$14(value) {
+function isRecord$16(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
@@ -12623,7 +12639,7 @@ function parseBlockIconValue(value) {
 		kind: "semantic",
 		iconId: value
 	};
-	if (!isRecord$14(value)) return NO_BLOCK_ICON_VALUE;
+	if (!isRecord$16(value)) return NO_BLOCK_ICON_VALUE;
 	switch (value.kind) {
 		case "none": return NO_BLOCK_ICON_VALUE;
 		case "semantic": return isSemanticIconId(value.iconId) ? {
@@ -12696,7 +12712,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$16(item)) return {
 			kind: "invalid_asset_entry",
 			index,
 			reason: "not_object"
@@ -12760,7 +12776,7 @@ function resolveBlockIconRenderValue(value, generatedAssets = /* @__PURE__ */ ne
 /**
 * Strict record guard: excludes null, primitives, and arrays.
 */
-function isRecord$13(value) {
+function isRecord$15(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /**
@@ -12862,15 +12878,78 @@ const PUBLIC_DOWNLOAD_MEDIA_TYPES = [
 ];
 //#endregion
 //#region ../blocks/src/system/manifest/fieldValidation/writeCanonicalization.ts
+function allGroupChildPlans(plan) {
+	return plan.childSelection.kind === "all" ? plan.childSelection.fields : plan.childSelection.tabs.flatMap((tab) => tab.fields);
+}
 function selectedGroupChildPlans(plan, value) {
 	if (plan.childSelection.kind === "all") return plan.childSelection.fields;
 	if (!isPlainObject$5(value)) return [];
 	const selectedType = value[plan.childSelection.activeTabField];
 	return plan.childSelection.tabs.find((tab) => tab.typeId === selectedType)?.fields ?? [];
 }
+function canonicalizeObjectForWrite(plans, value) {
+	if (!isPlainObject$5(value)) return value;
+	const canonical = { ...value };
+	for (const plan of plans) {
+		if (!(plan.fieldId in canonical)) continue;
+		canonical[plan.fieldId] = canonicalizeFieldValue(plan, canonical[plan.fieldId]);
+	}
+	return omitUndefined(canonical);
+}
+function canonicalizeFieldValue(plan, value) {
+	switch (plan.kind) {
+		case "media": return canonicalizeMedia(value);
+		case "group": return plan.childSelection.kind === "discriminatedTabs" ? canonicalizeDiscriminatedGroup(plan, value) : canonicalizeObjectForWrite(plan.childSelection.fields, value);
+		case "repeater": return canonicalizeRepeater(plan, value);
+		case "string":
+		case "number":
+		case "boolean":
+		case "richText":
+		case "inlineText":
+		case "link":
+		case "select":
+		case "passthrough": return value;
+	}
+}
+function canonicalizeMedia(value) {
+	if (!isPlainObject$5(value)) return value;
+	const canonical = { ...value };
+	if (mediaIdentifierSchema.safeParse(canonical.identifier).success) deleteEnvSpecificKeys(canonical);
+	return canonical;
+}
+function canonicalizeRepeater(plan, value) {
+	if (!isUnknownArray$2(value)) return value;
+	return value.map((item) => {
+		if (!isPlainObject$5(item)) return item;
+		const childPlans = plan.repeatedItemVariants ? plan.repeatedItemVariants.find((variant) => variant.typeId === item._type)?.fields : plan.repeatedItemPlan;
+		return childPlans ? canonicalizeObjectForWrite(childPlans, item) : item;
+	});
+}
+function canonicalizeDiscriminatedGroup(plan, value) {
+	if (!isPlainObject$5(value) || plan.childSelection.kind !== "discriminatedTabs") return value;
+	const selection = plan.childSelection;
+	const selectedPlans = selectedGroupChildPlans(plan, value);
+	const selectedIds = rootFieldIds(selectedPlans);
+	const allChildIds = rootFieldIds(allGroupChildPlans(plan));
+	const canonical = omitUndefined(canonicalizeObjectForWrite(selectedPlans, Object.fromEntries(Object.entries(value).filter(([key]) => key === selection.activeTabField || selectedIds.has(key) || !allChildIds.has(key)))));
+	if (plan.valueContract !== "boxBackground") return canonical;
+	const parsed = boxBackgroundSchema.safeParse(canonical);
+	return parsed.success ? parsed.data : canonical;
+}
+function rootFieldIds(plans) {
+	return new Set(plans.map((child) => child.fieldId.split(".")[0] ?? child.fieldId));
+}
+function omitUndefined(value) {
+	if (isUnknownArray$2(value)) return value.map(omitUndefined);
+	if (!isPlainObject$5(value)) return value;
+	return Object.fromEntries(Object.entries(value).filter(([, field]) => field !== void 0).map(([key, field]) => [key, omitUndefined(field)]));
+}
 function isPlainObject$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
+function isUnknownArray$2(value) {
+	return Array.isArray(value);
+}
 //#endregion
 //#region ../blocks/src/system/manifest/fieldValidation/index.ts
 const TEL_RE = /^[+()0-9\s-]{3,}$/;
@@ -12889,6 +12968,12 @@ function validationContext(options = {}) {
 		allowIncomplete: isDraft || (options.allowIncomplete ?? false)
 	};
 }
+function strictValidationContext(options = {}) {
+	return {
+		...validationContext(options),
+		allowNull: options.allowNull ?? false
+	};
+}
 function formatFieldPath(path) {
 	return path.map((segment) => String(segment)).join(".");
 }
@@ -13144,6 +13229,15 @@ function normalizeStoredContentValues(plans, content, options = {}) {
 	normalizeInlineTextFallbacks(plans, normalized, ctx);
 	return normalized;
 }
+/**
+* Produces the portable representation accepted by content persistence.
+* Runtime-hydrated media fields are stripped only when a canonical identifier
+* is already present; unresolved environment-specific references remain
+* invalid and must be handled by the site-scoped media write normalizer first.
+*/
+function normalizeManifestContentForWrite(plans, content, options = {}) {
+	return canonicalizeObjectForWrite(plans, normalizeStoredContentValues(plans, content, options));
+}
 function normalizeStoredFieldValueWithContext(plan, value, ctx) {
 	if (value === null && !plan.required) return;
 	switch (plan.kind) {
@@ -13477,6 +13571,14 @@ function fieldPlanToObjectPropertyZod(plan, options = {}) {
 		default: return assertNever$2(presence);
 	}
 }
+/** Validate stored field values without applying editor/write normalization. */
+function fieldPlanToStoredObjectPropertyZod(plan) {
+	const ctx = strictValidationContext({ allowNull: false });
+	const schema = z.any().superRefine((value, zodCtx) => {
+		for (const validationIssue of validateNormalizedFieldValue(plan, value, ctx)) addFieldIssueToZodContext(zodCtx, validationIssue, plan.path);
+	});
+	return plan.required ? schema : schema.optional();
+}
 function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
 	const message = fieldIssueToMessage(validationIssue);
 	const path = relativeZodIssuePath(validationIssue.path, rootPath);
@@ -13658,6 +13760,7 @@ function registerManifest(manifest) {
 }
 //#endregion
 //#region ../blocks/src/system/manifest/validation.ts
+const compiledManifestContentContract = Symbol("compiledManifestContentContract");
 /**
 * Preprocess content by converting empty values to undefined.
 * Used in draft mode to allow required fields to be temporarily empty.
@@ -13668,13 +13771,59 @@ function preprocessEmptyValues(content) {
 	for (const [key, value] of Object.entries(content)) result[key] = isEmptyValue(value) ? void 0 : value;
 	return result;
 }
-function createManifestValidator(manifestOrFields, options = {}) {
-	return createManifestValidatorWithNormalizer(manifestOrFields, options, normalizeStoredContentValues);
+/**
+* Compiles editor-facing manifest structure into the presentation-independent
+* validation contract used by every manifest-content trust transition.
+*/
+function compileManifestContentContract(manifestOrFields) {
+	const plans = derivePlansFromManifestOrFields(manifestOrFields);
+	const strictOptions = { allowNull: false };
+	const strictStoredSchema = deriveStrictStoredZodFromPlans(plans);
+	return Object.freeze({ [compiledManifestContentContract]: Object.freeze({
+		plans,
+		strictStoredSchema,
+		writeSchema: deriveNormalizedContentZodFromPlans(plans, strictOptions, normalizeManifestContentForWrite).transform((value) => canonicalizeObjectForWrite(plans, value)),
+		draftSchema: deriveNormalizedContentZodFromPlans(plans, {
+			allowNull: true,
+			allowIncomplete: true,
+			mode: "draft"
+		}, normalizeStoredContentValues),
+		renderSchema: strictStoredSchema,
+		findNonPortableMediaPaths: (content) => findNonPortableMediaPaths(plans, content)
+	}) });
 }
-function createManifestValidatorWithNormalizer(manifestOrFields, options, normalize) {
-	return createManifestValidatorFromPlans(derivePlansFromManifestOrFields(manifestOrFields), options, normalize);
+/** Validates raw editor state without granting a stored-content proof. */
+function validateManifestDraft(contract, data) {
+	const parsed = contract[compiledManifestContentContract].draftSchema.safeParse(data);
+	if (parsed.success) return {
+		kind: "previewable",
+		data,
+		issues: []
+	};
+	const [firstIssue, ...remainingIssues] = zodAdmissionIssues(parsed.error);
+	if (!firstIssue) throw new Error("Draft manifest validation failed without an issue");
+	return {
+		kind: "invalid",
+		data,
+		issues: [firstIssue, ...remainingIssues]
+	};
 }
-function createManifestValidatorFromPlans(plans, options, normalize) {
+/**
+* Re-admits renderable content after a transport boundary has erased its
+* compile-time proof. Unlike write admission, this never canonicalizes or
+* grants a stored proof, so hydrated media cannot flow back to persistence.
+*/
+function admitTransportedRenderableManifestContent(contract, content) {
+	const parsed = contract[compiledManifestContentContract].renderSchema.safeParse(content);
+	return parsed.success ? {
+		ok: true,
+		value: content
+	} : {
+		ok: false,
+		error: zodAdmissionError(parsed.error)
+	};
+}
+function deriveNormalizedContentZodFromPlans(plans, options, normalize) {
 	const isDraft = options.mode === "draft";
 	const baseSchema = deriveContentZodFromPlans(plans, options);
 	if (isDraft) return z.preprocess((content) => preprocessEmptyValues(normalize(plans, content, options)), baseSchema);
@@ -13685,9 +13834,81 @@ function deriveContentZodFromPlans(plans, options) {
 	for (const plan of plans) shape[plan.fieldId] = fieldPlanToObjectPropertyZod(plan, options);
 	return z.object(shape).catchall(z.unknown()).passthrough();
 }
+function deriveStrictStoredZodFromPlans(plans) {
+	const shape = {};
+	for (const plan of plans) shape[plan.fieldId] = fieldPlanToStoredObjectPropertyZod(plan);
+	return z.object(shape).catchall(z.unknown()).passthrough();
+}
 function derivePlansFromManifestOrFields(manifestOrFields) {
 	return deriveFieldValidationPlans(Array.isArray(manifestOrFields) ? manifestOrFields : manifestOrFields.fields ?? []);
 }
+function zodAdmissionError(error) {
+	return {
+		kind: "invalid_shape",
+		issues: zodAdmissionIssues(error)
+	};
+}
+function zodAdmissionIssues(error) {
+	return error.issues.map((issue) => ({
+		code: issue.code,
+		path: issue.path.map((segment) => typeof segment === "number" ? segment : String(segment)),
+		message: issue.message
+	}));
+}
+function findNonPortableMediaPaths(plans, content) {
+	const paths = /* @__PURE__ */ new Set();
+	collectNonPortablePlannedMedia(plans, content, [], paths);
+	return [...paths].sort();
+}
+function collectNonPortablePlannedMedia(plans, content, parentPath, paths) {
+	if (!isPlainRecord(content)) return;
+	for (const plan of plans) {
+		if (!(plan.fieldId in content)) continue;
+		const value = content[plan.fieldId];
+		const path = [...parentPath, plan.fieldId];
+		switch (plan.kind) {
+			case "media":
+				if (isPlainRecord(value) && hasEnvironmentSpecificMediaField(value)) paths.add(formatFieldPath(path));
+				break;
+			case "richText":
+				collectNonPortableRichTextImages(value, path, paths);
+				break;
+			case "group":
+				collectNonPortablePlannedMedia(selectedGroupChildPlans(plan, value), value, path, paths);
+				break;
+			case "repeater":
+				collectNonPortableRepeaterMedia(plan, value, path, paths);
+				break;
+			case "string":
+			case "number":
+			case "boolean":
+			case "inlineText":
+			case "link":
+			case "select":
+			case "passthrough": break;
+		}
+	}
+}
+function collectNonPortableRepeaterMedia(plan, value, path, paths) {
+	if (!Array.isArray(value)) return;
+	value.forEach((item, index) => {
+		if (!isPlainRecord(item)) return;
+		const childPlans = plan.repeatedItemVariants ? plan.repeatedItemVariants.find((variant) => variant.typeId === item._type)?.fields : plan.repeatedItemPlan;
+		if (childPlans) collectNonPortablePlannedMedia(childPlans, item, [...path, index], paths);
+	});
+}
+function collectNonPortableRichTextImages(value, path, paths) {
+	const images = [];
+	walkAndCollectImageAttrs(value, images);
+	const prefix = formatFieldPath(path);
+	for (const reference of images) if (hasEnvironmentSpecificMediaField(reference.attrs)) paths.add(reference.location ? `${prefix}.${reference.location}` : prefix);
+}
+function isPlainRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function hasEnvironmentSpecificMediaField(value) {
+	return "assetId" in value || "storageBucket" in value || "storagePath" in value || "src" in value || "mimeType" in value || looksLikeUuid(value.id);
+}
 //#endregion
 //#region ../blocks/src/system/manifest/variantKey.ts
 /**
@@ -16880,27 +17101,6 @@ function asHeaderStyleId(value) {
 	return value;
 }
 //#endregion
-//#region ../theme-core/src/site-styles/headerInteractionPalette.ts
-const clearSplitInteractionPalette = defineLookOptionGroup({
-	id: "interaction-palette",
-	label: "Hover colour",
-	defaultOptionId: "accent",
-	options: [
-		{
-			id: "accent",
-			label: "Accent"
-		},
-		{
-			id: "primary",
-			label: "Primary"
-		},
-		{
-			id: "secondary",
-			label: "Secondary"
-		}
-	]
-});
-//#endregion
 //#region ../theme-core/src/site-styles/headerLayoutCatalog.ts
 const titleOnlyLogoAccommodation = {
 	pattern: "title-only",
@@ -17060,43 +17260,37 @@ const headerStyleCatalog = defineExactCatalog()([
 		id: asHeaderStyleId("minimal"),
 		label: "Minimal",
 		description: "Quiet surface with simple color-change navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("fine-line"),
 		label: "Seamless",
 		description: "Borderless surface with underline hover for a quieter page transition.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("soft-bar"),
 		label: "Soft Bar",
 		description: "Soft tinted surface with gentle pill hover states.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("pill-nav"),
 		label: "Pill Nav",
 		description: "A calm pill navigation rail over a neutral header.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("brand-bar"),
 		label: "Brand Bar",
 		description: "Solid brand surface with high-contrast navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "brand-caps"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("brand-underline"),
 		label: "Brand Underline",
 		description: "Brand surface with underline-grow navigation.",
-		supportedLayoutIds: supportedLayouts(["classic"]),
-		navTypography: "brand-caps"
+		supportedLayoutIds: supportedLayouts(["classic"])
 	},
 	{
 		id: asHeaderStyleId("brand-pill"),
@@ -17106,73 +17300,78 @@ const headerStyleCatalog = defineExactCatalog()([
 			"classic",
 			"centered",
 			"floating"
-		]),
-		navTypography: "brand-caps"
+		])
 	},
 	{
 		id: asHeaderStyleId("brand-capsule"),
 		label: "Brand Capsule",
 		description: "Solid brand chrome designed as a floating capsule, with quiet-caps nav, a soft pill active state, and an inverted CTA pill.",
-		supportedLayoutIds: supportedLayouts(["classic"]),
-		navTypography: "quiet-caps"
+		supportedLayoutIds: supportedLayouts(["classic"])
 	},
 	{
 		id: asHeaderStyleId("serif-line"),
 		label: "Serif Line",
 		description: "Typographic logo treatment with understated underline navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "heading"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("flat-tabs"),
 		label: "Flat Tabs",
 		description: "Flat block hover and active states with a Swiss utility feel.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navTypography: "quiet-caps"
+		supportedLayoutIds: supportedLayouts(["classic", "centered"])
 	},
 	{
 		id: asHeaderStyleId("glass"),
 		label: "Glass",
 		description: "Translucent chrome with frosted navigation backing.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["floating"])
 	},
 	{
 		id: asHeaderStyleId("minimal-surface"),
 		label: "Clear Split",
 		description: "Floating logo with transparent navigation and no shared shell.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navTypography: "plain",
-		openingForegroundTarget: "all",
-		scrollTreatment: "contrast-glass",
-		interactionPalette: clearSplitInteractionPalette
+		supportedLayoutIds: supportedLayouts(["floating"])
 	},
 	{
 		id: asHeaderStyleId("soft-shell"),
 		label: "Soft Shell",
 		description: "Floating rounded shell with soft pill navigation states.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navTypography: "plain"
+		supportedLayoutIds: supportedLayouts(["floating"])
 	},
 	{
 		id: asHeaderStyleId("split-glass"),
 		label: "Split Glass",
 		description: "Logo floats independently while the navigation sits in a glass rail.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navTypography: "quiet-caps",
-		openingForegroundTarget: "brand-only"
+		supportedLayoutIds: supportedLayouts(["floating"])
 	},
 	{
 		id: asHeaderStyleId("split-pill"),
 		label: "Split Pill",
 		description: "Logo floats independently with a soft pill-backed navigation rail.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navTypography: "heading",
-		openingForegroundTarget: "brand-only"
+		supportedLayoutIds: supportedLayouts(["floating"])
 	}
 ]);
 new Map(headerLayoutCatalog.map((layout) => [layout.id, layout]));
 new Map(headerStyleCatalog.map((style) => [style.id, style]));
+defineLookOptionGroup({
+	id: "interaction-palette",
+	label: "Hover colour",
+	defaultOptionId: "accent",
+	options: [
+		{
+			id: "accent",
+			label: "Accent"
+		},
+		{
+			id: "primary",
+			label: "Primary"
+		},
+		{
+			id: "secondary",
+			label: "Secondary"
+		}
+	]
+});
 //#endregion
 //#region ../theme-core/src/site-styles/footerLooks.ts
 function asFooterLookId(value) {
@@ -27860,26 +28059,6 @@ const headerLogoTextVisibleTransform = {
 		return resolveHeaderBrandDisplay(asPartialObject(value)) !== "logo-only";
 	}
 };
-/**
-* Selects which classic-layout nav row should render.
-*
-* - `'inline'`  → classic variant with the historical logo-left / nav-right row
-* - `'centered'`→ classic variant with a centred (flex-1) nav and a right CTA
-* - `'other'`   → not a classic variant (centered/floating handle it)
-*
-* Consumed by the site-header block's `$when` gates so the two classic rows are
-* mutually exclusive without introducing a new top-level header variant.
-*/
-const classicNavModeTransform = {
-	id: "layout.classicNavMode",
-	kind: "formatter",
-	summary: "Resolve which classic-layout nav row to render",
-	run: (value) => {
-		const header = asPartialObject(value);
-		if (header?.variant !== "classic") return "other";
-		return header?.navPlacement === "center" ? "centered" : "inline";
-	}
-};
 const maxWidthClassTransform = {
 	id: "layout.maxWidthClass",
 	kind: "string",
@@ -27985,7 +28164,6 @@ const headerRootClassTransform = {
 		if (isHeaderScrollRuntimeEnabled(content)) classes.push(config.shrink);
 		const variant = header?.variant;
 		if (variant && headerVariantValues.includes(variant)) classes.push(`header-variant-${variant}`);
-		if (header?.barFrame === "inset-shell" && variant === "classic") classes.push("header-bar-frame-inset-shell");
 		return joinClasses$2(classes);
 	}
 };
@@ -28193,7 +28371,6 @@ const layoutTransforms = [
 	headerLogoClassTransform,
 	headerLogoMediaClassTransform,
 	headerLogoTextVisibleTransform,
-	classicNavModeTransform,
 	footerRootClassTransform,
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
@@ -28275,16 +28452,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$13(viewModel)) return null;
+	if (!isRecord$15(viewModel)) return null;
 	const site = viewModel.site;
-	if (isRecord$13(site) && typeof site.title === "string") {
+	if (isRecord$15(site) && typeof site.title === "string") {
 		const title = site.title.trim();
 		return title.length > 0 ? title : null;
 	}
 	const root = viewModel.$root;
-	if (isRecord$13(root)) {
+	if (isRecord$15(root)) {
 		const rootSite = root.site;
-		if (isRecord$13(rootSite) && typeof rootSite.title === "string") {
+		if (isRecord$15(rootSite) && typeof rootSite.title === "string") {
 			const title = rootSite.title.trim();
 			if (title.length > 0) return title;
 		}
@@ -28306,7 +28483,7 @@ function replaceTokenText(input, allowedTokens, tokenValues) {
 	});
 }
 function visitRichTextNode(node, allowedTokens, tokenValues) {
-	if (!isRecord$13(node)) return node;
+	if (!isRecord$15(node)) return node;
 	let changed = false;
 	const nextNode = { ...node };
 	if (nextNode.type === "text" && typeof nextNode.text === "string") {
@@ -28327,7 +28504,7 @@ function visitRichTextNode(node, allowedTokens, tokenValues) {
 	return changed ? nextNode : node;
 }
 function interpolateRichTextTokens(value, options, context) {
-	if (!isRecord$13(value)) return value;
+	if (!isRecord$15(value)) return value;
 	return visitRichTextNode(value, new Set(options.tokens), {
 		year: String((/* @__PURE__ */ new Date()).getFullYear()),
 		site_name: getSiteName(context)
@@ -28608,18 +28785,7 @@ const classicLayout = inline({
 	logoRow,
 	createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
 	headerCta
-], whenTransformed("$root.theme.header", "layout.classicNavMode", "inline"));
-const classicCenteredNavLayout = inline({
-	className: bindProp("$root.theme.header.maxWidth", {
-		transforms: pipe(tx("layout.maxWidthClass", { base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6` })),
-		fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
-	}),
-	align: "center"
-}, [
-	logoRow,
-	createNavRow(`rb-flex-1 rb-justify-center ${desktopOnlyDisplay("flex")} rb-gap-6`, "center"),
-	headerCta
-], whenTransformed("$root.theme.header", "layout.classicNavMode", "centered"));
+], when("$root.theme.header.variant", { equals: "classic" }));
 const centeredLayout = stack({
 	gap: "md",
 	align: "center",
@@ -28684,7 +28850,6 @@ const siteHeaderManifest = createBlockManifest({
 	}, [
 		mobileHeaderBar,
 		classicLayout,
-		classicCenteredNavLayout,
 		centeredLayout,
 		floatingLayout,
 		mobileOverlay
@@ -31719,11 +31884,11 @@ function planEventRegistrationScope(input) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/destination.ts
-function isRecord$12(value) {
+function isRecord$14(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isRuntimeEventDestination(value) {
-	if (!isRecord$12(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$14(value) || typeof value.kind !== "string") return false;
 	if (value.kind === "native") return (value.mode === "cms-managed" || value.mode === "system-managed") && typeof value.path === "string";
 	return value.kind === "external" && typeof value.url === "string" && typeof value.label === "string";
 }
@@ -31786,15 +31951,15 @@ function resolveRuntimeEventPricing(event) {
 function readCurrency(value) {
 	return typeof value === "string" && value.trim().length > 0 ? value : DEFAULT_EVENT_CURRENCY;
 }
-function isRecord$11(value) {
+function isRecord$13(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPublicEventPricing(value) {
-	if (!isRecord$11(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$13(value) || typeof value.kind !== "string") return false;
 	return value.kind === "drop_in" || value.kind === "free_registration" || value.kind === "single_paid" || value.kind === "sliding_scale" || value.kind === "ticket_types" || value.kind === "whole_series" || value.kind === "external";
 }
 function isPublicEventTicketType(value) {
-	return isRecord$11(value) && typeof value.id === "string";
+	return isRecord$13(value) && typeof value.id === "string";
 }
 function readTicketTypePriceDisplay(value, currency) {
 	const display = readLegacyPriceDisplay(value, currency);
@@ -31804,7 +31969,7 @@ function readTicketTypePriceDisplay(value, currency) {
 	} : display;
 }
 function readLegacyPriceDisplay(value, currency) {
-	if (!isRecord$11(value) || typeof value.kind !== "string") return {
+	if (!isRecord$13(value) || typeof value.kind !== "string") return {
 		kind: "unavailable",
 		currency
 	};
@@ -31856,7 +32021,7 @@ function readLegacyPriceDisplay(value, currency) {
 			kind: "unavailable",
 			currency: displayCurrency
 		};
-		case "whole_series": return isRecord$11(value.display) ? {
+		case "whole_series": return isRecord$13(value.display) ? {
 			kind: "whole_series",
 			display: readCoursePriceDisplay(value.display, displayCurrency)
 		} : {
@@ -32317,14 +32482,14 @@ const eventRegistrationBlockRuntime = defineClientOwnedBlockRuntime({
 	}
 });
 function normalizeEventRegistrationEventInput(value) {
-	if (!isRecord$10(value)) return value;
+	if (!isRecord$12(value)) return value;
 	return {
 		...value,
 		destination: resolveRuntimeEventDestination(value),
 		pricing: resolveRuntimeEventPricing(value)
 	};
 }
-function isRecord$10(value) {
+function isRecord$12(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildEventRegistrationInteractiveIslandProps(props) {
@@ -33015,67 +33180,49 @@ const MONTH_NAMES = [
 	"November",
 	"December"
 ];
-/** Format a date as YYYY-MM-DD using the runtime's local timezone. */
 function formatDateKey(date) {
-	return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+	return `${String(date.year).padStart(4, "0")}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
 }
-/**
-* True when `date` and `now` are the same local calendar day.
-* `now` defaults to `new Date()` so casual callers don't need to thread it,
-* but tests and snapshot-rendering should pass an explicit value.
-*/
-function isToday(date, now = /* @__PURE__ */ new Date()) {
-	return isSameLocalDay(date, now);
+function isToday(date, today) {
+	return isSameCalendarDay(date, today);
 }
-/** True when two dates fall on the same local calendar day. */
-function isSameLocalDay(left, right) {
-	return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth() && left.getDate() === right.getDate();
+function isSameCalendarDay(left, right) {
+	return left.year === right.year && left.month === right.month && left.day === right.day;
+}
+function addDays(date, days) {
+	const result = new Date(Date.UTC(date.year, date.month - 1, date.day + days, 12));
+	return {
+		year: result.getUTCFullYear(),
+		month: result.getUTCMonth() + 1,
+		day: result.getUTCDate()
+	};
 }
-/**
-* Build the calendar days for a month view. Returns 42 dates (6 rows × 7
-* days) including padding from prior/next months for a stable grid.
-*/
 function getMonthCalendarDays(year, month, startOfWeek) {
-	const firstDayOfMonth = new Date(year, month, 1);
-	const lastDayOfMonth = new Date(year, month + 1, 0);
-	let startOffset = firstDayOfMonth.getDay();
-	if (startOfWeek === "monday") startOffset = startOffset === 0 ? 6 : startOffset - 1;
-	const days = [];
-	for (let i = startOffset - 1; i >= 0; i--) days.push(new Date(year, month, -i));
-	for (let day = 1; day <= lastDayOfMonth.getDate(); day++) days.push(new Date(year, month, day));
-	while (days.length < 42) {
-		const nextDay = days.length - startOffset - lastDayOfMonth.getDate() + 1;
-		days.push(new Date(year, month + 1, nextDay));
-	}
-	return days;
+	const firstDay = {
+		year,
+		month,
+		day: 1
+	};
+	const dayOfWeek = getDayOfWeek(firstDay);
+	const gridStart = addDays(firstDay, -(startOfWeek === "monday" ? dayOfWeek === 0 ? 6 : dayOfWeek - 1 : dayOfWeek));
+	return Array.from({ length: 42 }, (_, index) => addDays(gridStart, index));
 }
-/** Build the 7 dates of the week containing `baseDate`. */
 function getWeekCalendarDays(baseDate, startOfWeek) {
-	const days = [];
-	const dayOfWeek = baseDate.getDay();
-	const daysToStart = startOfWeek === "monday" ? dayOfWeek === 0 ? 6 : dayOfWeek - 1 : dayOfWeek;
-	const weekStart = new Date(baseDate);
-	weekStart.setDate(baseDate.getDate() - daysToStart);
-	for (let i = 0; i < 7; i++) {
-		const date = new Date(weekStart);
-		date.setDate(weekStart.getDate() + i);
-		days.push(date);
-	}
-	return days;
+	const dayOfWeek = getDayOfWeek(baseDate);
+	const weekStart = addDays(baseDate, -(startOfWeek === "monday" ? dayOfWeek === 0 ? 6 : dayOfWeek - 1 : dayOfWeek));
+	return Array.from({ length: 7 }, (_, index) => addDays(weekStart, index));
+}
+function getDayOfWeek(date) {
+	return new Date(Date.UTC(date.year, date.month - 1, date.day, 12)).getUTCDay();
 }
-/** Build the 7 dates of the week containing `baseDate` as a fixed-width tuple. */
 function getWeekCalendarDayTuple(baseDate, startOfWeek) {
 	const days = getWeekCalendarDays(baseDate, startOfWeek);
 	assertWeekCalendarDays(days);
 	return days;
 }
 function assertWeekCalendarDays(days) {
-	if (days.length !== 7) throw new Error("Expected week calendar helper to return exactly 7 days");
+	if (days.length !== 7) throw new Error("Expected exactly 7 calendar days");
 }
-/**
-* Day-name labels reordered for the chosen week start. Pass a custom
-* `dayNames` array (length 7, Sunday-first) to localize.
-*/
 function getOrderedDayNames(startOfWeek, dayNames = DAY_NAMES) {
 	if (startOfWeek === "monday") {
 		const sunday = dayNames[0] ?? "Sun";
@@ -33083,22 +33230,17 @@ function getOrderedDayNames(startOfWeek, dayNames = DAY_NAMES) {
 	}
 	return [...dayNames];
 }
-/**
-* Header title for a calendar view.
-*   - month: "January 2025"
-*   - week:  "January 5 - 11, 2025" or "December 30 - January 5, 2025"
-*/
 function formatCalendarTitle(viewDate, view, days, monthNames = MONTH_NAMES) {
 	if (view === "week") {
 		const weekStart = days[0];
 		const weekEnd = days[6];
-		if (weekStart === void 0 || weekEnd === void 0) return `${monthNames[viewDate.getMonth()] ?? ""} ${viewDate.getFullYear()}`;
-		const startMonth = monthNames[weekStart.getMonth()] ?? "";
-		const endMonth = monthNames[weekEnd.getMonth()] ?? "";
-		if (weekStart.getMonth() === weekEnd.getMonth()) return `${startMonth} ${weekStart.getDate()} - ${weekEnd.getDate()}, ${weekEnd.getFullYear()}`;
-		return `${startMonth} ${weekStart.getDate()} - ${endMonth} ${weekEnd.getDate()}, ${weekEnd.getFullYear()}`;
+		if (weekStart === void 0 || weekEnd === void 0) return `${monthNames[viewDate.month - 1] ?? ""} ${viewDate.year}`;
+		const startMonth = monthNames[weekStart.month - 1] ?? "";
+		const endMonth = monthNames[weekEnd.month - 1] ?? "";
+		if (weekStart.month === weekEnd.month) return `${startMonth} ${weekStart.day} - ${weekEnd.day}, ${weekEnd.year}`;
+		return `${startMonth} ${weekStart.day} - ${endMonth} ${weekEnd.day}, ${weekEnd.year}`;
 	}
-	return `${monthNames[viewDate.getMonth()] ?? ""} ${viewDate.getFullYear()}`;
+	return `${monthNames[viewDate.month - 1] ?? ""} ${viewDate.year}`;
 }
 function buildCalendarViewport(input) {
 	const monthNames = input.monthNames ?? MONTH_NAMES;
@@ -33108,10 +33250,10 @@ function buildCalendarViewport(input) {
 			kind: "week",
 			anchorDate: input.anchorDate,
 			days,
-			title: formatCalendarTitle(input.anchorDate, "week", [...days], monthNames)
+			title: formatCalendarTitle(input.anchorDate, "week", days, monthNames)
 		};
 	}
-	const days = getMonthCalendarDays(input.anchorDate.getFullYear(), input.anchorDate.getMonth(), input.startOfWeek);
+	const days = getMonthCalendarDays(input.anchorDate.year, input.anchorDate.month, input.startOfWeek);
 	return {
 		kind: "month",
 		anchorDate: input.anchorDate,
@@ -33259,13 +33401,12 @@ function buildTimetableModel$1(input) {
 	const bounds = resolveBounds(input.bounds);
 	const viewportDays = getTimetableDays(input.viewDate, input.view ?? "week", input.startOfWeek);
 	const viewportKeys = new Set(viewportDays.map(formatDateKey));
-	const now = input.now ?? /* @__PURE__ */ new Date();
 	const parsed = parseAllItems(input.items, input);
 	const inViewport = deriveVisibleSegments(parsed.drafts, viewportKeys);
 	const hourRange = resolveHourRange(inViewport, bounds);
 	const laid = layoutCellsByDate(inViewport, hourRange, bounds);
 	return {
-		days: assembleDays(viewportDays, laid.cellsByDate, now),
+		days: assembleDays(viewportDays, laid.cellsByDate, input.today),
 		hourTicks: buildHourTicks(hourRange.startHour, hourRange.endHour),
 		startHour: hourRange.startHour,
 		endHour: hourRange.endHour,
@@ -33322,13 +33463,13 @@ function layoutCellsByDate(segments, hourRange, bounds) {
 		diagnostics
 	};
 }
-function assembleDays(viewportDays, cellsByDate, now) {
+function assembleDays(viewportDays, cellsByDate, today) {
 	return viewportDays.map((date) => {
 		const dateKey = formatDateKey(date);
 		return {
 			date,
 			dateKey,
-			isToday: isSameLocalDay(date, now),
+			isToday: isSameCalendarDay(date, today),
 			cells: cellsByDate.get(dateKey) ?? []
 		};
 	});
@@ -33480,13 +33621,12 @@ function getTimetableDays(viewDate, view, startOfWeek) {
 function enumerateDateKeys(startDateKey, endDateKey) {
 	if (startDateKey > endDateKey) throw new Error(`Invalid timetable date range: ${startDateKey} is after ${endDateKey}`);
 	const start = parseDateKey(startDateKey);
-	const end = parseDateKey(endDateKey);
+	parseDateKey(endDateKey);
 	const keys = [];
-	const cursor = new Date(start.year, start.month - 1, start.day);
-	const endDate = new Date(end.year, end.month - 1, end.day);
-	while (cursor.getTime() <= endDate.getTime()) {
+	let cursor = start;
+	while (formatDateKey(cursor) <= endDateKey) {
 		keys.push(formatDateKey(cursor));
-		cursor.setDate(cursor.getDate() + 1);
+		cursor = addDays(cursor, 1);
 	}
 	return keys;
 }
@@ -33711,10 +33851,10 @@ function formatEventTeacherLine(event) {
 * timezone). Thin domain wrapper over `groupItemsByDate` from the calendar
 * package; preserves the historical `Map<string, PublicEvent[]>` shape.
 */
-function groupEventsByDate(events) {
+function groupEventsByDate(events, calendarTimeZone) {
 	const grouped = groupItemsByDate(events, {
 		getStartsAt: (event) => event.startsAt,
-		getTimeZone: (event) => event.timeZone ?? "UTC"
+		getTimeZone: () => calendarTimeZone
 	});
 	const map = /* @__PURE__ */ new Map();
 	for (const [dateKey, bucket] of grouped) map.set(dateKey, [...bucket]);
@@ -35445,7 +35585,8 @@ const eventCollectionSourceSchemaShape = {
 	buttonVariant: eventButtonVariantSchema.optional(),
 	buttonText: z.string().optional(),
 	emptyMessage: z.string().optional(),
-	className: z.string().optional()
+	className: z.string().optional(),
+	bookingTimeZone: z.string().optional()
 };
 const eventCollectionDisplaySchemaShape = {
 	events: z.array(publicEventSchema),
@@ -35480,7 +35621,15 @@ const eventCollectionHydrationSchema = z.object({
 	prefetchedEvents: z.boolean(),
 	eventSurface: eventSurfaceScopeSchema$1,
 	filterEventPresets: z.string().nullable(),
-	scheduleScope: eventScheduleScopeSchema$1
+	scheduleScope: eventScheduleScopeSchema$1,
+	calendarContext: z.object({
+		timeZone: z.string().transform(toBookingTimeZone),
+		initialToday: z.object({
+			year: z.number().int(),
+			month: z.number().int().min(1).max(12),
+			day: z.number().int().min(1).max(31)
+		})
+	})
 });
 function buildEventCollectionDisplay(source) {
 	return {
@@ -35525,14 +35674,19 @@ function buildEventCollectionPresentationDisplay(source) {
 		emptyMessage: source.emptyMessage ?? "No upcoming events scheduled."
 	};
 }
-function buildEventCollectionHydration(source) {
+function buildEventCollectionHydration(source, now = /* @__PURE__ */ new Date()) {
+	const timeZone = toBookingTimeZone(source.bookingTimeZone);
 	return {
 		siteId: source.siteId,
 		stage: source.stage,
 		prefetchedEvents: source.events != null,
 		eventSurface: normalizeEventSurfaceScope(source.eventSurface),
 		filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
-		scheduleScope: normalizeEventScheduleScope(source.scheduleScope)
+		scheduleScope: normalizeEventScheduleScope(source.scheduleScope),
+		calendarContext: {
+			timeZone,
+			initialToday: getLocalScheduleDate(now, timeZone)
+		}
 	};
 }
 function buildEventCollectionListingDisplay(display, prefetchedEvents, className) {
@@ -37650,7 +37804,7 @@ function inferLegacyOfferingsPreviewGroupOrder(overrides) {
 	return keys.length >= 2 ? keys : [];
 }
 function normalizeOfferingsPreviewContentForWrite(value) {
-	if (!isRecord$9(value)) return null;
+	if (!isRecord$11(value)) return null;
 	const groupOrderValue = value.groupOrder;
 	if (Array.isArray(groupOrderValue)) {
 		const normalized = normalizeOfferingsPreviewGroupOrder(groupOrderValue);
@@ -37663,7 +37817,7 @@ function normalizeOfferingsPreviewContentForWrite(value) {
 		...value,
 		groupOrder: []
 	};
-	const legacyOrder = inferLegacyOfferingsPreviewGroupOrder(Array.isArray(value.groupOverrides) ? value.groupOverrides.filter(isRecord$9) : []);
+	const legacyOrder = inferLegacyOfferingsPreviewGroupOrder(Array.isArray(value.groupOverrides) ? value.groupOverrides.filter(isRecord$11) : []);
 	return legacyOrder.length > 0 ? {
 		...value,
 		groupOrder: legacyOrder
@@ -37728,7 +37882,7 @@ function uniqueOfferingsPreviewSourceKeys(values) {
 	}
 	return keys;
 }
-function isRecord$9(value) {
+function isRecord$11(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function mergeOrderedKeysWithDefaults(orderedKeys, defaultKeys) {
@@ -38183,7 +38337,7 @@ function isOfferingsPreviewItemLimit(value) {
 	return value === "1" || value === "2" || value === "3" || value === "4" || value === "5" || value === "6" || value === null;
 }
 function normalizeOfferingsPreviewGroupOverride(value) {
-	if (!isRecord$8(value)) return [];
+	if (!isRecord$10(value)) return [];
 	const override = {};
 	if (isOfferingsPreviewSourceKey(value.sourceKey) || value.sourceKey === null) override.sourceKey = value.sourceKey;
 	if (typeof value.title === "string" || value.title === null) override.title = value.title;
@@ -38206,7 +38360,7 @@ function normalizeSectionStylesContent(value) {
 }
 function normalizeBoxStylesContent(value) {
 	if (value === null) return null;
-	if (!isRecord$8(value)) return void 0;
+	if (!isRecord$10(value)) return void 0;
 	const { background: _background, ...rest } = value;
 	const background = parseBackgroundContent(value.background);
 	return {
@@ -38214,7 +38368,7 @@ function normalizeBoxStylesContent(value) {
 		...background ? { background } : {}
 	};
 }
-function isRecord$8(value) {
+function isRecord$10(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 const embedManifest = createBlockManifest({
@@ -41521,6 +41675,23 @@ function deriveNewsletterSignupRuntimeSource(values) {
 		tags: parseTrimmedString(normalized.tags)
 	};
 }
+function sanitizeNewsletterSignupPublicContent(content) {
+	if (!isRecord$9(content)) return content;
+	const provider = parseNewsletterSignupDestinationProvider(content.destinationProvider) ?? getProviderFromExplicitDestination(content.destination);
+	const { destination: _destination, destinationProvider: _destinationProvider, mailchimpAudienceId: _mailchimpAudienceId, mailchimpTags: _mailchimpTags, listId, tags, ...publicContent } = content;
+	const mutablePublicContent = { ...publicContent };
+	if (provider !== "mailchimp") {
+		if ("listId" in content) mutablePublicContent.listId = listId;
+		if ("tags" in content) mutablePublicContent.tags = tags;
+	}
+	return mutablePublicContent;
+}
+function getProviderFromExplicitDestination(destination) {
+	if (!isRecord$9(destination) || typeof destination.tag !== "string") return null;
+	if (destination.tag === "riverbank_list") return "riverbank";
+	if (destination.tag === "mailchimp_audience") return "mailchimp";
+	return null;
+}
 const BLOCK_ID_PATTERN = /^[A-Za-z0-9._:-]{1,200}$/;
 const SIGNED_DESTINATION_REF_PATTERN = /^[A-Za-z0-9._~-]{16,1000}$/;
 function parseTrimmedString(value) {
@@ -41528,6 +41699,9 @@ function parseTrimmedString(value) {
 	const trimmed = value.trim();
 	return trimmed.length > 0 ? trimmed : null;
 }
+function isRecord$9(value) {
+	return typeof value === "object" && value !== null;
+}
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/newsletter-form.types.ts
 /**
@@ -43796,7 +43970,7 @@ const defaultTransforms = createTransformRegistry([
 //#region ../blocks/src/system/data/linkedContentEntries.ts
 const LINKED_CONTENT_ENTRY_META_KEY = "__rbLinkedContentEntry";
 function coerceLinkedContentEntriesPayload(payload) {
-	if (!isRecord$7(payload)) return payload;
+	if (!isRecord$8(payload)) return payload;
 	const response = payload;
 	if (!Array.isArray(response.entries)) return payload;
 	const contentType = parsePublicContentTypeMeta(response.contentType);
@@ -43804,16 +43978,16 @@ function coerceLinkedContentEntriesPayload(payload) {
 	return response.entries.map((entry) => enrichLinkedContentEntry(entry, contentType));
 }
 function getLinkedContentEntryMeta(value) {
-	if (!isRecord$7(value)) return null;
+	if (!isRecord$8(value)) return null;
 	const candidate = value[LINKED_CONTENT_ENTRY_META_KEY];
 	return isLinkedContentEntryMeta(candidate) ? candidate : null;
 }
 function buildLinkedContentEditTarget(input) {
 	const { entry, sourceBlockId, sourceBlockKind, itemIndex } = input;
-	if (!isRecord$7(entry)) return null;
+	if (!isRecord$8(entry)) return null;
 	const meta = getLinkedContentEntryMeta(entry);
 	if (!meta || meta.support.kind !== "supported") return null;
-	const content = isRecord$7(entry.content) ? entry.content : {};
+	const content = isRecord$8(entry.content) ? entry.content : {};
 	return {
 		kind: "linked-content-entry",
 		entryId: meta.entryId,
@@ -43877,12 +44051,12 @@ function resolveLinkedEntryInlineFieldEligibility(input) {
 	};
 }
 function enrichLinkedContentEntry(entry, contentType) {
-	if (!isRecord$7(entry)) return entry;
+	if (!isRecord$8(entry)) return entry;
 	const entryId = typeof entry.id === "string" ? entry.id : null;
 	if (!entryId) return entry;
 	const title = typeof entry.title === "string" && entry.title.trim().length > 0 ? entry.title : entryId;
 	const optimisticHash = typeof entry.optimisticHash === "string" && entry.optimisticHash.length > 0 ? entry.optimisticHash : null;
-	const content = isRecord$7(entry.content) ? entry.content : {};
+	const content = isRecord$8(entry.content) ? entry.content : {};
 	const meta = {
 		kind: "linked-content-entry",
 		entryId,
@@ -43978,7 +44152,7 @@ function capitalize(value) {
 	return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
 }
 function parsePublicContentTypeMeta(value) {
-	if (!isRecord$7(value)) return null;
+	if (!isRecord$8(value)) return null;
 	if (typeof value.key !== "string" || value.key.trim().length === 0) return null;
 	return {
 		key: value.key,
@@ -43988,7 +44162,7 @@ function parsePublicContentTypeMeta(value) {
 	};
 }
 function parsePublicContentTypeLinkedEntryEditing(value) {
-	if (!isRecord$7(value) || typeof value.kind !== "string") return null;
+	if (!isRecord$8(value) || typeof value.kind !== "string") return null;
 	switch (value.kind) {
 		case "generic": return { kind: "generic" };
 		case "unsupported-domain-backed": return {
@@ -43999,7 +44173,7 @@ function parsePublicContentTypeLinkedEntryEditing(value) {
 	}
 }
 function parsePublicContentTypeFieldMeta(value) {
-	if (!isRecord$7(value)) return [];
+	if (!isRecord$8(value)) return [];
 	if (typeof value.id !== "string" || typeof value.type !== "string") return [];
 	return [{
 		id: value.id,
@@ -44014,14 +44188,14 @@ function parseStringArray(value) {
 	return value.filter((item) => typeof item === "string");
 }
 function isLinkedContentEntryMeta(value) {
-	if (!isRecord$7(value)) return false;
+	if (!isRecord$8(value)) return false;
 	if (value.kind !== "linked-content-entry") return false;
 	if (typeof value.entryId !== "string") return false;
 	if (typeof value.contentTypeKey !== "string") return false;
 	if (typeof value.contentTypeLabel !== "string") return false;
 	if (typeof value.title !== "string") return false;
 	if (!(value.optimisticHash === null || typeof value.optimisticHash === "string")) return false;
-	if (!isRecord$7(value.contentType)) return false;
+	if (!isRecord$8(value.contentType)) return false;
 	if (!isLinkedEntryFieldSourceArray(value.fieldSources)) return false;
 	return isLinkedContentEditSupport(value.support);
 }
@@ -44029,7 +44203,7 @@ function isLinkedEntryFieldSourceArray(value) {
 	return Array.isArray(value) && value.every(isLinkedEntryFieldSource);
 }
 function isLinkedEntryFieldSource(value) {
-	if (!isRecord$7(value)) return false;
+	if (!isRecord$8(value)) return false;
 	if (typeof value.displayPath !== "string") return false;
 	switch (value.kind) {
 		case "content-field": return typeof value.fieldPath === "string" && (value.fieldType === "text" || value.fieldType === "richText");
@@ -44050,7 +44224,7 @@ function isLinkedEntryInlineFieldReadOnlyReason(value) {
 	}
 }
 function isLinkedContentEditSupport(value) {
-	if (!isRecord$7(value) || typeof value.kind !== "string") return false;
+	if (!isRecord$8(value) || typeof value.kind !== "string") return false;
 	switch (value.kind) {
 		case "supported": return true;
 		case "unsupported-domain-backed":
@@ -44059,7 +44233,7 @@ function isLinkedContentEditSupport(value) {
 		default: return false;
 	}
 }
-function isRecord$7(value) {
+function isRecord$8(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -44156,11 +44330,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$6(value) {
+function isRecord$7(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPathContainer(value) {
-	return Array.isArray(value) || isRecord$6(value);
+	return Array.isArray(value) || isRecord$7(value);
 }
 function getContainerValue(container, segment) {
 	if (typeof segment === "number") return Array.isArray(container) ? container[segment] : void 0;
@@ -45621,12 +45795,12 @@ function toTrimmedString(value) {
 	return trimmed ? trimmed : void 0;
 }
 function normalizeBookingFormConfig(form) {
-	if (!isRecord$5(form)) return null;
+	if (!isRecord$6(form)) return null;
 	const id = readNonEmptyString(form.id);
 	const name = readNonEmptyString(form.name);
 	if (!id || !name) return null;
-	const schemaSource = isRecord$5(form.schema) ? form.schema : isRecord$5(form.schemaJson) ? form.schemaJson : null;
-	const settingsSource = isRecord$5(form.settings) ? form.settings : isRecord$5(form.settingsJson) ? form.settingsJson : null;
+	const schemaSource = isRecord$6(form.schema) ? form.schema : isRecord$6(form.schemaJson) ? form.schemaJson : null;
+	const settingsSource = isRecord$6(form.settings) ? form.settings : isRecord$6(form.settingsJson) ? form.settingsJson : null;
 	return {
 		id,
 		name,
@@ -45646,8 +45820,8 @@ function normalizeBookingServices(services) {
 	};
 	if (!services) return [];
 	if (Array.isArray(services)) return services.filter(isBookingFormService).map(normalizeService);
-	if (isRecord$5(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
-	return isRecord$5(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
+	if (isRecord$6(services) && "services" in services) return Array.isArray(services.services) ? services.services.filter(isBookingFormService).map(normalizeService) : [];
+	return isRecord$6(services) ? Object.values(services).filter(isBookingFormService).map(normalizeService) : [];
 }
 function normalizeBookingSchema(value) {
 	if (!value) return void 0;
@@ -45658,7 +45832,7 @@ function normalizeBookingSchema(value) {
 	};
 }
 function readBookingFormField(value) {
-	if (!isRecord$5(value)) return null;
+	if (!isRecord$6(value)) return null;
 	const id = readNonEmptyString(value.id);
 	const label = readNonEmptyString(value.label);
 	const type = readBookingFieldType(value.type);
@@ -45701,7 +45875,7 @@ function readBookingFieldOptions(value) {
 	return options.length > 0 ? options : void 0;
 }
 function readBookingFieldOption(value) {
-	if (!isRecord$5(value)) return null;
+	if (!isRecord$6(value)) return null;
 	const optionValue = readNonEmptyString(value.value);
 	const label = readNonEmptyString(value.label);
 	return optionValue && label ? {
@@ -45721,7 +45895,7 @@ function normalizeBookingSettings(value) {
 	};
 }
 function isBookingFormService(value) {
-	return isRecord$5(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
+	return isRecord$6(value) && typeof value.id === "string" && typeof value.siteId === "string" && typeof value.title === "string" && (value.consent === void 0 || blockBookingConsentSchema.safeParse(value.consent).success);
 }
 function readNonEmptyString(value) {
 	if (typeof value !== "string") return null;
@@ -45739,7 +45913,7 @@ function readStringArray(value) {
 	const strings = value.filter((item) => typeof item === "string");
 	return strings.length > 0 ? strings : void 0;
 }
-function isRecord$5(value) {
+function isRecord$6(value) {
 	return typeof value === "object" && value !== null;
 }
 //#endregion
@@ -46154,7 +46328,8 @@ function isOrdinaryEvent(event) {
 function deriveWholeSeriesPhase(sessions, nowIso) {
 	const now = Date.parse(nowIso);
 	if (now < Date.parse(sessions[0].startsAt)) return "upcoming";
-	return now <= Date.parse(sessions.at(-1)?.endsAt ?? sessions[0].endsAt) ? "inProgress" : "completed";
+	const finalSession = sessions[sessions.length - 1] ?? sessions[0];
+	return now <= Date.parse(finalSession.endsAt) ? "inProgress" : "completed";
 }
 function selectRelatedDates(input) {
 	if (!input.seriesId) return [];
@@ -48276,9 +48451,9 @@ const FULL_DAY_NAMES$1 = [
 * @returns "Monday, January 13"
 */
 function formatAgendaDayHeader(date) {
-	const dayName = FULL_DAY_NAMES$1[date.getDay()];
-	const monthName = MONTH_NAMES[date.getMonth()];
-	return `${dayName ?? "Day"}, ${monthName ?? "Month"} ${date.getDate()}`;
+	const dayName = FULL_DAY_NAMES$1[getDayOfWeek(date)];
+	const monthName = MONTH_NAMES[date.month - 1];
+	return `${dayName ?? "Day"}, ${monthName ?? "Month"} ${date.day}`;
 }
 /**
 * WeekAgendaView Component
@@ -48286,14 +48461,14 @@ function formatAgendaDayHeader(date) {
 * Displays a week of events in an agenda/list style with rich event details.
 * Shows all 7 days with date headers, empty days show "No events scheduled".
 */
-const WeekAgendaView = ({ days, events, showCapacity, emptyMessage = "No events scheduled" }) => {
-	const eventsByDate = groupEventsByDate(events);
+const WeekAgendaView = ({ days, events, showCapacity, emptyMessage = "No events scheduled", calendarTimeZone, today: currentDate }) => {
+	const eventsByDate = groupEventsByDate(events, calendarTimeZone);
 	return /* @__PURE__ */ jsx("div", {
 		className: "event-agenda-week",
 		children: days.map((date) => {
 			const dateKey = formatDateKey(date);
 			const dayEvents = eventsByDate.get(dateKey) || [];
-			const today = isToday(date);
+			const today = isToday(date, currentDate);
 			return /* @__PURE__ */ jsxs("div", {
 				className: `event-agenda-day ${today ? "event-agenda-day--today" : ""}`,
 				children: [/* @__PURE__ */ jsx("div", {
@@ -48323,7 +48498,49 @@ const WeekAgendaView = ({ days, events, showCapacity, emptyMessage = "No events
 	});
 };
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/events/shared/CalendarNavigationChevron.tsx
+function CalendarNavigationChevron({ direction }) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "20",
+		height: "20",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		viewBox: "0 0 24 24",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: direction === "previous" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7"
+		})
+	});
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/WeekBoardView.tsx
+function buildWeekBoardNavigationState(viewport, today) {
+	return {
+		rangeLabel: viewport.title,
+		isCurrentWeek: viewport.days.some((day) => isToday(day, today))
+	};
+}
+function buildWeekBoardViewProps(display, days, navigation, events = display.events) {
+	return {
+		days,
+		events: [...events],
+		navigation,
+		showCapacity: display.showCapacity,
+		emptyMessage: display.emptyMessage,
+		title: display.boardTitle,
+		footerNote: display.footerNote,
+		ctaLabel: display.loadMoreText ?? display.buttonText,
+		ctaHref: display.seeAllUrl,
+		buttonVariant: display.buttonVariant,
+		elevated: display.elevated,
+		banded: display.banded,
+		calendarTimeZone: display.calendarTimeZone,
+		today: display.today
+	};
+}
 const SHORT_DAY_NAMES = [
 	"Sun",
 	"Mon",
@@ -48385,6 +48602,114 @@ const WeekBoardCard = ({ event, showCapacity }) => {
 		]
 	});
 };
+const WeekBoardNavigationControls = ({ navigation, todayClassName }) => {
+	const handlers = navigation.kind === "interactive" ? navigation : {
+		onPrevious: void 0,
+		onNext: void 0,
+		onToday: void 0
+	};
+	const isLoading = navigation.kind === "interactive" && navigation.loadState.kind === "loading";
+	return /* @__PURE__ */ jsxs("nav", {
+		className: "event-week-board-navigation",
+		"aria-label": "Choose week",
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "event-week-board-nav-button",
+				"aria-label": "Previous week",
+				onClick: handlers.onPrevious,
+				children: /* @__PURE__ */ jsx(CalendarNavigationChevron, { direction: "previous" })
+			}),
+			/* @__PURE__ */ jsxs("h3", {
+				className: "event-week-board-range",
+				"aria-live": "polite",
+				children: [navigation.rangeLabel, isLoading ? /* @__PURE__ */ jsx("span", {
+					className: "event-week-board-loading",
+					children: " Loading…"
+				}) : null]
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "event-week-board-nav-button",
+				"aria-label": "Next week",
+				onClick: handlers.onNext,
+				children: /* @__PURE__ */ jsx(CalendarNavigationChevron, { direction: "next" })
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: todayClassName,
+				disabled: navigation.isCurrentWeek,
+				onClick: handlers.onToday,
+				children: "Today"
+			})
+		]
+	});
+};
+const WeekBoardLegend = () => /* @__PURE__ */ jsx("div", {
+	className: "event-week-board-legend",
+	"aria-hidden": "true",
+	children: LEGEND_ITEMS.map((item) => /* @__PURE__ */ jsxs("span", {
+		className: "event-week-board-legend-item",
+		children: [/* @__PURE__ */ jsx("i", {
+			className: "event-week-board-legend-dot",
+			"data-status": item.status
+		}), item.label]
+	}, item.status))
+});
+const WeekBoardLoadError = ({ navigation, buttonClassName }) => {
+	if (navigation.kind !== "interactive" || navigation.loadState.kind !== "error") return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "event-week-board-error",
+		role: "status",
+		children: [/* @__PURE__ */ jsx("p", { children: "Failed to load events" }), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClassName,
+			onClick: navigation.loadState.onRetry,
+			children: "Try again"
+		})]
+	});
+};
+const WeekBoardGrid = ({ days, eventsByDate, showCapacity, today: currentDate }) => /* @__PURE__ */ jsx("div", {
+	className: "event-week-board-grid",
+	children: days.map((date) => {
+		const dateKey = formatDateKey(date);
+		const dayEvents = eventsByDate.get(dateKey) ?? [];
+		const today = isToday(date, currentDate);
+		return /* @__PURE__ */ jsxs("div", {
+			className: clsx("event-week-board-day", dayEvents.length === 0 && "event-week-board-day--empty", today && "event-week-board-day--today"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "event-week-board-day-head",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "event-week-board-day-abbr",
+					children: SHORT_DAY_NAMES[getDayOfWeek(date)]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "event-week-board-day-num",
+					children: date.day
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "event-week-board-day-body",
+				children: dayEvents.map((event) => /* @__PURE__ */ jsx(WeekBoardCard, {
+					event,
+					showCapacity
+				}, event.occurrenceId || event.id))
+			})]
+		}, dateKey);
+	})
+});
+const WeekBoardFooter = ({ note, ctaHref, ctaLabel, ctaClassName }) => {
+	if (note === null && ctaHref === null) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "event-week-board-foot",
+		children: [note === null ? null : /* @__PURE__ */ jsx("p", {
+			className: "event-week-board-foot-note",
+			children: note
+		}), ctaHref === null ? null : /* @__PURE__ */ jsx("a", {
+			className: ctaClassName,
+			href: ctaHref,
+			children: ctaLabel
+		})]
+	});
+};
 /**
 * WeekBoardView
 *
@@ -48393,18 +48718,21 @@ const WeekBoardCard = ({ event, showCapacity }) => {
 * to a stacked list on mobile. Repurposes the week-grouped agenda data as a
 * board rather than an hour-positioned timetable grid.
 */
-const WeekBoardView = ({ days, events, showCapacity, emptyMessage = "No classes scheduled this week", title, footerNote, ctaLabel = "Reserve a place", ctaHref = null, buttonVariant = "outline", elevated = false, banded = false }) => {
-	const eventsByDate = groupEventsByDate(events);
+const WeekBoardView = ({ days, events, navigation, showCapacity, emptyMessage = "No classes scheduled this week", title, footerNote, ctaLabel = "Reserve a place", ctaHref = null, buttonVariant = "outline", elevated = false, banded = false, calendarTimeZone, today }) => {
+	const eventsByDate = groupEventsByDate(events, calendarTimeZone);
 	const hasAnyEvents = days.some((date) => (eventsByDate.get(formatDateKey(date)) ?? []).length > 0);
 	const ctaClassName = themeButtonClassName({
 		variant: buttonVariant,
 		size: "sm"
 	});
+	const todayClassName = themeButtonClassName({
+		variant: buttonVariant,
+		size: "sm"
+	});
 	const hasTitle = typeof title === "string" && title.length > 0;
 	const hasFooterNote = typeof footerNote === "string" && footerNote.length > 0;
-	const hasCta = typeof ctaHref === "string" && ctaHref.length > 0;
 	const footerNoteText = hasAnyEvents ? hasFooterNote ? footerNote : null : emptyMessage;
-	const showFooter = hasCta || footerNoteText !== null;
+	const resolvedCtaHref = typeof ctaHref === "string" && ctaHref.length > 0 ? ctaHref : null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "event-calendar event-calendar--week-board",
 		"data-block": "event-calendar",
@@ -48416,59 +48744,34 @@ const WeekBoardView = ({ days, events, showCapacity, emptyMessage = "No classes
 			children: [
 				/* @__PURE__ */ jsxs("div", {
 					className: "event-week-board-top",
-					children: [hasTitle ? /* @__PURE__ */ jsx("span", {
-						className: "event-week-board-title",
-						children: title
-					}) : null, /* @__PURE__ */ jsx("div", {
-						className: "event-week-board-legend",
-						"aria-hidden": "true",
-						children: LEGEND_ITEMS.map((item) => /* @__PURE__ */ jsxs("span", {
-							className: "event-week-board-legend-item",
-							children: [/* @__PURE__ */ jsx("i", {
-								className: "event-week-board-legend-dot",
-								"data-status": item.status
-							}), item.label]
-						}, item.status))
-					})]
+					children: [
+						hasTitle ? /* @__PURE__ */ jsx("span", {
+							className: "event-week-board-title",
+							children: title
+						}) : null,
+						/* @__PURE__ */ jsx(WeekBoardNavigationControls, {
+							navigation,
+							todayClassName
+						}),
+						/* @__PURE__ */ jsx(WeekBoardLegend, {})
+					]
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "event-week-board-grid",
-					children: days.map((date) => {
-						const dateKey = formatDateKey(date);
-						const dayEvents = eventsByDate.get(dateKey) ?? [];
-						const today = isToday(date);
-						return /* @__PURE__ */ jsxs("div", {
-							className: clsx("event-week-board-day", dayEvents.length === 0 && "event-week-board-day--empty", today && "event-week-board-day--today"),
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "event-week-board-day-head",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "event-week-board-day-abbr",
-									children: SHORT_DAY_NAMES[date.getDay()]
-								}), /* @__PURE__ */ jsx("span", {
-									className: "event-week-board-day-num",
-									children: date.getDate()
-								})]
-							}), /* @__PURE__ */ jsx("div", {
-								className: "event-week-board-day-body",
-								children: dayEvents.map((event) => /* @__PURE__ */ jsx(WeekBoardCard, {
-									event,
-									showCapacity
-								}, event.occurrenceId || event.id))
-							})]
-						}, dateKey);
-					})
+				/* @__PURE__ */ jsx(WeekBoardLoadError, {
+					navigation,
+					buttonClassName: todayClassName
 				}),
-				showFooter ? /* @__PURE__ */ jsxs("div", {
-					className: "event-week-board-foot",
-					children: [footerNoteText !== null ? /* @__PURE__ */ jsx("p", {
-						className: "event-week-board-foot-note",
-						children: footerNoteText
-					}) : null, hasCta ? /* @__PURE__ */ jsx("a", {
-						className: ctaClassName,
-						href: ctaHref ?? void 0,
-						children: ctaLabel
-					}) : null]
-				}) : null
+				/* @__PURE__ */ jsx(WeekBoardGrid, {
+					days,
+					eventsByDate,
+					showCapacity,
+					today
+				}),
+				/* @__PURE__ */ jsx(WeekBoardFooter, {
+					note: footerNoteText,
+					ctaHref: resolvedCtaHref,
+					ctaLabel,
+					ctaClassName
+				})
 			]
 		})
 	});
@@ -48499,6 +48802,7 @@ function buildTimetableModel(input) {
 		items: input.events,
 		viewDate: input.viewDate,
 		startOfWeek: input.startOfWeek,
+		today: input.today,
 		getId: (event) => event.id,
 		getStartsAt: (event) => event.startsAt,
 		getEndsAt: (event) => event.endsAt,
@@ -48560,10 +48864,10 @@ function formatEventTimeRange(event) {
 	return `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
 }
 function formatDayLabel(date) {
-	return `${FULL_DAY_NAMES[date.getDay()] ?? ""}, ${MONTH_NAMES[date.getMonth()] ?? ""} ${date.getDate()}`;
+	return `${FULL_DAY_NAMES[getDayOfWeek(date)] ?? ""}, ${MONTH_NAMES[date.month - 1] ?? ""} ${date.day}`;
 }
 function formatShortDayLabel(date) {
-	return `${(FULL_DAY_NAMES[date.getDay()] ?? "").slice(0, 3)} ${date.getDate()}`;
+	return `${(FULL_DAY_NAMES[getDayOfWeek(date)] ?? "").slice(0, 3)} ${date.day}`;
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/EventCalendar.server.tsx
@@ -48610,15 +48914,15 @@ function renderListSsr(display, prefetchedEvents) {
 		renderEventCard: (event) => renderEventCard(event, listDisplay)
 	});
 }
-function renderCalendarSsr(display) {
+function renderCalendarSsr(display, hydration) {
 	const calendarView = display.defaultCalendarView;
-	const viewDate = /* @__PURE__ */ new Date();
+	const viewDate = hydration.calendarContext.initialToday;
 	const viewport = buildCalendarViewport({
 		view: calendarView,
 		anchorDate: viewDate,
 		startOfWeek: display.startOfWeek
 	});
-	const eventsByDate = groupEventsByDate([...display.events]);
+	const eventsByDate = groupEventsByDate([...display.events], hydration.calendarContext.timeZone);
 	const dayNames = getOrderedDayNames(display.startOfWeek);
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("event-calendar", display.className ?? void 0),
@@ -48685,7 +48989,9 @@ function renderCalendarSsr(display) {
 				days: viewport.days,
 				events: [...display.events],
 				emptyMessage: display.emptyMessage,
-				showCapacity: display.showCapacity
+				showCapacity: display.showCapacity,
+				calendarTimeZone: hydration.calendarContext.timeZone,
+				today: hydration.calendarContext.initialToday
 			}) : /* @__PURE__ */ jsxs("div", {
 				className: "event-calendar-container",
 				children: [/* @__PURE__ */ jsx("div", {
@@ -48699,13 +49005,13 @@ function renderCalendarSsr(display) {
 					children: viewport.days.map((date) => {
 						const dateKey = formatDateKey(date);
 						const dayEvents = eventsByDate.get(dateKey) || [];
-						const isCurrentMonth = date.getMonth() === viewDate.getMonth();
-						const today = isToday(date);
+						const isCurrentMonth = date.month === viewDate.month;
+						const today = isToday(date, hydration.calendarContext.initialToday);
 						return /* @__PURE__ */ jsxs("div", {
 							className: clsx("event-calendar-day", !isCurrentMonth && "event-calendar-day--other-month", today && "event-calendar-day--today"),
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "event-calendar-day-number",
-								children: date.getDate()
+								children: date.day
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "event-calendar-events",
 								children: [dayEvents.slice(0, 3).map((event) => /* @__PURE__ */ jsxs("a", {
@@ -48743,8 +49049,8 @@ function renderCalendarSsr(display) {
 		]
 	});
 }
-function renderTimetableSsr(display) {
-	const viewDate = /* @__PURE__ */ new Date();
+function renderTimetableSsr(display, hydration) {
+	const viewDate = hydration.calendarContext.initialToday;
 	const viewport = buildCalendarViewport({
 		view: "week",
 		anchorDate: viewDate,
@@ -48753,7 +49059,8 @@ function renderTimetableSsr(display) {
 	const model = buildTimetableModel({
 		events: [...display.events],
 		viewDate,
-		startOfWeek: display.startOfWeek
+		startOfWeek: display.startOfWeek,
+		today: hydration.calendarContext.initialToday
 	});
 	const selectedDayKey = model.days.find((day) => day.isToday)?.dateKey ?? model.days[0]?.dateKey ?? "";
 	return /* @__PURE__ */ jsxs("div", {
@@ -48908,20 +49215,21 @@ function renderTimetableSsr(display) {
 		})]
 	});
 }
-function renderWeekBoardSsr(display) {
-	return /* @__PURE__ */ jsx(WeekBoardView, {
-		days: getWeekCalendarDayTuple(/* @__PURE__ */ new Date(), display.startOfWeek),
-		events: [...display.events],
-		showCapacity: display.showCapacity,
-		emptyMessage: display.emptyMessage,
-		title: display.boardTitle,
-		footerNote: display.footerNote,
-		ctaLabel: display.loadMoreText ?? display.buttonText,
-		ctaHref: display.seeAllUrl,
-		buttonVariant: display.buttonVariant,
-		elevated: display.elevated,
-		banded: display.banded
-	});
+function renderWeekBoardSsr(display, hydration) {
+	const today = hydration.calendarContext.initialToday;
+	const days = getWeekCalendarDayTuple(today, display.startOfWeek);
+	const navigation = {
+		kind: "static",
+		...buildWeekBoardNavigationState({
+			days,
+			title: formatCalendarTitle(today, "week", [...days])
+		}, today)
+	};
+	return /* @__PURE__ */ jsx(WeekBoardView, { ...buildWeekBoardViewProps({
+		...display,
+		calendarTimeZone: hydration.calendarContext.timeZone,
+		today
+	}, days, navigation) });
 }
 function formatHourLabel(hour) {
 	if (hour === 0) return "12 AM";
@@ -48947,13 +49255,13 @@ const EventCalendarSSR = (props) => {
 			content = renderListSsr(display, hydration.prefetchedEvents);
 			break;
 		case "timetable":
-			content = renderTimetableSsr(display);
+			content = renderTimetableSsr(display, hydration);
 			break;
 		case "week-board":
-			content = renderWeekBoardSsr(display);
+			content = renderWeekBoardSsr(display, hydration);
 			break;
 		case "calendar":
-			content = renderCalendarSsr(display);
+			content = renderCalendarSsr(display, hydration);
 			break;
 		default: content = assertNeverDisplayMode(display.displayMode);
 	}
@@ -49626,14 +49934,14 @@ function isDecoratedHeadingBlockKind(blockKind) {
 	return blockKind === "block.intro" || blockKind === "block.feature-cards" || blockKind === "block.testimonials" || blockKind === "block.faq";
 }
 function readVariant(blockContent) {
-	if (!isRecord$4(blockContent)) return void 0;
+	if (!isRecord$5(blockContent)) return void 0;
 	const variant = blockContent.variant;
 	return typeof variant === "string" ? variant : void 0;
 }
 function isFaqDecoratedVariant(variant) {
 	return variant === "default" || variant === "question-columns";
 }
-function isRecord$4(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildHeadingDecorationWrapperClassName(className) {
@@ -50739,11 +51047,11 @@ function readTreatment(kind, value) {
 	};
 }
 function readBlockComposition(value) {
-	if (!isRecord$3(value) || typeof value.kind !== "string") return null;
+	if (!isRecord$4(value) || typeof value.kind !== "string") return null;
 	if (!isCompositionKind(value.kind)) return null;
 	return readTreatment(value.kind, value.treatment);
 }
-function isRecord$3(value) {
+function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -50995,7 +51303,7 @@ function hydrateResolvedBookingConsentValue(value, context) {
 		const hydratedItems = value.map((item) => hydrateResolvedBookingConsentValue(item, context));
 		return hydratedItems.every((item, index) => item === value[index]) ? value : hydratedItems;
 	}
-	if (!isRecord$13(value)) return value;
+	if (!isRecord$15(value)) return value;
 	if (isBookingConsentCarrier(value)) {
 		const agreement = hydrateValue(value.agreement, context);
 		return agreement === value.agreement ? value : {
@@ -51015,7 +51323,7 @@ function hydrateValue(value, context) {
 			const resolvedItems = value.map((item) => hydrateValue(item, context));
 			return resolvedItems.every((item, index) => item === value[index]) ? value : resolvedItems;
 		}
-		if (isRecord$13(value)) {
+		if (isRecord$15(value)) {
 			if (isInternalLink(value)) return hydrateInternalLink(value, context.routes);
 			if (isPageLink(value)) return hydratePageLink(value, context);
 			if (isEntryLink(value)) return hydrateEntryLink(value, context);
@@ -51080,7 +51388,7 @@ function hydrateEntryLink(link, context) {
 //#region ../blocks/src/system/manifest/resolveBlockData.ts
 function resolveBlockData(blockId, dataLoaders, dataContext, routes) {
 	const raw = blockId ? dataContext?.resolvedData?.[blockId] : void 0;
-	if (isRecord$13(raw)) return routes ? hydrateResolvedBookingConsentLinks(raw, routes, dataContext?.pagesByIdentifier, dataContext?.entriesByIdentifier) : raw;
+	if (isRecord$15(raw)) return routes ? hydrateResolvedBookingConsentLinks(raw, routes, dataContext?.pagesByIdentifier, dataContext?.entriesByIdentifier) : raw;
 	return dataLoaders && typeof dataLoaders === "object" && Object.keys(dataLoaders).length > 0 ? {} : void 0;
 }
 //#endregion
@@ -52097,36 +52405,9 @@ function buildLegacyHeaderNavLinkStyle(header, contrastTreatment, navTextSize) {
 		...navTextSize ? { textSize: navTextSize } : {}
 	};
 	if (header.navWeight === "bold" && navStyle === "solid") style.textTransform = "uppercase";
-	applyLegacyNavEffects(style, header);
 	applyLegacyGlassTreatment(style, header, navStyle);
 	return style;
 }
-function applyLegacyNavEffects(style, header) {
-	if (!header.navEffects) return;
-	const effects = style.effects = {
-		...style.effects,
-		hover: [...style.effects?.hover ?? []],
-		active: [...style.effects?.active ?? []]
-	};
-	if (header.navEffects.glow) effects.hover.push({
-		effectId: "outer-glow",
-		options: { spread: 5 }
-	});
-	if (header.navEffects.neumorphic) {
-		effects.hover.push({
-			effectId: "neumorphic-shadow",
-			options: { mode: "pressed" }
-		});
-		effects.hover.push({
-			effectId: "text-color-change",
-			options: { hoverColorToken: "primary" }
-		});
-	}
-	if (header.navEffects.underlineGradient) effects.hover.push({
-		effectId: "border-bottom-grow",
-		options: { origin: "center" }
-	});
-}
 function applyLegacyGlassTreatment(style, header, navStyle) {
 	if (header.navContainer?.type !== "glass" || navStyle !== "minimal") return;
 	style.borderRadius = "full";
@@ -52152,19 +52433,6 @@ function glassStateEffects(opacity) {
 //#region ../theme-core/src/header/generateHeaderCss.ts
 const HEADER_BLUR = "blur(12px)";
 const FLOATING_BLUR = "blur(16px)";
-const INSET_SHELL_MARKER_CLASS = "header-bar-frame-inset-shell";
-const INSET_SHELL_EDGE = "1rem";
-const INSET_SHELL_INSET_BLOCK = "0.875rem";
-const INSET_SHELL_RADIUS = "9999px";
-const INSET_SHELL_CONTAINER_MAX = "80rem";
-const INSET_SHELL_INTERIOR_PADDING_X = "1.75rem";
-/**
-* Whether the classic header should render as an inset "brand capsule" shell.
-* The facet is only meaningful for the classic layout; other variants ignore it.
-*/
-function usesInsetShell(header) {
-	return header.barFrame === "inset-shell" && header.variant === "classic";
-}
 /**
 * Generate complete CSS for header system from theme config
 *
@@ -52242,36 +52510,7 @@ function generateHeaderRootStyles(header, themeId, tokens) {
 	const overlayFix = `\n${`${selector}:has([data-nav-mobile-overlay][aria-hidden="false"])`} {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n`;
 	const scrollTreatmentStyles = generateHeaderScrollTreatmentStyles(header.scrollTreatment, themeId, header.variant, scrolledPaintRules);
 	if (isContainedNav || basePaintRules.length === 0) return `${baseBlock}\n${overlayFix}${scrollTreatmentStyles}`;
-	return `${baseBlock}\n${renderHeaderPaintTargetRules(getHeaderPaintTargets(header.variant, themeId), basePaintRules)}\n${overlayFix}${usesInsetShell(header) ? generateInsetShellStyles(header, themeId) : ""}${scrollTreatmentStyles}`;
-}
-/**
-* Reshapes the full-bleed header paint layer into a contained brand capsule at
-* the desktop breakpoint. The capsule is centred, capped to the page container
-* width, inset from the top, fully rounded, and carries the header depth so it
-* reads as a floating pill. Root border/shadow are neutralised on desktop so a
-* bordered style does not leave a full-width hairline around the capsule. Sticky
-* positioning is unaffected — the root stays full width and sticky while the
-* ::before paint provides the capsule.
-*/
-function generateInsetShellStyles(header, themeId) {
-	const scope = `:where([data-theme-scope="${themeId}"])`;
-	const shellRootSelector = `${scope} .header-root.${INSET_SHELL_MARKER_CLASS}`;
-	const shellBeforeSelector = `${scope} .header-root.${INSET_SHELL_MARKER_CLASS}::before`;
-	const layoutSelector = `${scope} .header-root.${INSET_SHELL_MARKER_CLASS} .rb-header-layout`;
-	const widthValue = header.maxWidth === "full" ? `calc(100% - (${INSET_SHELL_EDGE} * 2))` : `min(${INSET_SHELL_CONTAINER_MAX}, calc(100% - (${INSET_SHELL_EDGE} * 2)))`;
-	const shadowVar = getComponentShadowVar(header.shadow?.elevation ?? "none");
-	const rootRules = ["border: none;", "box-shadow: none;"];
-	const beforeRules = [
-		`inset: ${INSET_SHELL_INSET_BLOCK} auto;`,
-		"left: 50%;",
-		"right: auto;",
-		"transform: translateX(-50%);",
-		`width: ${widthValue};`,
-		`border-radius: ${INSET_SHELL_RADIUS};`,
-		...shadowVar ? [`box-shadow: ${shadowVar};`] : []
-	];
-	const layoutRules = [`padding-inline: ${INSET_SHELL_INTERIOR_PADDING_X};`];
-	return `\n@media ${MQ_MD_UP} {\n${shellRootSelector} {\n  ${rootRules.join("\n  ")}\n}\n${shellBeforeSelector} {\n  ${beforeRules.join("\n  ")}\n}\n${layoutSelector} {\n  ${layoutRules.join("\n  ")}\n}\n}\n`;
+	return `${baseBlock}\n${renderHeaderPaintTargetRules(getHeaderPaintTargets(header.variant, themeId), basePaintRules)}\n${overlayFix}${scrollTreatmentStyles}`;
 }
 /**
 * Generate logo typography styles
@@ -52345,7 +52584,7 @@ function generateLogoTextBehaviorStyles(logoText, themeId) {
 * Generate navigation link styles based on navStyle and effects
 *
 * Uses the composable NavLinkStyle system with backward compatibility for
-* legacy navStyle, navWeight, navColor, and navEffects settings.
+* legacy navStyle, navWeight and navColor settings.
 */
 function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment, navTextSize) {
 	const navPreferences = {
@@ -54982,9 +55221,43 @@ function pageBlockPosition(index, blockCount) {
 	return "middle";
 }
 //#endregion
+//#region ../blocks/src/pageRenderAdmission.ts
+function toPresentationPage(page) {
+	if (!page) return null;
+	return {
+		...page,
+		blocks: page.blocks.map((block) => {
+			const presentationMetadata = {
+				id: block.id,
+				kind: block.kind,
+				purpose: block.purpose,
+				...block.bindings ? { bindings: block.bindings } : {}
+			};
+			return block.admission.kind === "renderable" ? {
+				...presentationMetadata,
+				content: block.admission.content,
+				presentationAdmission: { kind: "renderable" }
+			} : {
+				...presentationMetadata,
+				presentationAdmission: {
+					kind: "invalid",
+					error: block.admission.error
+				}
+			};
+		})
+	};
+}
+//#endregion
 //#region ../blocks/src/PageRenderer.tsx
 function PageRenderer$1(props) {
-	const { page, runtimeBoundaries, usePlaceholders = false, dataContext, wrapBlock, wrapBoundary, registry, routeMap, blockOverrides, sdkConfig, customBlocks, previewAuthoring } = props;
+	const page = React$1.useMemo(() => toPresentationPage(props.page), [props.page]);
+	return /* @__PURE__ */ jsx(PageRendererCore, {
+		...props,
+		page
+	});
+}
+function PageRendererCore(props) {
+	const { page, runtimeBoundaries, dataContext, wrapBlock, wrapBoundary, registry } = props;
 	const imageResolveContext = React$1.useMemo(() => resolvePageRendererImageResolveContext(dataContext), [
 		dataContext?.imageResolveContext,
 		dataContext?.mediaAssets,
@@ -55083,11 +55356,11 @@ function resolvePageRendererImageResolveContext(dataContext) {
 		mediaAssets: input?.mediaAssets ?? dataContext?.mediaAssets
 	});
 }
+const resolveBookingTimeZone = (dataContext) => dataContext?.bookingTimeZone;
 function buildBlockSectionProps(input) {
 	return {
 		themeResources: input.themeResources,
 		block: input.block,
-		usePlaceholders: input.props.usePlaceholders ?? false,
 		dataContext: input.props.dataContext,
 		blockKey: input.blockKey,
 		registry: input.registry,
@@ -55111,7 +55384,6 @@ function getBlockOverride(blockKind, overrides) {
 	if (overrides[shortKind]) return overrides[shortKind];
 }
 const blockComponentCache = /* @__PURE__ */ new WeakMap();
-const manifestValidatorCache = /* @__PURE__ */ new WeakMap();
 const DEFAULT_PERF_SLOW_BLOCK_RENDER_THRESHOLD_MS = 25;
 let cachedPerfSlowBlockRenderThresholdMs = null;
 function getPerfSlowBlockRenderThresholdMs() {
@@ -55129,44 +55401,13 @@ function getCachedBlockComponent(manifest) {
 	return created;
 }
 /**
-* Render-time manifest validator — see `.claude/plans/dapper-jingling-emerson.md`
-* Phase 10. One function, two flavours:
-*
-* - `strict` (default): the contract every render surface tries first. No
-*   null tolerance, no missing-required tolerance. Production frontends and
-*   the dashboard preview both go through this path; after Phases 6-9 the
-*   preview satisfies strict structurally.
-* - `relaxed`: editor-mid-edit fallback. Reached via `usePlaceholders` when
-*   strict fails. Built on `mode: 'draft'` so empty required fields parse
-*   as `undefined` and the user's valid in-flight fields flow through.
-*
-* Per-manifest, per-flavour cached. Adding a third flavour means adding a
-* branch to the `createManifestValidator` call below and a member to
-* `ValidationFlavour` — no per-flavour helper duplication.
-*/
-function getCachedValidator(manifest, flavour) {
-	let perFlavour = manifestValidatorCache.get(manifest);
-	if (!perFlavour) {
-		perFlavour = /* @__PURE__ */ new Map();
-		manifestValidatorCache.set(manifest, perFlavour);
-	}
-	const cached = perFlavour.get(flavour);
-	if (cached) return cached;
-	const created = createManifestValidator(manifest, {
-		allowNull: false,
-		...flavour === "relaxed" ? { mode: "draft" } : {}
-	});
-	perFlavour.set(flavour, created);
-	return created;
-}
-/**
 * Memoized block section component.
 *
 * Custom memoization prevents render loops during editing by explicitly checking
 * referential equality of all props that affect rendering. Standard React.memo
 * wouldn't catch all the render triggers from the editor store.
 */
-const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources, block, usePlaceholders, dataContext, registry, routeMap, wrapBlock, blockOverrides, sdkConfig, customBlocks, imageResolveContext, previewAuthoring }) {
+const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources, block, dataContext, registry, routeMap, wrapBlock, blockOverrides, sdkConfig, customBlocks, imageResolveContext, previewAuthoring }) {
 	const perfStart = globalThis.process?.env?.DEBUG_PERF === "1" && typeof window === "undefined" ? Date.now() : 0;
 	const fallbackImageResolveContext = getCurrentResolveImageUrlContext();
 	const resolvedImageResolveContext = imageResolveContext ?? fallbackImageResolveContext;
@@ -55186,6 +55427,19 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources
 		} catch {}
 		return node;
 	}
+	if (block.presentationAdmission.kind === "invalid") {
+		try {
+			if (globalThis.process?.env?.NODE_ENV !== "production") console.warn("[blocks:PageRenderer] block admission failed", {
+				blockId: block.id ?? null,
+				blockKind: block.kind,
+				error: block.presentationAdmission.error
+			});
+		} catch {}
+		return finish(fallback(`Invalid content for block kind "${block.kind}".`), {
+			outcome: "invalidContent",
+			override: false
+		});
+	}
 	const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
 	requireBlockOverride(themeResources, OverrideComponent, block.kind);
 	let definition = getBlockDefinition(block.kind);
@@ -55255,25 +55509,10 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources
 		});
 	}
 	const content = getRenderableContent(block, dataContext?.previewStage);
-	const parsed = getCachedValidator(definition.manifest, "strict").safeParse(content);
-	try {
-		if (globalThis.process?.env?.NODE_ENV !== "production" && !parsed.success && !usePlaceholders) console.warn("[blocks:PageRenderer] manifest validation failed", {
-			blockId: block.id ?? null,
-			blockKind: block.kind,
-			content: summarizeValue(content),
-			expectedFields: (definition.manifest.fields ?? []).map((f) => ({
-				id: f.id,
-				type: f.type,
-				required: !!f.required
-			})),
-			issues: parsed.error?.issues ?? null
-		});
-	} catch {}
-	let data;
-	if (parsed.success) data = parsed.data;
-	else if (usePlaceholders) {
-		const relaxed = getCachedValidator(definition.manifest, "relaxed").safeParse(content);
-		if (relaxed.success) data = relaxed.data;
+	let data = content;
+	if (block.presentationAdmission.kind === "editor") {
+		const draft = validateManifestDraft(compileManifestContentContract(definition.manifest), content);
+		if (draft.kind === "previewable") data = draft.data;
 		else {
 			const rendered = fallback(`Unable to render block kind "${block.kind}".`);
 			return finish(wrapBlock && block.id ? /* @__PURE__ */ jsx(Fragment, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ jsx(Fragment, { children: rendered }), {
@@ -55281,12 +55520,6 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources
 				override: false
 			});
 		}
-	} else {
-		const rendered = fallback(`Invalid content for block kind "${block.kind}".`);
-		return finish(wrapBlock && block.id ? /* @__PURE__ */ jsx(Fragment, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ jsx(Fragment, { children: rendered }), {
-			outcome: "invalidContent",
-			override: false
-		});
 	}
 	try {
 		const routes = routeMap ?? dataContext?.routes;
@@ -55312,6 +55545,7 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources
 			blockId: block.id ?? null,
 			blockKind: block.kind
 		};
+		baseProps.bookingTimeZone = resolveBookingTimeZone(dataContext);
 		let rendered;
 		if (OverrideComponent) rendered = /* @__PURE__ */ jsx(OverrideComponent, { ...baseProps });
 		else {
@@ -55358,14 +55592,14 @@ const MemoBlockSection = React$1.memo(function MemoBlockSection({ themeResources
 			hasResolvedData
 		});
 	} catch {
-		const rendered = usePlaceholders ? fallback(`Unable to render block kind "${block.kind}".`) : fallback(`Invalid content for block kind "${block.kind}".`);
+		const rendered = block.presentationAdmission.kind === "editor" ? fallback(`Unable to render block kind "${block.kind}".`) : fallback(`Invalid content for block kind "${block.kind}".`);
 		return finish(wrapBlock && block.id ? /* @__PURE__ */ jsx(Fragment, { children: wrapBlock(block.id, rendered) }) : /* @__PURE__ */ jsx(Fragment, { children: rendered }), {
 			outcome: "exception",
 			override: false
 		});
 	}
 }, (prev, next) => {
-	return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeResources === next.themeResources && prev.routeMap === next.routeMap && prev.usePlaceholders === next.usePlaceholders && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig && prev.customBlocks === next.customBlocks && prev.imageResolveContext === next.imageResolveContext && prev.previewAuthoring === next.previewAuthoring;
+	return prev.block === next.block && prev.registry === next.registry && prev.dataContext === next.dataContext && prev.themeResources === next.themeResources && prev.routeMap === next.routeMap && prev.block.presentationAdmission === next.block.presentationAdmission && prev.wrapBlock === next.wrapBlock && prev.blockOverrides === next.blockOverrides && prev.sdkConfig === next.sdkConfig && prev.customBlocks === next.customBlocks && prev.imageResolveContext === next.imageResolveContext && prev.previewAuthoring === next.previewAuthoring;
 });
 function fallback(message) {
 	return /* @__PURE__ */ jsx("div", {
@@ -55392,32 +55626,6 @@ function getRenderableContent(block, previewStage = "published") {
 	if (!isObjectRecord$1(source)) return {};
 	return source;
 }
-function summarizeValue(value) {
-	try {
-		if (value === null || value === void 0) return value;
-		if (typeof value === "string") return value.length > 160 ? `${value.slice(0, 160)}…` : value;
-		if (typeof value === "number" || typeof value === "boolean") return value;
-		if (Array.isArray(value)) return `[array(${value.length})]`;
-		if (typeof value === "object") {
-			const rec = value;
-			const keys = Object.keys(rec);
-			const preview = {};
-			for (const k of keys.slice(0, 8)) {
-				const v = rec[k];
-				if (k === "body" || k === "content") preview[k] = !!(v && typeof v === "object" && isObjectRecord$1(v) && v.type === "doc") ? "{type:doc}" : summarizeValue(v);
-				else preview[k] = summarizeValue(v);
-			}
-			return {
-				keys,
-				preview
-			};
-		}
-		if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint" || typeof value === "symbol") return String(value);
-		return "[uninspectable]";
-	} catch {
-		return "[uninspectable]";
-	}
-}
 //#endregion
 //#region ../theme-core/src/footer/mode.ts
 /**
@@ -62051,31 +62259,37 @@ const containerResponsiveThemeCss = `/*
  */
 
 /* Main container */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-calendar {
   width: 100%;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-container {
   border: 1px solid var(--ec-border);
   border-radius: var(--rb-block-radius);
   overflow: hidden;
 }
 
 /* Calendar navigation */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-header {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-nav {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-calendar-nav {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-nav-btn {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-nav-btn {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -62090,11 +62304,15 @@ const containerResponsiveThemeCss = `/*
   transition: background-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-nav-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-nav-btn:hover {
   background-color: var(--ec-nav-hover-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-title {
   font-size: 1.125rem;
   font-weight: 600;
   min-width: 200px;
@@ -62102,13 +62320,17 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Day headers */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day-headers {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day-headers {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
   background-color: var(--ec-header-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day-header {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day-header {
   text-align: center;
   padding: 0.5rem;
   font-size: 0.875rem;
@@ -62118,33 +62340,43 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Calendar grid */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-grid {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-grid {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
 
 /* Day cells */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-calendar-day {
   min-height: 100px;
   border-bottom: 1px solid var(--ec-border-subtle);
   border-right: 1px solid var(--ec-border-subtle);
   padding: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day:nth-child(7n) {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day:nth-child(7n) {
   border-right: none;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day--today {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day--today {
   background-color: var(--ec-today-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day--other-month {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day--other-month {
   opacity: var(--ec-other-month-opacity);
 }
 
 /* Day number */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day-number {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day-number {
   font-size: 0.875rem;
   font-weight: 500;
   margin-bottom: 0.25rem;
@@ -62152,21 +62384,28 @@ const containerResponsiveThemeCss = `/*
   opacity: var(--ec-day-number-opacity);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day--today .event-calendar-day-number {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-day--today
+  .event-calendar-day-number {
   font-weight: 700;
   opacity: 1;
   color: var(--ec-today-text);
 }
 
 /* Events list */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-events {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-events {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
 
 /* Event item - solid primary background */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-event {
   display: flex;
   align-items: center;
   gap: 0.375rem;
@@ -62187,24 +62426,32 @@ const containerResponsiveThemeCss = `/*
     transform var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-event:hover {
   background-color: var(--ec-event-solid-hover-bg);
   transform: translateY(-1px);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-event:focus-visible {
   outline: 2px solid var(--ec-event-solid-bg);
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event-time {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-event-time {
   flex-shrink: 0;
   white-space: nowrap;
   font-weight: 600;
   opacity: 0.9;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-event-title {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -62212,7 +62459,9 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* More indicator - clickable button style */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-more {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-more {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
   color: rgb(var(--tb-primary));
@@ -62224,16 +62473,22 @@ const containerResponsiveThemeCss = `/*
   transition: background-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-more:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-more:hover {
   background-color: rgba(var(--tb-primary), 0.1);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-more:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-more:focus-visible {
   outline: 2px solid rgb(var(--tb-primary));
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-empty {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-empty {
   text-align: center;
   font-size: 0.875rem;
   opacity: var(--ec-empty-opacity);
@@ -62241,21 +62496,21 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Filters container */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-filters {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-filters {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   margin-bottom: 1.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-filter {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-filter {
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
   min-width: 180px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-filter-label {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-filter-label {
   font-size: 0.75rem;
   font-weight: 500;
   text-transform: uppercase;
@@ -62264,19 +62519,23 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Event filter select inherits base styling from .form-select, only block-specific overrides here */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-filter-select {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-filter-select {
   /* Use theme input radius instead of block radius for consistency with other form inputs */
   border-radius: var(--rb-input-radius, var(--rb-block-radius));
 }
 
 /* Category filter buttons */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-buttons {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-category-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-btn {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-category-btn {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -62288,50 +62547,66 @@ const containerResponsiveThemeCss = `/*
   transition: all var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-btn:hover:not(:disabled) {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-category-btn:hover:not(:disabled) {
   border-color: rgba(var(--tb-primary), 0.5);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-btn:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-category-btn:focus-visible {
   outline: 2px solid rgb(var(--tb-primary));
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-btn--active {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-category-btn--active {
   background-color: rgb(var(--tb-primary));
   border-color: rgb(var(--tb-primary));
   color: var(--ec-event-solid-text);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-category-btn:disabled {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-category-btn:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
 
 /* Allow category filter to be wider for button group */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-filter:has(.event-category-buttons) {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-filter:has(.event-category-buttons) {
   min-width: auto;
   flex: 1 1 auto;
 }
 
 /* Combined mode container */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-combined {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-combined {
   width: 100%;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-combined-content {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-combined-content {
   display: flex;
   flex-direction: column;
 }
 
 /* Calendar view toggle (Month/Week) in Combined mode */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-view-toggle {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-view-toggle {
   display: flex;
   gap: 0.25rem;
   margin-bottom: 1rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-view-btn {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-view-btn {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
   font-weight: 500;
@@ -62344,12 +62619,16 @@ const containerResponsiveThemeCss = `/*
   transition: all var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-view-btn:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-view-btn:hover {
   opacity: 1;
   border-color: rgba(var(--tb-primary), 0.5);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-view-btn--active {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-calendar-view-btn--active {
   opacity: 1;
   background-color: rgb(var(--tb-primary));
   border-color: rgb(var(--tb-primary));
@@ -62362,29 +62641,35 @@ const containerResponsiveThemeCss = `/*
  * ----------------------------------------------------------------------------- */
 
 /* Agenda week container */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-week {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-agenda-week {
   display: flex;
   flex-direction: column;
   gap: 0;
 }
 
 /* Individual day section */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-agenda-day {
   border-bottom: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day:last-child {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day:last-child {
   border-bottom: none;
 }
 
 /* Day header */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-header {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-header {
   padding: 0.75rem 0;
   background-color: var(--ec-header-bg);
   border-bottom: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-title {
   font-size: 0.875rem;
   font-weight: 600;
   margin: 0;
@@ -62394,7 +62679,9 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Today badge */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-today-badge {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-today-badge {
   display: inline-flex;
   align-items: center;
   padding: 0.125rem 0.5rem;
@@ -62408,24 +62695,33 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Today highlight for entire day section */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day--today .event-agenda-day-header {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day--today
+  .event-agenda-day-header {
   background-color: var(--ec-today-bg);
 }
 
 /* Day content area */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-content {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-content {
   padding: 0.75rem 0;
 }
 
 /* Events list within a day */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-events {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-events {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
 /* Empty day message */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-day-empty {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-day-empty {
   font-size: 0.875rem;
   opacity: var(--ec-empty-opacity);
   margin: 0;
@@ -62437,7 +62733,7 @@ const containerResponsiveThemeCss = `/*
  * Rich event card for agenda view
  * ----------------------------------------------------------------------------- */
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-agenda-card {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
@@ -62450,13 +62746,17 @@ const containerResponsiveThemeCss = `/*
   transition: all var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card:hover {
   border-color: rgba(var(--tb-primary), 0.5);
   background-color: var(--ec-event-bg);
 }
 
 /* Category color indicator */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-indicator {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-indicator {
   flex-shrink: 0;
   width: 4px;
   align-self: stretch;
@@ -62465,7 +62765,9 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Card content wrapper */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-content {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-content {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -62474,28 +62776,36 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Header row: time + title */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-header {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-header {
   display: flex;
   align-items: baseline;
   gap: 0.5rem;
   flex-wrap: wrap;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-time {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-time {
   font-size: 0.75rem;
   font-weight: 600;
   opacity: var(--ec-time-opacity);
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-title {
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 1.3;
 }
 
 /* Details row: venue, price, capacity */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-details {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-details {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -62504,26 +62814,36 @@ const containerResponsiveThemeCss = `/*
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-venue {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-venue {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-icon {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-icon {
   flex-shrink: 0;
   opacity: 0.7;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-price {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-price {
   font-weight: 500;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-capacity {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-capacity {
   font-weight: 500;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-agenda-card-capacity--full {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-agenda-card-capacity--full {
   color: rgb(var(--tb-error, 239 68 68));
   opacity: 1;
 }
@@ -62533,20 +62853,24 @@ const containerResponsiveThemeCss = `/*
  * Time-grid layout for recurring class schedules
  * ----------------------------------------------------------------------------- */
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-timetable {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-selector {
   display: none;
   gap: 0.375rem;
   overflow-x: auto;
   padding-bottom: 0.125rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-tab {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-tab {
   flex: 0 0 auto;
   padding: 0.5rem 0.75rem;
   border: 1px solid var(--ec-border);
@@ -62561,35 +62885,49 @@ const containerResponsiveThemeCss = `/*
     border-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-tab--active {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-tab--active {
   background-color: rgb(var(--tb-primary));
   border-color: rgb(var(--tb-primary));
   color: rgb(var(--tb-primaryText, 255 255 255));
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-container {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-container {
   border: 1px solid var(--ec-border);
   border-radius: var(--rb-block-radius);
   overflow-x: auto;
   overflow-y: hidden;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-grid {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-grid {
   display: grid;
   grid-template-columns: 4.5rem repeat(7, minmax(8rem, 1fr));
   min-width: 62rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-time-rail,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-time-rail,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day {
   border-right: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day:last-child {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day:last-child {
   border-right: none;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-heading {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-heading {
   min-height: 3.25rem;
   margin: 0;
   padding: 0.75rem 0.5rem;
@@ -62604,12 +62942,17 @@ const containerResponsiveThemeCss = `/*
   font-weight: 600;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day--today .event-timetable-day-heading {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day--today
+  .event-timetable-day-heading {
   background-color: var(--ec-today-bg);
   color: var(--ec-today-text);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-today-badge {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-today-badge {
   padding: 0.125rem 0.375rem;
   border-radius: var(--rb-button-radius);
   background-color: rgb(var(--tb-primary));
@@ -62619,17 +62962,29 @@ const containerResponsiveThemeCss = `/*
   text-transform: uppercase;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-time-body,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-body {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-time-body,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-body {
   position: relative;
-  height: clamp(34rem, calc(var(--event-timetable-range-minutes, 900) * 0.055rem), 56rem);
+  height: clamp(
+    34rem,
+    calc(var(--event-timetable-range-minutes, 900) * 0.055rem),
+    56rem
+  );
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-time-body {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-time-body {
   background-color: var(--ec-header-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-time-label {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-time-label {
   position: absolute;
   left: 0.625rem;
   transform: translateY(-50%);
@@ -62638,14 +62993,18 @@ const containerResponsiveThemeCss = `/*
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-hour-line {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-hour-line {
   position: absolute;
   left: 0;
   right: 0;
   border-top: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event {
   position: absolute;
   min-height: 2.75rem;
   padding: 0.375rem 0.5rem;
@@ -62665,21 +63024,35 @@ const containerResponsiveThemeCss = `/*
     transform var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event:hover {
   box-shadow: 0 4px 12px rgba(var(--tb-text), 0.12);
   transform: translateY(-1px);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event:focus-visible {
   outline: 2px solid rgb(var(--tb-primary));
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-time,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-title,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-teacher,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-time,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-title,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-teacher,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-meta,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-capacity {
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -62687,36 +63060,50 @@ const containerResponsiveThemeCss = `/*
   white-space: nowrap;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-time {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-time {
   font-size: 0.6875rem;
   font-weight: 700;
   opacity: var(--ec-time-opacity);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-title {
   font-size: 0.8125rem;
   font-weight: 700;
   line-height: 1.25;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-teacher,
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-meta {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-teacher,
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-meta {
   font-size: 0.6875rem;
   opacity: 0.72;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-capacity {
   font-size: 0.6875rem;
   font-weight: 600;
   opacity: 0.85;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-event-capacity--full {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-event-capacity--full {
   color: rgb(var(--tb-danger, 220 38 38));
   opacity: 1;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-empty {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-day-empty {
   margin: 0;
   padding: 1rem 0.5rem;
   text-align: center;
@@ -62724,7 +63111,9 @@ const containerResponsiveThemeCss = `/*
   opacity: var(--ec-empty-opacity);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-empty {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-timetable-empty {
   margin: 0.25rem 0 0;
   text-align: center;
   font-size: 0.875rem;
@@ -62733,32 +63122,46 @@ const containerResponsiveThemeCss = `/*
 
 @container rb-site (max-width: 767px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-selector {
+:where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-day-selector {
     display: flex;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-container {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-container {
     overflow: hidden;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-grid {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-grid {
     grid-template-columns: 4rem minmax(0, 1fr);
     min-width: 0;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day[data-selected="false"] {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-day[data-selected='false'] {
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-day {
     border-right: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-time-rail {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-time-rail {
     border-right: 1px solid var(--ec-border-subtle);
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-timetable-day-heading {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-timetable-day-heading {
     justify-content: flex-start;
     padding-inline: 0.75rem;
   }
@@ -62771,7 +63174,7 @@ const containerResponsiveThemeCss = `/*
  * three-state availability (available / filling / waitlist), and a footer CTA.
  * ----------------------------------------------------------------------------- */
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board {
+:where(.theme-scope) :where([data-block='event-calendar']) .event-week-board {
   /* Status accent tokens — map the three availability states onto theme colours.
    * available -> secondary, filling -> accent, waitlist -> muted text. */
   --ec-status-available: rgb(var(--tb-secondary));
@@ -62788,17 +63191,20 @@ const containerResponsiveThemeCss = `/*
 
 /* Opt-in raised look: a soft drop shadow so the board lifts off the page.
  * Generic default (no [data-elevated]) stays flat. */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board[data-elevated] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board[data-elevated] {
   box-shadow: 0 14px 34px -24px rgba(var(--tb-text), 0.35);
 }
 
-/* Top bar: title + legend */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-top {
-  display: flex;
+/* Top bar: authored title + week navigation + legend */
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-top {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
   align-items: center;
-  justify-content: space-between;
   gap: 1rem;
-  flex-wrap: wrap;
   padding: 1.1rem 1.5rem;
   /* surfaceAlt gives the header/footer a legible tint against the white day-grid
    * body — the faint \`--ec-header-bg\` (5% text) is invisible on light palettes. */
@@ -62806,7 +63212,10 @@ const containerResponsiveThemeCss = `/*
   border-bottom: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-title {
+  grid-column: 1;
   font-size: 0.8125rem;
   font-weight: 600;
   letter-spacing: 0.12em;
@@ -62814,7 +63223,67 @@ const containerResponsiveThemeCss = `/*
   color: rgb(var(--tb-primary));
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-navigation {
+  grid-column: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.65rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-nav-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.25rem;
+  height: 2.25rem;
+  padding: 0;
+  border: 1px solid var(--ec-border);
+  border-radius: 999px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-nav-button:hover {
+  background-color: var(--ec-hover-bg);
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-nav-button:focus-visible {
+  outline: 2px solid rgb(var(--tb-primary));
+  outline-offset: 2px;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-range {
+  min-width: 12rem;
+  margin: 0;
+  text-align: center;
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-loading {
+  font-weight: 400;
+  opacity: 0.65;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend {
+  grid-column: 3;
+  justify-self: end;
   display: flex;
   align-items: center;
   gap: 1.1rem;
@@ -62824,38 +63293,72 @@ const containerResponsiveThemeCss = `/*
   opacity: 0.75;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-item {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  padding: 0.75rem 1.5rem;
+  border-bottom: 1px solid var(--ec-border-subtle);
+  color: rgb(var(--tb-error, var(--tb-text)));
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-error
+  p {
+  margin: 0;
+  font-size: 0.8125rem;
+}
+
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend-item {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend-dot {
   width: 0.55rem;
   height: 0.55rem;
   border-radius: 50%;
   display: inline-block;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="available"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend-dot[data-status='available'] {
   background-color: var(--ec-status-available);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="filling"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend-dot[data-status='filling'] {
   background-color: var(--ec-status-filling);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend-dot[data-status="waitlist"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-legend-dot[data-status='waitlist'] {
   background-color: var(--ec-status-waitlist);
 }
 
 /* Day columns grid */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-grid {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-grid {
   display: grid;
   grid-template-columns: repeat(var(--event-week-board-cols), minmax(0, 1fr));
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day {
   display: flex;
   flex-direction: column;
   min-height: 15rem;
@@ -62865,11 +63368,15 @@ const containerResponsiveThemeCss = `/*
   border-right: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day:last-child {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day:last-child {
   border-right: none;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-head {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day-head {
   display: flex;
   align-items: baseline;
   gap: 0.4rem;
@@ -62878,11 +63385,16 @@ const containerResponsiveThemeCss = `/*
   border-bottom: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--today .event-week-board-day-head {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day--today
+  .event-week-board-day-head {
   background-color: var(--ec-today-bg);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-abbr {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day-abbr {
   font-size: 0.6875rem;
   font-weight: 600;
   letter-spacing: 0.1em;
@@ -62890,18 +63402,25 @@ const containerResponsiveThemeCss = `/*
   opacity: 0.65;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--today .event-week-board-day-abbr {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day--today
+  .event-week-board-day-abbr {
   opacity: 1;
   color: var(--ec-today-text);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-num {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day-num {
   font-size: 0.8125rem;
   font-weight: 600;
   opacity: 0.5;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-body {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-day-body {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
@@ -62910,7 +63429,9 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Class card */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card {
   display: flex;
   flex-direction: column;
   gap: 0.45rem;
@@ -62930,40 +63451,54 @@ const containerResponsiveThemeCss = `/*
     border-color var(--rb-block-transition) ease;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card[data-status="filling"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card[data-status='filling'] {
   border-left-color: var(--ec-status-filling);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card[data-status="waitlist"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card[data-status='waitlist'] {
   border-left-color: var(--ec-status-waitlist);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 6px 16px -8px rgba(var(--tb-text), 0.28);
   border-color: rgba(var(--tb-primary), 0.4);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card:focus-visible {
   outline: 2px solid rgb(var(--tb-primary));
   outline-offset: 2px;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-title {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card-title {
   font-family: var(--font-heading, inherit);
   font-size: 0.9375rem;
   font-weight: 600;
   line-height: 1.2;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-time {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card-time {
   font-size: 0.75rem;
   letter-spacing: 0.01em;
   opacity: 0.7;
 }
 
 /* Capacity pill */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card-pill {
   align-self: flex-start;
   display: inline-flex;
   align-items: center;
@@ -62981,20 +63516,26 @@ const containerResponsiveThemeCss = `/*
   border-color: var(--ec-border);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill[data-status="filling"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card-pill[data-status='filling'] {
   background-color: rgba(var(--tb-accent), 0.14);
   color: var(--ec-status-filling);
   border-color: rgba(var(--tb-accent), 0.32);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card-pill[data-status="waitlist"] {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-card-pill[data-status='waitlist'] {
   background-color: transparent;
   color: rgba(var(--tb-text), 0.6);
   border-color: var(--ec-border);
 }
 
 /* Footer */
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-foot {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -63006,7 +63547,9 @@ const containerResponsiveThemeCss = `/*
   border-top: 1px solid var(--ec-border-subtle);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-foot-note {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .event-week-board-foot-note {
   margin: 0;
   font-size: 0.875rem;
   opacity: 0.75;
@@ -63015,36 +63558,69 @@ const containerResponsiveThemeCss = `/*
 /* Responsive: collapse day columns to a stacked list on narrow viewports */
 @container rb-site (max-width: 1023px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-grid {
+:where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-top {
+    grid-template-columns: 1fr;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-title,
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-navigation,
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-legend {
+    grid-column: 1;
+    justify-self: center;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-grid {
     grid-template-columns: 1fr;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-day {
     min-height: 0;
     border-right: none;
     border-bottom: var(--rb-border-width, 1px) solid rgb(var(--tb-border));
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day:last-child {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-day:last-child {
     border-bottom: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day--empty {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-day--empty {
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-head {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-day-head {
     border-bottom: none;
     padding-bottom: 0.25rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-day-body {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-day-body {
     flex-direction: row;
     flex-wrap: wrap;
     padding-top: 0.35rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-card {
     flex: 1 1 14rem;
   }
 }
@@ -63052,11 +63628,37 @@ const containerResponsiveThemeCss = `/*
 
 @container rb-site (max-width: 639px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-legend {
+:where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-navigation {
+    display: grid;
+    grid-template-columns: 2.25rem minmax(0, 1fr) 2.25rem;
+    width: 100%;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-navigation
+    > :last-child {
+    grid-column: 1 / -1;
+    justify-self: center;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-range {
+    min-width: 0;
+  }
+
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-legend {
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-week-board-card {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-week-board-card {
     flex: 1 1 100%;
   }
 }
@@ -63073,8 +63675,9 @@ const containerResponsiveThemeCss = `/*
  * Opt-in only: the band paints when the board root carries [data-banded];
  * the generic default is bandless.
  * ----------------------------------------------------------------------------- */
-:where(.theme-scope) [data-slot="section"]:has(.event-calendar--week-board[data-banded])::before {
-  content: "";
+:where(.theme-scope)
+  [data-slot='section']:has(.event-calendar--week-board[data-banded])::before {
+  content: '';
   position: absolute;
   inset: 0;
   z-index: -9;
@@ -63128,7 +63731,7 @@ const containerResponsiveThemeCss = `/*
  * ----------------------------------------------------------------------------- */
 
 /* Modal overlay */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-overlay {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-overlay {
   position: fixed;
   inset: 0;
   background: var(--ec-modal-overlay-bg);
@@ -63142,12 +63745,16 @@ const containerResponsiveThemeCss = `/*
 }
 
 @keyframes ec-modal-fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 /* Modal dialog */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal {
   position: relative;
   background: var(--ec-modal-bg);
   border-radius: var(--rb-block-radius);
@@ -63171,17 +63778,17 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Event modal - constrained width for card */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal--event {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal--event {
   max-width: 26rem;
 }
 
 /* Day modal */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal--day {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal--day {
   max-width: 28rem;
 }
 
 /* Close button */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-close {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-close {
   position: absolute;
   top: 0.75rem;
   right: 0.75rem;
@@ -63202,31 +63809,35 @@ const containerResponsiveThemeCss = `/*
   z-index: 10;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-close:hover {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .ec-modal-close:hover {
   opacity: 1;
   background-color: rgba(var(--tb-text), 0.1);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-close:focus-visible {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .ec-modal-close:focus-visible {
   outline: 2px solid rgb(var(--tb-primary));
   outline-offset: 2px;
 }
 
 /* Modal header (for day modal) */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-header {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-header {
   padding: 1.5rem 1.5rem 1rem;
   padding-right: 3rem; /* Space for close button */
   border-bottom: 1px solid var(--ec-border);
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-title {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-title {
   font-size: 1.125rem;
   font-weight: 600;
   color: var(--ec-text);
   margin: 0;
 }
 
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-subtitle {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-subtitle {
   font-size: 0.875rem;
   color: var(--ec-text);
   opacity: 0.7;
@@ -63234,17 +63845,20 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* Modal content */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal-content {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-modal-content {
   padding: 1rem;
 }
 
 /* Event modal: tighter padding for card */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal--event .ec-modal-content {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  .ec-modal--event
+  .ec-modal-content {
   padding: 0.5rem;
 }
 
 /* Day events list */
-:where(.theme-scope) :where([data-block="event-calendar"]) .ec-day-events-list {
+:where(.theme-scope) :where([data-block='event-calendar']) .ec-day-events-list {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -63252,7 +63866,9 @@ const containerResponsiveThemeCss = `/*
 }
 
 /* AgendaEventCard in button mode inherits most styles, just needs cursor */
-:where(.theme-scope) :where([data-block="event-calendar"]) button.event-agenda-card {
+:where(.theme-scope)
+  :where([data-block='event-calendar'])
+  button.event-agenda-card {
   cursor: pointer;
   text-align: left;
   font-family: inherit;
@@ -63261,7 +63877,9 @@ const containerResponsiveThemeCss = `/*
 /* Responsive adjustments */
 @container rb-site (max-width: 640px) {
 @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
-:where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-container {
+:where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-container {
     margin-left: -1.5rem;
     margin-right: -1.5rem;
     border-left: none;
@@ -63269,28 +63887,38 @@ const containerResponsiveThemeCss = `/*
     border-radius: 0;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day-header {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-day-header {
     font-size: 0.75rem;
     padding: 0.375rem 0.125rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-day {
     min-height: 88px;
     padding: 0.125rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-title {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-title {
     font-size: 0.9375rem;
     min-width: 0;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-day-number {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-day-number {
     font-size: 0.75rem;
     margin-bottom: 0.125rem;
     padding: 0 0.125rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-event {
     justify-content: center;
     gap: 0.25rem;
     padding: 0.1875rem 0.25rem;
@@ -63298,25 +63926,34 @@ const containerResponsiveThemeCss = `/*
     border-radius: calc(var(--rb-block-radius) / 3);
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event-time {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-event-time {
     text-align: center;
     font-size: 0.625rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-event-title {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-event-title {
     display: none;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-more {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-more {
     padding: 0.125rem 0.25rem;
     font-size: 0.6875rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .event-calendar-header > button {
+  :where(.theme-scope)
+    :where([data-block='event-calendar'])
+    .event-calendar-header
+    > button {
     margin-right: 0.25rem;
   }
 
-  :where(.theme-scope) :where([data-block="event-calendar"]) .ec-modal {
+  :where(.theme-scope) :where([data-block='event-calendar']) .ec-modal {
     max-width: 100%;
     max-height: 85vh;
     margin: 0 0.5rem;
@@ -68086,16 +68723,21 @@ function toBlocksPageRendererDataContext(dataContext) {
 		imageResolveContext: toBlocksImageResolveContextInput(dataContext.imageResolveContext)
 	};
 }
-function PageRenderer(props) {
-	const blocksSdkConfig = props.sdkConfig ? { customBlocks: normalizeSdkCustomBlocks(props.sdkConfig.customBlocks) } : props.sdkConfig;
-	const { rendering: _rendering, theme: _theme, themeTokens: _themeTokens, ...commonProps } = props;
-	const commonBlocksProps = {
-		...commonProps,
+function toBlocksCommonProps(props) {
+	return {
+		page: props.page,
+		runtimeBoundaries: props.runtimeBoundaries,
 		dataContext: props.dataContext ? toBlocksPageRendererDataContext(props.dataContext) : void 0,
+		routeMap: props.routeMap,
+		wrapBlock: props.wrapBlock,
+		registry: props.registry,
 		blockOverrides: toBlocksBlockOverrides(props.blockOverrides),
-		sdkConfig: blocksSdkConfig,
+		sdkConfig: props.sdkConfig ? { customBlocks: normalizeSdkCustomBlocks(props.sdkConfig.customBlocks) } : props.sdkConfig,
 		customBlocks: normalizeSdkCustomBlocks(props.customBlocks)
 	};
+}
+function PageRenderer(props) {
+	const commonBlocksProps = toBlocksCommonProps(props);
 	const blocksProps = isOverrideOnlyPageRenderer(props) ? {
 		...commonBlocksProps,
 		rendering: { kind: "overrides-only" },
@@ -68171,12 +68813,14 @@ function resolvePageThemeTokens(props) {
 		}
 	} : baseTokens;
 }
+function resolveSdkBookingTimeZone(timeZone) {
+	return timeZone ?? "UTC";
+}
 function PageContent(props) {
-	const { page, runtimeBoundaries, siteId, resolvedData, bookingOfferingPresets, routeMap, pagesByIdentifier, entriesByIdentifier, wrapBlock, registry, usePlaceholders = false, blockOverrides, sdkConfig, customBlocks, supabaseUrl, mediaAssets, apiBaseUrl, portalToken, previewToken, dataContext } = props;
+	const { page, runtimeBoundaries, siteId, resolvedData, bookingOfferingPresets, bookingTimeZone, routeMap, pagesByIdentifier, entriesByIdentifier, wrapBlock, registry, blockOverrides, sdkConfig, customBlocks, supabaseUrl, mediaAssets, apiBaseUrl, portalToken, previewToken, dataContext } = props;
 	const rendererCommonProps = {
 		page,
 		runtimeBoundaries,
-		usePlaceholders,
 		dataContext: {
 			siteId,
 			apiBaseUrl,
@@ -68184,6 +68828,7 @@ function PageContent(props) {
 			previewToken,
 			resolvedData,
 			bookingOfferingPresets: bookingOfferingPresets ?? [],
+			bookingTimeZone: resolveSdkBookingTimeZone(bookingTimeZone),
 			routes: routeMap,
 			pagesByIdentifier,
 			entriesByIdentifier,
@@ -68723,233 +69368,6 @@ function requireSdkTheme(theme, siteId, reason = "cms_theme_absent") {
 //#region src/rendering/renderingMode.ts
 const defaultOverrideOnlyRuntime = { kind: "responsive-only" };
 //#endregion
-//#region src/rendering/components/Layout.tsx
-/**
-* Layout component with header and footer
-*
-* Renders site header and footer around content. Fetches site data if not provided.
-*/
-function isOverrideOnlyLayout(props) {
-	return props.rendering?.kind === "overrides-only";
-}
-var UnsupportedOverrideOnlyLayoutChromeError = class extends Error {
-	constructor(surface) {
-		super(`Override-only Layout requires a custom or disabled ${surface}; SDK default chrome is unavailable.`);
-		this.surface = surface;
-		this.code = "unsupported_override_only_layout_chrome";
-		this.name = "UnsupportedOverrideOnlyLayoutChromeError";
-	}
-};
-async function resolveLayoutSiteData(props) {
-	if (props.siteData) return props.siteData;
-	if (!props.client) throw new Error("Layout: must provide either siteData or client");
-	if (!props.siteId && !props.slug && !props.domain) throw new Error("Layout: must provide siteId, slug, or domain when using client");
-	return props.client.getSite({
-		id: props.siteId,
-		slug: props.slug,
-		domain: props.domain
-	});
-}
-function renderOverrideOnlyLayout(props, data) {
-	if (data.header === true) throw new UnsupportedOverrideOnlyLayoutChromeError("header");
-	if (data.footer === true) throw new UnsupportedOverrideOnlyLayoutChromeError("footer");
-	return renderWithOverrideOnlyRuntime({
-		runtime: props.rendering.runtime ?? defaultOverrideOnlyRuntime,
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [
-			typeof props.header === "function" ? props.header(data.headerData) : null,
-			props.children,
-			typeof props.footer === "function" ? props.footer(data.footerData) : null
-		] })
-	});
-}
-/**
-* Layout component that wraps content with site header and footer.
-*
-* This is a server/RSC-safe component. The default `@riverbankcms/sdk/rendering`
-* `Page` and `Block` surfaces mount CMS island hydration automatically, while
-* the strict `@riverbankcms/sdk/rendering/server` surface stays bootstrap-free.
-* If a custom host renders hydratable CMS islands through the strict server
-* surface, mount `BlocksIslandsHydrator` from
-* `@riverbankcms/sdk/rendering/islands` explicitly.
-*
-* @example With pre-fetched site data (recommended)
-* ```tsx
-* import { Layout } from '@riverbankcms/sdk/rendering/server';
-* import { Page } from '@riverbankcms/sdk/rendering';
-*
-* const site = await client.getSite({ slug: 'my-site' });
-*
-* <Layout siteData={site}>
-*   <Page {...pageData} />
-* </Layout>
-* ```
-*
-* @example With strict server rendering
-* ```tsx
-* import { Layout, Page } from '@riverbankcms/sdk/rendering/server';
-* import { BlocksIslandsHydrator } from '@riverbankcms/sdk/rendering/islands';
-*
-* const site = await client.getSite({ slug: 'my-site' });
-*
-* <Layout siteData={site}>
-*   <BlocksIslandsHydrator siteId={site.site.id} supabaseUrl={site.supabaseUrl} />
-*   <Page {...pageData} />
-* </Layout>
-* ```
-*/
-async function Layout(props) {
-	const { children, hasPortalSession = false, previewStage = "published" } = props;
-	const header = props.header ?? true;
-	const footer = props.footer ?? true;
-	const siteData = await resolveLayoutSiteData(props);
-	const { site, navigation, layout, routes } = siteData;
-	const footerBlocks = siteData.footerBlocks ?? [];
-	const navigationOptions = {
-		hasPortalSession,
-		previewStage,
-		pagesByIdentifier: siteData.pagesByIdentifier,
-		entriesByIdentifier: siteData.entriesByIdentifier,
-		portalEnabled: siteData.portalEnabled ?? false,
-		commerceEnabled: siteData.commerceEnabled ?? false,
-		checkoutHref: "/checkout"
-	};
-	const menuViewModel = buildMenu(navigation, routes, navigationOptions);
-	const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
-	const legalFooterMenuViewModel = buildFooterMenuForRole(navigation, routes, "legal-policy", navigationOptions);
-	const logoViewModel = buildLogo(layout.logo ?? null, site.title);
-	const customHeaderData = {
-		menu: menuViewModel,
-		logo: logoViewModel,
-		site,
-		routes
-	};
-	const customFooterData = {
-		menu: menuViewModel,
-		footerMenu: footerMenuViewModel,
-		legalFooterMenu: legalFooterMenuViewModel,
-		logo: logoViewModel,
-		site,
-		routes
-	};
-	if (isOverrideOnlyLayout(props)) return renderOverrideOnlyLayout(props, {
-		header: props.header ?? true,
-		footer: props.footer ?? true,
-		headerData: customHeaderData,
-		footerData: customFooterData
-	});
-	const theme = requireSdkTheme(siteData.theme, site.id);
-	const builtThemeRuntime = buildThemeRuntime(theme);
-	const headerVariant = props.headerVariant;
-	const themeRuntime = props.themeRuntime;
-	const headerData = {
-		...customHeaderData,
-		theme
-	};
-	const footerData = {
-		...customFooterData,
-		theme
-	};
-	const headerContent = headerVariant ? {
-		...layout.header,
-		variant: headerVariant
-	} : layout.header;
-	const themeWithVariant = headerVariant ? {
-		...theme,
-		header: {
-			...theme.header,
-			variant: headerVariant
-		}
-	} : theme;
-	const blocksThemeWithVariant = themeWithVariant;
-	const blocksTheme = theme;
-	let apiBaseUrl;
-	try {
-		apiBaseUrl = getRiverbankEnv().baseUrl;
-	} catch {}
-	const sharedViewModelOverrides = {
-		$root: {
-			siteId: site.id,
-			apiBaseUrl,
-			previewStage,
-			routes,
-			pagesByIdentifier: siteData.pagesByIdentifier,
-			entriesByIdentifier: siteData.entriesByIdentifier,
-			theme: themeWithVariant
-		},
-		site,
-		menu: menuViewModel,
-		footerMenu: footerMenuViewModel,
-		legalFooterMenu: legalFooterMenuViewModel
-	};
-	const headerViewModelOverrides = {
-		...sharedViewModelOverrides,
-		content: { logo: logoViewModel }
-	};
-	const footerViewModelOverrides = {
-		...sharedViewModelOverrides,
-		content: {
-			...layout.footer,
-			logo: logoViewModel
-		}
-	};
-	let headerElement = null;
-	if (header === true) headerElement = renderBlock(siteHeaderManifest, headerContent, {
-		theme: builtThemeRuntime.tokens,
-		themeConfig: blocksThemeWithVariant,
-		viewModelOverrides: headerViewModelOverrides
-	});
-	else if (typeof header === "function") headerElement = header(headerData);
-	let footerElement = null;
-	if (footer === true) {
-		const footerPlan = resolveFooterRenderPlan({
-			isSdkSite: Boolean(site.is_sdk_site),
-			mode: theme.footer?.mode
-		});
-		const footerBlocksElement = footerPlan.renderFooterBlocks && footerBlocks.length > 0 ? /* @__PURE__ */ jsx(PageRenderer, {
-			theme,
-			page: {
-				name: "Footer",
-				path: "/__footer",
-				purpose: "footer",
-				blocks: footerBlocks
-			},
-			routeMap: routes,
-			dataContext: {
-				previewStage,
-				siteId: site.id,
-				apiBaseUrl,
-				routes,
-				pagesByIdentifier: siteData.pagesByIdentifier,
-				entriesByIdentifier: siteData.entriesByIdentifier
-			},
-			sdkConfig: siteData.sdkConfig ?? null
-		}) : null;
-		if (footerPlan.renderFooterBlocks && !footerBlocksElement && process.env.NODE_ENV !== "production") console.debug("[sdk] Footer mode renders blocks, but footerBlocks is empty/missing", {
-			siteId: site.id,
-			mode: footerPlan.mode
-		});
-		const defaultFooterElement = footerPlan.renderDefaultFooter ? renderBlock(siteFooterManifest, layout.footer, {
-			theme: builtThemeRuntime.tokens,
-			themeConfig: blocksTheme,
-			viewModelOverrides: footerViewModelOverrides
-		}) : null;
-		footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs(Fragment, { children: [footerBlocksElement, defaultFooterElement] }) : footerPlan.mode === "blocks" ? footerBlocksElement : footerPlan.mode === "none" ? null : defaultFooterElement;
-	} else if (typeof footer === "function") footerElement = footer(footerData);
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		headerElement,
-		children,
-		footerElement
-	] });
-	return renderWithSdkThemeRuntime({
-		theme,
-		themeRuntime: planLayoutThemeRuntime({
-			themeRuntime,
-			usesSdkChrome: header === true || footer === true
-		}),
-		children: content
-	});
-}
-//#endregion
 //#region ../blocks/src/system/runtime/bindings.ts
 const shouldLogWarnings = isNonProductionEnv();
 function isPlainObject(value) {
@@ -69326,6 +69744,348 @@ function normalizeLoaderParams(endpoint, params, context) {
 	ensureSiteId(out, context);
 	return out;
 }
+//#endregion
+//#region src/rendering/helpers/siteCustomBlocks.ts
+/**
+* Prefer the DB-backed custom block manifest list (`site.customBlocks`) when available,
+* but fall back to SDK config custom blocks (`site.sdkConfig.customBlocks`) for SDK-mode sites.
+*
+* This avoids subtle DX bugs where one source is populated but the renderer/prefetch layer
+* is looking at the other.
+*/
+function resolveSiteCustomBlocks(site) {
+	const dbBlocks = site.customBlocks;
+	if (Array.isArray(dbBlocks) && dbBlocks.length > 0) return dbBlocks;
+	const sdkBlocks = site.sdkConfig?.customBlocks;
+	if (Array.isArray(sdkBlocks) && sdkBlocks.length > 0) return sdkBlocks;
+}
+//#endregion
+//#region src/rendering/helpers/pageRuntimeSupport.ts
+function convertPageResponseBlock(block) {
+	if (!isRecord$3(block)) throw new Error("Invalid block format in page API response");
+	if (typeof block.id !== "string" && block.id !== null) throw new Error(`Invalid block id in page: expected string or null, got ${typeof block.id}`);
+	if (typeof block.kind !== "string") throw new Error(`Invalid block kind in page: expected string, got ${typeof block.kind}`);
+	if (typeof block.purpose !== "string") throw new Error(`Invalid block purpose in page: expected string, got ${typeof block.purpose}`);
+	const admission = readInvalidBlockAdmission(block.admission);
+	return {
+		id: block.id,
+		kind: block.kind,
+		purpose: block.purpose,
+		content: sanitizeSdkRuntimeBlockContent(block.kind, readContentRecord(block.content) ?? {}),
+		draftContent: sanitizeNullableSdkRuntimeBlockContent(block.kind, readNestedContentRecord(block.draftContent)),
+		...admission ? { admission } : {}
+	};
+}
+function readInvalidBlockAdmission(value) {
+	if (!isRecord$3(value) || value.kind !== "invalid" || !isRecord$3(value.error)) return null;
+	if (value.error.kind !== "invalid_manifest_content" && value.error.kind !== "manifest_unavailable") return null;
+	return value;
+}
+function buildPageOutline(input) {
+	return {
+		name: input.name,
+		path: input.path ?? input.fallbackPath,
+		purpose: input.purpose,
+		blocks: input.blocks.map(convertPageResponseBlock)
+	};
+}
+function buildRenderablePageOutline(input) {
+	const page = buildPageOutline(input);
+	return {
+		...page,
+		blocks: page.blocks.map((block) => admitSdkRuntimePageBlock(block, input.customBlocks))
+	};
+}
+function admitSdkRuntimePageBlock(block, customBlocks) {
+	const base = {
+		id: block.id,
+		kind: block.kind,
+		purpose: block.purpose,
+		...block.bindings ? { bindings: block.bindings } : {}
+	};
+	const transportedAdmission = readInvalidBlockAdmission(block.admission);
+	if (transportedAdmission) return invalidRenderableBlock(base, transportedAdmission.error);
+	const manifest = resolveSdkBlockManifest(block.kind, customBlocks);
+	if (!manifest) return invalidRenderableBlock(base, { kind: "manifest_unavailable" });
+	const content = block.content ?? {};
+	const renderable = admitTransportedRenderableManifestContent(compileManifestContentContract(manifest), content);
+	if (!renderable.ok) return invalidRenderableBlock(base, {
+		kind: "invalid_manifest_content",
+		error: renderable.error
+	});
+	return {
+		...base,
+		admission: {
+			kind: "renderable",
+			content: renderable.value
+		}
+	};
+}
+function resolveSdkBlockManifest(blockKind, customBlocks) {
+	const customBlock = customBlocks?.find((candidate) => candidate.id === blockKind);
+	return customBlock ? parseFieldDefinitions(customBlock.fields) : getBlockDefinition(blockKind)?.manifest ?? null;
+}
+function invalidRenderableBlock(block, error) {
+	return {
+		...block,
+		admission: {
+			kind: "invalid",
+			error
+		}
+	};
+}
+function isRecord$3(value) {
+	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function readContentRecord(value) {
+	return isRecord$3(value) ? value : void 0;
+}
+function readNestedContentRecord(value) {
+	if (!isRecord$3(value)) return null;
+	return readContentRecord(value.data) ?? null;
+}
+function sanitizeSdkRuntimeBlockContent(blockKind, content) {
+	if (blockKind !== "block.newsletter-signup") return content;
+	const sanitized = sanitizeNewsletterSignupPublicContent(content);
+	return isRecord$3(sanitized) ? sanitized : {};
+}
+function sanitizeNullableSdkRuntimeBlockContent(blockKind, content) {
+	return content ? sanitizeSdkRuntimeBlockContent(blockKind, content) : null;
+}
+//#endregion
+//#region src/rendering/helpers/footerPageOutline.ts
+function buildFooterRenderablePageOutline(siteData, blocks) {
+	return buildRenderablePageOutline({
+		name: "Footer",
+		path: "/__footer",
+		fallbackPath: "/__footer",
+		purpose: "footer",
+		blocks,
+		customBlocks: resolveSiteCustomBlocks(siteData)
+	});
+}
+//#endregion
+//#region src/rendering/components/Layout.tsx
+/**
+* Layout component with header and footer
+*
+* Renders site header and footer around content. Fetches site data if not provided.
+*/
+function isOverrideOnlyLayout(props) {
+	return props.rendering?.kind === "overrides-only";
+}
+var UnsupportedOverrideOnlyLayoutChromeError = class extends Error {
+	constructor(surface) {
+		super(`Override-only Layout requires a custom or disabled ${surface}; SDK default chrome is unavailable.`);
+		this.surface = surface;
+		this.code = "unsupported_override_only_layout_chrome";
+		this.name = "UnsupportedOverrideOnlyLayoutChromeError";
+	}
+};
+async function resolveLayoutSiteData(props) {
+	if (props.siteData) return props.siteData;
+	if (!props.client) throw new Error("Layout: must provide either siteData or client");
+	if (!props.siteId && !props.slug && !props.domain) throw new Error("Layout: must provide siteId, slug, or domain when using client");
+	return props.client.getSite({
+		id: props.siteId,
+		slug: props.slug,
+		domain: props.domain
+	});
+}
+function renderOverrideOnlyLayout(props, data) {
+	if (data.header === true) throw new UnsupportedOverrideOnlyLayoutChromeError("header");
+	if (data.footer === true) throw new UnsupportedOverrideOnlyLayoutChromeError("footer");
+	return renderWithOverrideOnlyRuntime({
+		runtime: props.rendering.runtime ?? defaultOverrideOnlyRuntime,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			typeof props.header === "function" ? props.header(data.headerData) : null,
+			props.children,
+			typeof props.footer === "function" ? props.footer(data.footerData) : null
+		] })
+	});
+}
+/**
+* Layout component that wraps content with site header and footer.
+*
+* This is a server/RSC-safe component. The default `@riverbankcms/sdk/rendering`
+* `Page` and `Block` surfaces mount CMS island hydration automatically, while
+* the strict `@riverbankcms/sdk/rendering/server` surface stays bootstrap-free.
+* If a custom host renders hydratable CMS islands through the strict server
+* surface, mount `BlocksIslandsHydrator` from
+* `@riverbankcms/sdk/rendering/islands` explicitly.
+*
+* @example With pre-fetched site data (recommended)
+* ```tsx
+* import { Layout } from '@riverbankcms/sdk/rendering/server';
+* import { Page } from '@riverbankcms/sdk/rendering';
+*
+* const site = await client.getSite({ slug: 'my-site' });
+*
+* <Layout siteData={site}>
+*   <Page {...pageData} />
+* </Layout>
+* ```
+*
+* @example With strict server rendering
+* ```tsx
+* import { Layout, Page } from '@riverbankcms/sdk/rendering/server';
+* import { BlocksIslandsHydrator } from '@riverbankcms/sdk/rendering/islands';
+*
+* const site = await client.getSite({ slug: 'my-site' });
+*
+* <Layout siteData={site}>
+*   <BlocksIslandsHydrator siteId={site.site.id} supabaseUrl={site.supabaseUrl} />
+*   <Page {...pageData} />
+* </Layout>
+* ```
+*/
+async function Layout(props) {
+	const { children, hasPortalSession = false, previewStage = "published" } = props;
+	const header = props.header ?? true;
+	const footer = props.footer ?? true;
+	const siteData = await resolveLayoutSiteData(props);
+	const { site, navigation, layout, routes } = siteData;
+	const footerBlocks = siteData.footerBlocks ?? [];
+	const navigationOptions = {
+		hasPortalSession,
+		previewStage,
+		pagesByIdentifier: siteData.pagesByIdentifier,
+		entriesByIdentifier: siteData.entriesByIdentifier,
+		portalEnabled: siteData.portalEnabled ?? false,
+		commerceEnabled: siteData.commerceEnabled ?? false,
+		checkoutHref: "/checkout"
+	};
+	const menuViewModel = buildMenu(navigation, routes, navigationOptions);
+	const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
+	const legalFooterMenuViewModel = buildFooterMenuForRole(navigation, routes, "legal-policy", navigationOptions);
+	const logoViewModel = buildLogo(layout.logo ?? null, site.title);
+	const customHeaderData = {
+		menu: menuViewModel,
+		logo: logoViewModel,
+		site,
+		routes
+	};
+	const customFooterData = {
+		menu: menuViewModel,
+		footerMenu: footerMenuViewModel,
+		legalFooterMenu: legalFooterMenuViewModel,
+		logo: logoViewModel,
+		site,
+		routes
+	};
+	if (isOverrideOnlyLayout(props)) return renderOverrideOnlyLayout(props, {
+		header: props.header ?? true,
+		footer: props.footer ?? true,
+		headerData: customHeaderData,
+		footerData: customFooterData
+	});
+	const theme = requireSdkTheme(siteData.theme, site.id);
+	const builtThemeRuntime = buildThemeRuntime(theme);
+	const headerVariant = props.headerVariant;
+	const themeRuntime = props.themeRuntime;
+	const headerData = {
+		...customHeaderData,
+		theme
+	};
+	const footerData = {
+		...customFooterData,
+		theme
+	};
+	const headerContent = headerVariant ? {
+		...layout.header,
+		variant: headerVariant
+	} : layout.header;
+	const themeWithVariant = headerVariant ? {
+		...theme,
+		header: {
+			...theme.header,
+			variant: headerVariant
+		}
+	} : theme;
+	const blocksThemeWithVariant = themeWithVariant;
+	const blocksTheme = theme;
+	let apiBaseUrl;
+	try {
+		apiBaseUrl = getRiverbankEnv().baseUrl;
+	} catch {}
+	const sharedViewModelOverrides = {
+		$root: {
+			siteId: site.id,
+			apiBaseUrl,
+			previewStage,
+			routes,
+			pagesByIdentifier: siteData.pagesByIdentifier,
+			entriesByIdentifier: siteData.entriesByIdentifier,
+			theme: themeWithVariant
+		},
+		site,
+		menu: menuViewModel,
+		footerMenu: footerMenuViewModel,
+		legalFooterMenu: legalFooterMenuViewModel
+	};
+	const headerViewModelOverrides = {
+		...sharedViewModelOverrides,
+		content: { logo: logoViewModel }
+	};
+	const footerViewModelOverrides = {
+		...sharedViewModelOverrides,
+		content: {
+			...layout.footer,
+			logo: logoViewModel
+		}
+	};
+	let headerElement = null;
+	if (header === true) headerElement = renderBlock(siteHeaderManifest, headerContent, {
+		theme: builtThemeRuntime.tokens,
+		themeConfig: blocksThemeWithVariant,
+		viewModelOverrides: headerViewModelOverrides
+	});
+	else if (typeof header === "function") headerElement = header(headerData);
+	let footerElement = null;
+	if (footer === true) {
+		const footerPlan = resolveFooterRenderPlan({
+			isSdkSite: Boolean(site.is_sdk_site),
+			mode: theme.footer?.mode
+		});
+		const footerBlocksElement = footerPlan.renderFooterBlocks && footerBlocks.length > 0 ? /* @__PURE__ */ jsx(PageRenderer, {
+			theme,
+			page: buildFooterRenderablePageOutline(siteData, footerBlocks),
+			routeMap: routes,
+			dataContext: {
+				previewStage,
+				siteId: site.id,
+				apiBaseUrl,
+				routes,
+				pagesByIdentifier: siteData.pagesByIdentifier,
+				entriesByIdentifier: siteData.entriesByIdentifier
+			},
+			sdkConfig: siteData.sdkConfig ?? null
+		}) : null;
+		if (footerPlan.renderFooterBlocks && !footerBlocksElement && process.env.NODE_ENV !== "production") console.debug("[sdk] Footer mode renders blocks, but footerBlocks is empty/missing", {
+			siteId: site.id,
+			mode: footerPlan.mode
+		});
+		const defaultFooterElement = footerPlan.renderDefaultFooter ? renderBlock(siteFooterManifest, layout.footer, {
+			theme: builtThemeRuntime.tokens,
+			themeConfig: blocksTheme,
+			viewModelOverrides: footerViewModelOverrides
+		}) : null;
+		footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs(Fragment, { children: [footerBlocksElement, defaultFooterElement] }) : footerPlan.mode === "blocks" ? footerBlocksElement : footerPlan.mode === "none" ? null : defaultFooterElement;
+	} else if (typeof footer === "function") footerElement = footer(footerData);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		headerElement,
+		children,
+		footerElement
+	] });
+	return renderWithSdkThemeRuntime({
+		theme,
+		themeRuntime: planLayoutThemeRuntime({
+			themeRuntime,
+			usesSdkChrome: header === true || footer === true
+		}),
+		children: content
+	});
+}
 function blockedDemoMutationPolicy(classification, publicMessage) {
 	if (publicMessage.trim() === "") throw new Error(`Demo mutation policy ${classification} requires publicMessage.`);
 	return {
@@ -70524,6 +71284,13 @@ const PUBLIC_WHOLE_SERIES_ENDPOINT_DEFINITIONS = defineEndpointDefinitions({
 //#endregion
 //#region ../api/src/publicEventEndpointDefinitions.ts
 const PUBLIC_EVENT_ENDPOINT_DEFINITIONS = defineEndpointDefinitions({
+	resolvePublicEventCheckoutReturn: {
+		path: "/public/sites/{siteId}/events/checkout-return",
+		method: "POST",
+		tags: [TAG_TEMPLATES.publicEvents, "event-checkout"],
+		auth: "public",
+		responseKind: "json"
+	},
 	getPublicEventRegistrationOptions: {
 		path: "/public/sites/{siteId}/events/registration-options",
 		method: "POST",