@riverbankcms/sdk 0.135.1 → 0.136.0

package/dist/server/next.mjs

@@ -1788,6 +1788,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",
@@ -17795,12 +17802,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$1.enum([...headerVariantValues, ...legacyHeaderVariantValues]).transform((value) => value in legacyHeaderVariants ? legacyHeaderVariants[value] : value);
 const BREAKPOINT_LG = 1024;
@@ -18391,7 +18394,6 @@ const navFontWeight = z$1.enum([
 	"bold"
 ]);
 const headerMaxWidth = z$1.enum(["container", "full"]);
-const headerBarFrame = z$1.enum(["full-bleed", "inset-shell"]);
 const headerBorderSchema = componentBorderSchema.extend({ position: z$1.enum([
 	"bottom",
 	"top",
@@ -18420,12 +18422,6 @@ const headerLogoTextSchema = z$1.object({
 	]).optional(),
 	hideOnShrink: z$1.boolean().optional()
 }).optional();
-const navEffectsSchema = z$1.object({
-	underlineGradient: z$1.boolean().default(false),
-	glow: z$1.boolean().default(false),
-	glowColor: z$1.string().optional(),
-	neumorphic: z$1.boolean().default(false)
-}).optional();
 const dropdownStyleSchema = z$1.object({
 	background: themeColorTokenSchema.default("surface"),
 	textColor: themeColorTokenSchema.default("text"),
@@ -18517,9 +18513,7 @@ const headerSchema = z$1.object({
 	positioning: headerPositioning,
 	shrinkOnScroll: z$1.boolean(),
 	maxWidth: headerMaxWidth,
-	barFrame: headerBarFrame.optional(),
 	scrollTreatment: headerScrollTreatmentSchema,
-	logoOverride: mediaSchema.nullable().optional(),
 	background: headerBackgroundSchema.default({
 		type: "color",
 		color: "surface"
@@ -18531,13 +18525,11 @@ const headerSchema = z$1.object({
 	navFontRole: z$1.enum(["body", "heading"]).optional(),
 	navTextSize: navLinkStyleSchema.shape.textSize,
 	interactionPalette: headerInteractionPaletteSchema.optional(),
-	navPlacement: z$1.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(),
@@ -19627,7 +19619,6 @@ const ALLOWED_TRANSFORM_IDS = [
 	"layout.footerRootClass",
 	"layout.headerRootStyle",
 	"layout.headerSectionBackground",
-	"layout.classicNavMode",
 	"layout.footerRootStyle",
 	"ui.headerNavLinkClass",
 	"ui.headingClassFromAlignment",
@@ -22115,6 +22106,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) {
@@ -22149,10 +22149,6 @@ function normalizeStoredRepeaterItems(plan, value, ctx) {
 		return normalizeStoredObjectChildren(fields, itemRecord, ctx);
 	});
 }
-function validateFieldValue(plan, value, options = {}) {
-	const ctx = strictValidationContext(options);
-	return validateNormalizedFieldValue(plan, normalizeFieldValue(plan, value, ctx), ctx);
-}
 function normalizeFieldValue(plan, value, ctx) {
 	switch (plan.kind) {
 		case "number": return normalizeNumberInput(value, ctx.allowNull);
@@ -22452,6 +22448,14 @@ function fieldPlanToObjectPropertyZod(plan, options = {}) {
 		default: return assertNever$15(presence);
 	}
 }
+/** Validate stored field values without applying editor/write normalization. */
+function fieldPlanToStoredObjectPropertyZod(plan) {
+	const ctx = strictValidationContext({ allowNull: false });
+	const schema = z$1.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);
@@ -22557,36 +22561,6 @@ function findNestedFieldValidationPlan(plan, path) {
 function sameFieldPath(left, right) {
 	return left.length === right.length && left.every((segment, index) => segment === right[index]);
 }
-function validateExplicitNullsForPush(plans, content, ctx) {
-	if (!isPlainObject$5(content)) return [];
-	return plans.flatMap((plan) => validateExplicitNullForPushPlan(plan, content[plan.fieldId], ctx));
-}
-function validateExplicitNullForPushPlan(plan, value, ctx) {
-	if (value === null) return !plan.required && !ctx.allowNull && !acceptsOptionalNullValue(plan) ? validateFieldValue(plan, value, { allowNull: false }) : [];
-	switch (plan.kind) {
-		case "group": return validateExplicitNullsForPush(selectedGroupChildPlans(plan, value), value, childValidationContext(plan, ctx));
-		case "repeater": return validateExplicitNullsForPushRepeater(plan, value, ctx);
-		case "string":
-		case "number":
-		case "boolean":
-		case "richText":
-		case "inlineText":
-		case "media":
-		case "link":
-		case "select":
-		case "passthrough": return [];
-		default: return assertNever$15(plan);
-	}
-}
-function validateExplicitNullsForPushRepeater(plan, value, ctx) {
-	if (!isUnknownArray$2(value)) return [];
-	return value.flatMap((item, index) => {
-		if (!isPlainObject$5(item)) return [];
-		const childPlans = plan.repeatedItemVariants ? plan.repeatedItemVariants.find((variant) => variant.typeId === item._type)?.fields : plan.repeatedItemPlan;
-		if (!childPlans) return [];
-		return childPlans.flatMap((childPlan) => validateExplicitNullForPushPlan(materializeRepeaterItemPlan(childPlan, plan.path, index), item[childPlan.fieldId], ctx));
-	});
-}
 function compilePattern(pattern) {
 	try {
 		return new RegExp(pattern);
@@ -22694,6 +22668,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.
@@ -22704,13 +22679,94 @@ function preprocessEmptyValues(content) {
 	for (const [key, value] of Object.entries(content)) result[key] = isEmptyValue$1(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);
+/** Strictly admits already-persisted content without repairing it. */
+function admitStoredManifestContent(contract, content) {
+	const state = contract[compiledManifestContentContract];
+	const nonPortablePaths = state.findNonPortableMediaPaths(content);
+	if (nonPortablePaths.length > 0) return {
+		ok: false,
+		error: {
+			kind: "non_portable_media",
+			paths: nonPortablePaths
+		}
+	};
+	const parsed = state.strictStoredSchema.safeParse(content);
+	return parsed.success ? {
+		ok: true,
+		value: content
+	} : {
+		ok: false,
+		error: zodAdmissionError(parsed.error)
+	};
+}
+/** 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]
+	};
+}
+/**
+* Applies a pure runtime projection to admitted stored content and validates
+* the resulting render shape before granting the renderable proof.
+*/
+function deriveRenderableManifestContent(contract, stored, project) {
+	const projected = project(stored);
+	const parsed = contract[compiledManifestContentContract].renderSchema.safeParse(projected);
+	return parsed.success ? {
+		ok: true,
+		value: projected
+	} : {
+		ok: false,
+		error: zodAdmissionError(parsed.error)
+	};
+}
+/**
+* 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 createManifestValidatorFromPlans(plans, options, normalize) {
+function deriveNormalizedContentZodFromPlans(plans, options, normalize) {
 	const isDraft = options.mode === "draft";
 	const baseSchema = deriveContentZodFromPlans(plans, options);
 	if (isDraft) return z$1.preprocess((content) => preprocessEmptyValues(normalize(plans, content, options)), baseSchema);
@@ -22721,9 +22777,81 @@ function deriveContentZodFromPlans(plans, options) {
 	for (const plan of plans) shape[plan.fieldId] = fieldPlanToObjectPropertyZod(plan, options);
 	return z$1.object(shape).catchall(z$1.unknown()).passthrough();
 }
+function deriveStrictStoredZodFromPlans(plans) {
+	const shape = {};
+	for (const plan of plans) shape[plan.fieldId] = fieldPlanToStoredObjectPropertyZod(plan);
+	return z$1.object(shape).catchall(z$1.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$1(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$1(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$1(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$1(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
 /**
@@ -25931,27 +26059,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",
@@ -26111,43 +26218,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"),
@@ -26157,73 +26258,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"
+		}
+	]
+});
 function asFooterLookId(value) {
 	return value;
 }
@@ -37178,26 +37284,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",
@@ -37303,7 +37389,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);
 	}
 };
@@ -37511,7 +37596,6 @@ const layoutTransforms = [
 	headerLogoClassTransform,
 	headerLogoMediaClassTransform,
 	headerLogoTextVisibleTransform,
-	classicNavModeTransform,
 	footerRootClassTransform,
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
@@ -37914,18 +37998,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",
@@ -37990,7 +38063,6 @@ const siteHeaderBlockDefinition = { manifest: createBlockManifest({
 	}, [
 		mobileHeaderBar,
 		classicLayout,
-		classicCenteredNavLayout,
 		centeredLayout,
 		floatingLayout,
 		mobileOverlay
@@ -42322,67 +42394,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";
@@ -42390,22 +42444,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;
@@ -42415,10 +42464,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,
@@ -42566,13 +42615,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,
@@ -42629,13 +42677,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) ?? []
 		};
 	});
@@ -42787,13 +42835,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;
 }
@@ -43018,10 +43065,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]);
@@ -44782,7 +44829,8 @@ const eventCollectionSourceSchemaShape = {
 	buttonVariant: eventButtonVariantSchema.optional(),
 	buttonText: z$1.string().optional(),
 	emptyMessage: z$1.string().optional(),
-	className: z$1.string().optional()
+	className: z$1.string().optional(),
+	bookingTimeZone: z$1.string().optional()
 };
 const eventCollectionDisplaySchemaShape = {
 	events: z$1.array(publicEventSchema),
@@ -44817,7 +44865,15 @@ const eventCollectionHydrationSchema = z$1.object({
 	prefetchedEvents: z$1.boolean(),
 	eventSurface: eventSurfaceScopeSchema$1,
 	filterEventPresets: z$1.string().nullable(),
-	scheduleScope: eventScheduleScopeSchema$1
+	scheduleScope: eventScheduleScopeSchema$1,
+	calendarContext: z$1.object({
+		timeZone: z$1.string().transform(toBookingTimeZone),
+		initialToday: z$1.object({
+			year: z$1.number().int(),
+			month: z$1.number().int().min(1).max(12),
+			day: z$1.number().int().min(1).max(31)
+		})
+	})
 });
 function buildEventCollectionDisplay(source) {
 	return {
@@ -44862,14 +44918,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) {
@@ -55450,7 +55511,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 [];
@@ -57549,9 +57611,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
@@ -57559,14 +57621,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", {
@@ -57595,6 +57657,50 @@ 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",
@@ -57656,6 +57762,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
 *
@@ -57664,18 +57878,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",
@@ -57687,59 +57904,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
+				})
 			]
 		})
 	});
@@ -57770,6 +57962,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,
@@ -57831,10 +58024,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
@@ -57881,15 +58074,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),
@@ -57956,7 +58149,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", {
@@ -57970,13 +58165,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", {
@@ -58014,8 +58209,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,
@@ -58024,7 +58219,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", {
@@ -58179,20 +58375,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";
@@ -58218,13 +58415,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);
 	}
@@ -61414,36 +61611,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";
@@ -61469,19 +61639,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
 *
@@ -61559,36 +61716,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
@@ -61662,7 +61790,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 = {
@@ -64299,9 +64427,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,
@@ -64400,11 +64562,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,
@@ -64428,7 +64590,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() {
@@ -64446,44 +64607,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;
@@ -64503,6 +64633,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);
@@ -64572,25 +64715,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 }), {
@@ -64598,12 +64726,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;
@@ -64629,6 +64751,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 {
@@ -64675,14 +64798,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", {
@@ -64709,32 +64832,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 ../blocks/src/structure/schema.ts
 const BlockKind = z.string();
@@ -72379,31 +72476,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;
@@ -72418,11 +72521,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;
@@ -72430,13 +72537,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;
@@ -72446,33 +72557,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;
@@ -72480,21 +72601,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;
@@ -72515,24 +72643,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;
@@ -72540,7 +72676,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));
@@ -72552,16 +72690,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);
@@ -72569,21 +72713,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;
@@ -72592,19 +72736,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;
@@ -72616,50 +72764,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;
@@ -72672,12 +72836,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));
@@ -72690,29 +72858,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;
@@ -72722,7 +72896,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;
@@ -72736,24 +72912,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;
@@ -72765,7 +72950,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;
@@ -72778,13 +72963,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;
@@ -72793,7 +72982,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;
@@ -72802,28 +72993,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;
@@ -72832,26 +73031,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;
 }
@@ -72861,20 +73070,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);
@@ -72889,35 +73102,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;
@@ -72932,12 +73159,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));
@@ -72947,17 +73179,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%);
@@ -72966,14 +73210,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;
@@ -72993,21 +73241,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;
@@ -73015,36 +73277,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;
@@ -73052,7 +73328,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;
@@ -73061,32 +73339,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;
   }
@@ -73099,7 +73391,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));
@@ -73116,17 +73408,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. */
@@ -73134,7 +73429,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;
@@ -73142,7 +73440,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;
@@ -73152,38 +73510,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;
@@ -73193,11 +73585,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;
@@ -73206,11 +73602,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;
@@ -73218,18 +73619,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;
@@ -73238,7 +73646,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;
@@ -73258,40 +73668,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;
@@ -73309,20 +73733,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;
@@ -73334,7 +73764,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;
@@ -73343,36 +73775,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;
   }
 }
@@ -73380,11 +73845,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%;
   }
 }
@@ -73401,8 +73892,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;
@@ -73456,7 +73948,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);
@@ -73470,12 +73962,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);
@@ -73499,17 +73995,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;
@@ -73530,31 +74026,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;
@@ -73562,17 +74062,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;
@@ -73580,7 +74083,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;
@@ -73589,7 +74094,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;
@@ -73597,28 +74104,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;
@@ -73626,25 +74143,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;
@@ -78665,6 +79191,82 @@ const SUPPORTED_LOADER_ENDPOINTS$1 = [
 	"getPublicBookingServices",
 	"getPublicWeeklySlotAvailability"
 ];
+function isSupportedLoaderEndpoint$1(endpoint) {
+	return SUPPORTED_LOADER_ENDPOINTS$1.includes(endpoint);
+}
+//#endregion
+//#region ../blocks/src/system/data/publicLoaderCachePolicy.ts
+/**
+* Canonical freshness policy for public block-loader data.
+*
+* Consumers may implement tagged caching differently, but a loader marked
+* live here must not be placed in a process-local or durable stale cache.
+*/
+const PUBLIC_LOADER_CACHE_POLICIES = {
+	listPublishedEntries: {
+		kind: "tagged",
+		tags: ["published_content"]
+	},
+	getPublishedEntryPreview: {
+		kind: "tagged",
+		tags: ["published_content"]
+	},
+	listPublicEvents: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	listPublicRecurringSchedule: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	getPublicEventDetails: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	listPublicWholeSeriesOfferings: {
+		kind: "tagged",
+		tags: ["public_whole_series_offerings"]
+	},
+	getPublicWholeSeriesOffering: {
+		kind: "tagged",
+		tags: ["public_whole_series_offerings"]
+	},
+	listPublicRouteCandidates: {
+		kind: "tagged",
+		tags: ["published_content"]
+	},
+	listPublicTeamMembers: {
+		kind: "tagged",
+		tags: ["public_team_members"]
+	},
+	listPublicProducts: {
+		kind: "tagged",
+		tags: ["public_products"]
+	},
+	listPublicPasses: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	listPublicMemberships: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	getPublicFormById: {
+		kind: "tagged",
+		tags: ["site_forms"]
+	},
+	getPublicBookingServices: {
+		kind: "live",
+		reason: "booking_correctness"
+	},
+	getPublicWeeklySlotAvailability: {
+		kind: "live",
+		reason: "booking_correctness"
+	}
+};
+function getPublicLoaderCachePolicy(endpoint) {
+	return PUBLIC_LOADER_CACHE_POLICIES[endpoint];
+}
 //#endregion
 //#region ../blocks/src/system/data/batching.ts
 function stableNormalize(value) {
@@ -80744,6 +81346,7 @@ function buildSiteRenderSupport(site, mediaAssets) {
 		site: site.site,
 		sdkConfig: site.sdkConfig ?? null,
 		bookingOfferingPresets: site.bookingOfferingPresets ?? [],
+		bookingTimeZone: site.bookingTimeZone ?? "UTC",
 		...customBlocks ? { customBlocks } : {},
 		supabaseUrl: site.supabaseUrl,
 		routeMap: site.routes,
@@ -80760,14 +81363,21 @@ function convertPageResponseBlock(block) {
 	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))
+		draftContent: sanitizeNullableSdkRuntimeBlockContent(block.kind, readNestedContentRecord(block.draftContent)),
+		...admission ? { admission } : {}
 	};
 }
+function readInvalidBlockAdmission(value) {
+	if (!isRecord$5(value) || value.kind !== "invalid" || !isRecord$5(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,
@@ -80776,6 +81386,63 @@ function buildPageOutline(input) {
 		blocks: input.blocks.map(convertPageResponseBlock)
 	};
 }
+function buildRenderablePageOutline(input) {
+	const page = buildPageOutline(input);
+	return {
+		...page,
+		blocks: page.blocks.map((block) => admitSdkRuntimePageBlock(block, input.customBlocks))
+	};
+}
+function projectRenderablePageOutline(page) {
+	return {
+		...page,
+		blocks: page.blocks.flatMap((block) => block.admission.kind === "renderable" ? [{
+			id: block.id,
+			kind: block.kind,
+			purpose: block.purpose,
+			content: block.admission.content,
+			...block.bindings ? { bindings: block.bindings } : {}
+		}] : [])
+	};
+}
+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$5(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -82089,6 +82756,7 @@ const DEFAULT_TEMPLATE_DEFINITIONS = {
 			{
 				blockKind: "block.body-text",
 				scope: "entry",
+				content: { body: createRichTextDoc([""]) },
 				bindings: EVENT_BODY_TEXT_BINDINGS
 			},
 			{
@@ -82135,6 +82803,7 @@ const DEFAULT_TEMPLATE_DEFINITIONS = {
 		}, {
 			blockKind: "block.body-text",
 			scope: "entry",
+			content: { body: createRichTextDoc([""]) },
 			bindings: TEAM_MEMBER_BODY_TEXT_BINDINGS
 		}]
 	},
@@ -83269,6 +83938,14 @@ const isRecord$1 = isRecord$26;
 const applyBindingsToContent = applyBindingsToContent$1;
 //#endregion
 //#region src/rendering/helpers/templateContent.ts
+function admitMaterializedSdkTemplateBlockContent(input) {
+	const baseContent = sanitizeSdkRuntimeBlockContent(input.block.blockKind, input.block.content ?? {});
+	const bindings = input.block.bindings ?? {};
+	const materialized = input.block.scope === "entry" && Object.keys(bindings).length > 0 ? applyBindingsToContent(baseContent, bindings, input.bindingContext) : baseContent;
+	const contract = compileManifestContentContract(input.manifestOrFields);
+	const stored = admitStoredManifestContent(contract, materialized);
+	return stored.ok ? deriveRenderableManifestContent(contract, stored.value, (content) => content) : stored;
+}
 function createTemplateRenderTarget(source, templateId) {
 	switch (source.kind) {
 		case "entry-template": return {
@@ -83319,7 +83996,12 @@ async function processTemplatePage(input) {
 		templatePage: null,
 		resolvedData: {}
 	};
-	const blocks = template.blocks.flatMap((block) => resolveTemplateBlockSequence(block, input.bindingContext, input.slotContent));
+	const blocks = template.blocks.flatMap((block) => resolveTemplateBlockSequence({
+		block,
+		bindingContext: input.bindingContext,
+		slotContent: input.slotContent,
+		customBlocks: input.customBlocks
+	}));
 	if (blocks.length === 0) return {
 		templatePage: null,
 		resolvedData: {}
@@ -83333,7 +84015,7 @@ async function processTemplatePage(input) {
 	return {
 		templatePage,
 		resolvedData: await resolveBlockDataWithDeps(input.deps, {
-			page: templatePage,
+			page: projectRenderablePageOutline(templatePage),
 			siteId: input.siteId,
 			renderTarget: createTemplateRenderTarget(input.renderTargetSource, template.id),
 			previewStage: input.previewStage,
@@ -83343,58 +84025,74 @@ async function processTemplatePage(input) {
 		})
 	};
 }
-function resolveTemplateBlockSequence(block, bindingContext, slotContent) {
+function resolveTemplateBlockSequence(input) {
+	const { block } = input;
 	const slotKey = readEntrySlotKey(block);
 	if (slotKey) return selectBlocksForDeclaredEntrySlot({
 		declaredSlotKey: slotKey,
-		entrySlots: slotContent ?? []
-	}).map(mapEntrySlotBlock);
+		entrySlots: input.slotContent ?? []
+	}).map((slotBlock) => admitEntrySlotBlock(slotBlock, input.customBlocks));
 	if (block.blockKind === "system.entry-slot") return [];
-	return [resolveTemplateBlock(block, bindingContext)];
+	return [resolveTemplateBlock(block, input.bindingContext, input.customBlocks)];
 }
-function resolveTemplateBlock(block, bindingContext) {
-	const baseContent = sanitizeSdkRuntimeBlockContent(block.blockKind, block.content ?? {});
-	if (block.scope === "template") return {
-		id: block.id,
-		kind: block.blockKind,
-		purpose: "template-layout",
-		content: baseContent
-	};
-	const bindings = block.bindings ?? {};
-	const resolvedContent = Object.keys(bindings).length > 0 ? applyBindingsToContent(baseContent, bindings, bindingContext) : baseContent;
-	return {
+function resolveTemplateBlock(block, bindingContext, customBlocks) {
+	const base = {
 		id: block.id,
 		kind: block.blockKind,
-		purpose: "entry-content",
-		content: resolvedContent
-	};
+		purpose: block.scope === "template" ? "template-layout" : "entry-content",
+		...isRecord$1(block.bindings) ? { bindings: block.bindings } : {}
+	};
+	const manifest = resolveSdkBlockManifest(block.blockKind, customBlocks);
+	if (manifest === null) return invalidRenderableBlock(base, { kind: "manifest_unavailable" });
+	const admission = admitMaterializedSdkTemplateBlockContent({
+		block,
+		bindingContext,
+		manifestOrFields: manifest
+	});
+	return admission.ok ? {
+		...base,
+		admission: {
+			kind: "renderable",
+			content: admission.value
+		}
+	} : invalidRenderableBlock(base, {
+		kind: "invalid_manifest_content",
+		error: admission.error
+	});
 }
 function readEntrySlotKey(block) {
 	if (block.blockKind !== "system.entry-slot" || block.scope !== "template") return null;
 	const parsed = parseSlotKey(block.content?.slotKey);
 	return parsed.ok ? parsed.value : null;
 }
-function mapEntrySlotBlock(block) {
-	const mapped = {
+function admitEntrySlotBlock(block, customBlocks) {
+	const base = {
 		id: block.id ?? block.blockId ?? null,
 		kind: block.kind,
 		purpose: block.purpose,
-		orderIndex: block.orderIndex ?? null,
-		content: normalizeEntrySlotBlockContent(block.content),
-		draftContent: normalizeNullableEntrySlotContent(block.draftContent),
-		publishedContent: normalizeNullableEntrySlotContent(block.publishedContent)
-	};
-	return block.bindings == null ? mapped : {
-		...mapped,
-		bindings: block.bindings
-	};
-}
-function normalizeNullableEntrySlotContent(content) {
-	return content == null ? null : normalizeEntrySlotBlockContent(content);
-}
-function normalizeEntrySlotBlockContent(content) {
-	const value = content ?? {};
-	return isRecord$1(value) ? value : {};
+		...isRecord$1(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 === null) return invalidRenderableBlock(base, { kind: "manifest_unavailable" });
+	const contract = compileManifestContentContract(manifest);
+	const stored = admitStoredManifestContent(contract, block.content ?? {});
+	if (!stored.ok) return invalidRenderableBlock(base, {
+		kind: "invalid_manifest_content",
+		error: stored.error
+	});
+	const renderable = deriveRenderableManifestContent(contract, stored.value, (content) => content);
+	return renderable.ok ? {
+		...base,
+		admission: {
+			kind: "renderable",
+			content: renderable.value
+		}
+	} : invalidRenderableBlock(base, {
+		kind: "invalid_manifest_content",
+		error: renderable.error
+	});
 }
 //#endregion
 //#region src/rendering/helpers/loadContent.ts
@@ -83423,6 +84121,7 @@ function getRejectedReason(result) {
 function toTemplateContentRenderSupport(support, siteId) {
 	return {
 		bookingOfferingPresets: support.bookingOfferingPresets,
+		bookingTimeZone: support.bookingTimeZone,
 		...support.customBlocks ? { customBlocks: support.customBlocks } : {},
 		entriesByIdentifier: support.entriesByIdentifier,
 		...support.mediaAssets ? { mediaAssets: support.mediaAssets } : {},
@@ -83565,7 +84264,6 @@ async function loadContentFromContentResponseWithDeps(deps, params) {
 			entry,
 			templatePage,
 			resolvedData,
-			bookingOfferingPresets: support.bookingOfferingPresets,
 			dataContext: { contentEntry: {
 				...entry.content ?? {},
 				id: entry.id,
@@ -83634,7 +84332,6 @@ async function loadContentFromContentResponseWithDeps(deps, params) {
 			pageSurface,
 			templatePage,
 			resolvedData,
-			bookingOfferingPresets: support.bookingOfferingPresets,
 			dataContext: {
 				pageSurface: {
 					...pageSurface.content ?? {},
@@ -83653,15 +84350,16 @@ async function loadContentFromContentResponseWithDeps(deps, params) {
 	const pageRecord = pageData;
 	const canonicalPagePath = pageData.path ?? pageRecord.path ?? "/";
 	const draftPagePath = pageRecord.draftPath ?? pageRecord.path ?? canonicalPagePath;
-	const pageOutline = buildPageOutline({
+	const pageOutline = buildRenderablePageOutline({
 		name: pageData.name,
 		path: canonicalPagePath,
 		fallbackPath: "/",
 		purpose: pageData.purpose,
-		blocks: pageData.blocks
+		blocks: pageData.blocks,
+		customBlocks: support.customBlocks
 	});
 	const resolvedData = await resolveBlockDataWithDeps(deps, {
-		page: pageOutline,
+		page: projectRenderablePageOutline(pageOutline),
 		siteId,
 		renderTarget: {
 			kind: "page",
@@ -83697,6 +84395,7 @@ async function loadContentFromContentResponseWithDeps(deps, params) {
 		...support.customBlocks ? { customBlocks: support.customBlocks } : {},
 		resolvedData,
 		bookingOfferingPresets: support.bookingOfferingPresets,
+		bookingTimeZone: support.bookingTimeZone,
 		site: support.site,
 		sdkConfig: support.sdkConfig,
 		supabaseUrl: support.supabaseUrl,
@@ -83772,16 +84471,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" },
@@ -83853,12 +84557,14 @@ function toPageHydrationBootstrapConfig(props) {
 		mediaAssets: props.mediaAssets
 	};
 }
+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,
@@ -83866,6 +84572,7 @@ function PageContent(props) {
 			previewToken,
 			resolvedData,
 			bookingOfferingPresets: bookingOfferingPresets ?? [],
+			bookingTimeZone: resolveSdkBookingTimeZone(bookingTimeZone),
 			routes: routeMap,
 			pagesByIdentifier,
 			entriesByIdentifier,
@@ -85076,7 +85783,7 @@ var CircuitOpenError = class extends Error {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.135.1";
+const SDK_VERSION = "0.136.0";
 //#endregion
 //#region src/next/content-load-failure.ts
 const SdkContentLoadError = RiverbankContentLoadError;
@@ -85341,6 +86048,7 @@ async function renderPage(input, page, dataContext) {
 		portalToken: input.portalToken,
 		resolvedData: input.content.resolvedData,
 		bookingOfferingPresets: input.content.bookingOfferingPresets,
+		bookingTimeZone: input.content.bookingTimeZone,
 		sdkConfig: input.content.sdkConfig,
 		supabaseUrl: input.content.supabaseUrl,
 		mediaAssets: input.content.mediaAssets,
@@ -86249,6 +86957,11 @@ function resolveKnownEndpointPolicy(endpoint, params) {
 		endpoint,
 		reason: "force_refresh"
 	};
+	if (isSupportedLoaderEndpoint$1(endpoint) && getPublicLoaderCachePolicy(endpoint).kind === "live") return {
+		kind: "live-only",
+		endpoint,
+		reason: "safety_sensitive_booking"
+	};
 	const override = RUNTIME_CACHE_DURABILITY_OVERRIDES[endpoint];
 	if (override.kind === "live-only") return {
 		kind: "live-only",
@@ -86463,6 +87176,17 @@ function combineAbortSignals(...signals) {
 	return controller.signal;
 }
 //#endregion
+//#region src/client/publicLoaderCacheAccess.ts
+function shouldWrite(cacheEnabled, force) {
+	return cacheEnabled && !force;
+}
+function liveLoaderOptions(endpoint, signal) {
+	return {
+		force: getPublicLoaderCachePolicy(endpoint).kind === "live",
+		signal
+	};
+}
+//#endregion
 //#region src/client/index.ts
 let prebuildModule = null;
 function tryRequire(modulePath) {
@@ -86930,7 +87654,7 @@ function createRiverbankClientWithDeps(deps, config) {
 			} catch (error) {
 				convertToTypedError(error);
 			}
-			if (cacheEnabled) cache.set(cacheKey, data);
+			if (shouldWrite(cacheEnabled, options.force)) cache.set(cacheKey, data);
 			if (allowFallbacks && !isPreview) await writePublishedRuntimeCache(options.publishedRuntimeCache, data);
 			return emitStatus("live", data, statusDetails());
 		} catch (error) {
@@ -87168,7 +87892,7 @@ function createRiverbankClientWithDeps(deps, config) {
 					},
 					options: { signal: sig }
 				});
-			}, { signal });
+			}, liveLoaderOptions("listPublicEvents", signal));
 		},
 		async getPublicEventDetails(params) {
 			const { siteId, limit, from, to, afterStartsAt, afterId, stage, categoryIds, venueId, staffMemberId, kind, eventSurface, eventPresets, scheduleScope, seriesId, includeOccurrenceId, signal } = params;
@@ -87203,7 +87927,7 @@ function createRiverbankClientWithDeps(deps, config) {
 					}] },
 					options: { signal: sig }
 				}), requestId);
-			}, { signal });
+			}, liveLoaderOptions("getPublicEventDetails", signal));
 		},
 		async listPublicTeamMembers(params) {
 			const { siteId, stage, signal } = params;