@riverbankcms/sdk 0.135.1 → 0.136.0

package/dist/server/components.mjs

@@ -8479,12 +8479,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;
@@ -9075,7 +9071,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",
@@ -9104,12 +9099,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"),
@@ -9201,9 +9190,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"
@@ -9215,13 +9202,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(),
@@ -11234,7 +11219,6 @@ const ALLOWED_TRANSFORM_IDS = [
 	"layout.footerRootClass",
 	"layout.headerRootStyle",
 	"layout.headerSectionBackground",
-	"layout.classicNavMode",
 	"layout.footerRootStyle",
 	"ui.headerNavLinkClass",
 	"ui.headingClassFromAlignment",
@@ -13722,6 +13706,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) {
@@ -13756,10 +13749,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);
@@ -14059,6 +14048,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);
@@ -14164,36 +14161,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);
@@ -14301,6 +14268,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.
@@ -14311,13 +14279,59 @@ 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);
+/** Validates raw editor state without granting a stored-content proof. */
+function validateManifestDraft(contract, data) {
+	const parsed = contract[compiledManifestContentContract].draftSchema.safeParse(data);
+	if (parsed.success) return {
+		kind: "previewable",
+		data,
+		issues: []
+	};
+	const [firstIssue, ...remainingIssues] = zodAdmissionIssues(parsed.error);
+	if (!firstIssue) throw new Error("Draft manifest validation failed without an issue");
+	return {
+		kind: "invalid",
+		data,
+		issues: [firstIssue, ...remainingIssues]
+	};
 }
-function createManifestValidatorFromPlans(plans, options, normalize) {
+/**
+* Re-admits renderable content after a transport boundary has erased its
+* compile-time proof. Unlike write admission, this never canonicalizes or
+* grants a stored proof, so hydrated media cannot flow back to persistence.
+*/
+function admitTransportedRenderableManifestContent(contract, content) {
+	const parsed = contract[compiledManifestContentContract].renderSchema.safeParse(content);
+	return parsed.success ? {
+		ok: true,
+		value: content
+	} : {
+		ok: false,
+		error: zodAdmissionError(parsed.error)
+	};
+}
+function deriveNormalizedContentZodFromPlans(plans, options, normalize) {
 	const isDraft = options.mode === "draft";
 	const baseSchema = deriveContentZodFromPlans(plans, options);
 	if (isDraft) return z$1.preprocess((content) => preprocessEmptyValues(normalize(plans, content, options)), baseSchema);
@@ -14328,9 +14342,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
 /**
@@ -17538,27 +17624,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",
@@ -17718,43 +17783,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"),
@@ -17764,73 +17823,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;
 }
@@ -28785,26 +28849,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",
@@ -28910,7 +28954,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);
 	}
 };
@@ -29118,7 +29161,6 @@ const layoutTransforms = [
 	headerLogoClassTransform,
 	headerLogoMediaClassTransform,
 	headerLogoTextVisibleTransform,
-	classicNavModeTransform,
 	footerRootClassTransform,
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
@@ -29521,18 +29563,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",
@@ -29597,7 +29628,6 @@ const siteHeaderManifest = createBlockManifest({
 	}, [
 		mobileHeaderBar,
 		classicLayout,
-		classicCenteredNavLayout,
 		centeredLayout,
 		floatingLayout,
 		mobileOverlay
@@ -33931,67 +33961,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";
@@ -33999,22 +34011,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;
@@ -34024,10 +34031,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,
@@ -34175,13 +34182,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,
@@ -34238,13 +34244,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) ?? []
 		};
 	});
@@ -34396,13 +34402,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;
 }
@@ -34627,10 +34632,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]);
@@ -36416,7 +36421,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),
@@ -36451,7 +36457,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 {
@@ -36496,14 +36510,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) {
@@ -42267,6 +42286,23 @@ function deriveNewsletterSignupRuntimeSource(values) {
 		tags: parseTrimmedString$1(normalized.tags)
 	};
 }
+function sanitizeNewsletterSignupPublicContent(content) {
+	if (!isRecord$18(content)) return content;
+	const provider = parseNewsletterSignupDestinationProvider(content.destinationProvider) ?? getProviderFromExplicitDestination(content.destination);
+	const { destination: _destination, destinationProvider: _destinationProvider, mailchimpAudienceId: _mailchimpAudienceId, mailchimpTags: _mailchimpTags, listId, tags, ...publicContent } = content;
+	const mutablePublicContent = { ...publicContent };
+	if (provider !== "mailchimp") {
+		if ("listId" in content) mutablePublicContent.listId = listId;
+		if ("tags" in content) mutablePublicContent.tags = tags;
+	}
+	return mutablePublicContent;
+}
+function getProviderFromExplicitDestination(destination) {
+	if (!isRecord$18(destination) || typeof destination.tag !== "string") return null;
+	if (destination.tag === "riverbank_list") return "riverbank";
+	if (destination.tag === "mailchimp_audience") return "mailchimp";
+	return null;
+}
 const BLOCK_ID_PATTERN = /^[A-Za-z0-9._:-]{1,200}$/;
 const SIGNED_DESTINATION_REF_PATTERN = /^[A-Za-z0-9._~-]{16,1000}$/;
 function parseTrimmedString$1(value) {
@@ -42274,6 +42310,9 @@ function parseTrimmedString$1(value) {
 	const trimmed = value.trim();
 	return trimmed.length > 0 ? trimmed : null;
 }
+function isRecord$18(value) {
+	return typeof value === "object" && value !== null;
+}
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/newsletter-form.types.ts
 /**
@@ -46777,7 +46816,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 [];
@@ -48876,9 +48916,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
@@ -48886,14 +48926,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", {
@@ -48922,6 +48962,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",
@@ -48983,6 +49067,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
 *
@@ -48991,18 +49183,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",
@@ -49014,59 +49209,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
+				})
 			]
 		})
 	});
@@ -49097,6 +49267,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,
@@ -49158,10 +49329,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
@@ -49208,15 +49379,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),
@@ -49283,7 +49454,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", {
@@ -49297,13 +49470,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", {
@@ -49341,8 +49514,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,
@@ -49351,7 +49524,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", {
@@ -49506,20 +49680,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";
@@ -49545,13 +49720,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);
 	}
@@ -52780,36 +52955,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";
@@ -52835,19 +52983,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
 *
@@ -52925,36 +53060,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
@@ -53028,7 +53134,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 = {
@@ -55665,9 +55771,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,
@@ -55766,11 +55906,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,
@@ -55794,7 +55934,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() {
@@ -55812,44 +55951,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;
@@ -55869,6 +55977,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);
@@ -55938,25 +56059,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 }), {
@@ -55964,12 +56070,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;
@@ -55995,6 +56095,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 {
@@ -56041,14 +56142,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", {
@@ -56075,32 +56176,6 @@ function getRenderableContent(block, previewStage = "published") {
 	if (!isObjectRecord$1(source)) return {};
 	return source;
 }
-function summarizeValue(value) {
-	try {
-		if (value === null || value === void 0) return value;
-		if (typeof value === "string") return value.length > 160 ? `${value.slice(0, 160)}…` : value;
-		if (typeof value === "number" || typeof value === "boolean") return value;
-		if (Array.isArray(value)) return `[array(${value.length})]`;
-		if (typeof value === "object") {
-			const rec = value;
-			const keys = Object.keys(rec);
-			const preview = {};
-			for (const k of keys.slice(0, 8)) {
-				const v = rec[k];
-				if (k === "body" || k === "content") preview[k] = !!(v && typeof v === "object" && isObjectRecord$1(v) && v.type === "doc") ? "{type:doc}" : summarizeValue(v);
-				else preview[k] = summarizeValue(v);
-			}
-			return {
-				keys,
-				preview
-			};
-		}
-		if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint" || typeof value === "symbol") return String(value);
-		return "[uninspectable]";
-	} catch {
-		return "[uninspectable]";
-	}
-}
 //#endregion
 //#region ../theme-core/src/generated/containerResponsiveThemeCss.ts
 /**
@@ -62697,31 +62772,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;
@@ -62736,11 +62817,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;
@@ -62748,13 +62833,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;
@@ -62764,33 +62853,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;
@@ -62798,21 +62897,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;
@@ -62833,24 +62939,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;
@@ -62858,7 +62972,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));
@@ -62870,16 +62986,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);
@@ -62887,21 +63009,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;
@@ -62910,19 +63032,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;
@@ -62934,50 +63060,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;
@@ -62990,12 +63132,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));
@@ -63008,29 +63154,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;
@@ -63040,7 +63192,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;
@@ -63054,24 +63208,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;
@@ -63083,7 +63246,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;
@@ -63096,13 +63259,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;
@@ -63111,7 +63278,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;
@@ -63120,28 +63289,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;
@@ -63150,26 +63327,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;
 }
@@ -63179,20 +63366,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);
@@ -63207,35 +63398,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;
@@ -63250,12 +63455,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));
@@ -63265,17 +63475,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%);
@@ -63284,14 +63506,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;
@@ -63311,21 +63537,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;
@@ -63333,36 +63573,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;
@@ -63370,7 +63624,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;
@@ -63379,32 +63635,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;
   }
@@ -63417,7 +63687,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));
@@ -63434,17 +63704,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. */
@@ -63452,7 +63725,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;
@@ -63460,7 +63736,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;
@@ -63470,38 +63806,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;
@@ -63511,11 +63881,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;
@@ -63524,11 +63898,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;
@@ -63536,18 +63915,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;
@@ -63556,7 +63942,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;
@@ -63576,40 +63964,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;
@@ -63627,20 +64029,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;
@@ -63652,7 +64060,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;
@@ -63661,36 +64071,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;
   }
 }
@@ -63698,11 +64141,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%;
   }
 }
@@ -63719,8 +64188,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;
@@ -63774,7 +64244,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);
@@ -63788,12 +64258,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);
@@ -63817,17 +64291,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;
@@ -63848,31 +64322,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;
@@ -63880,17 +64358,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;
@@ -63898,7 +64379,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;
@@ -63907,7 +64390,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;
@@ -63915,28 +64400,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;
@@ -63944,25 +64439,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;
@@ -68764,16 +69268,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" },
@@ -68856,12 +69365,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,
@@ -68869,6 +69380,7 @@ function PageContent(props) {
 			previewToken,
 			resolvedData,
 			bookingOfferingPresets: bookingOfferingPresets ?? [],
+			bookingTimeZone: resolveSdkBookingTimeZone(bookingTimeZone),
 			routes: routeMap,
 			pagesByIdentifier,
 			entriesByIdentifier,
@@ -69452,233 +69964,6 @@ function requireSdkTheme(theme, siteId, reason = "cms_theme_absent") {
 //#region src/rendering/renderingMode.ts
 const defaultOverrideOnlyRuntime = { kind: "responsive-only" };
 //#endregion
-//#region src/rendering/components/Layout.tsx
-/**
-* Layout component with header and footer
-*
-* Renders site header and footer around content. Fetches site data if not provided.
-*/
-function isOverrideOnlyLayout(props) {
-	return props.rendering?.kind === "overrides-only";
-}
-var UnsupportedOverrideOnlyLayoutChromeError = class extends Error {
-	constructor(surface) {
-		super(`Override-only Layout requires a custom or disabled ${surface}; SDK default chrome is unavailable.`);
-		this.surface = surface;
-		this.code = "unsupported_override_only_layout_chrome";
-		this.name = "UnsupportedOverrideOnlyLayoutChromeError";
-	}
-};
-async function resolveLayoutSiteData(props) {
-	if (props.siteData) return props.siteData;
-	if (!props.client) throw new Error("Layout: must provide either siteData or client");
-	if (!props.siteId && !props.slug && !props.domain) throw new Error("Layout: must provide siteId, slug, or domain when using client");
-	return props.client.getSite({
-		id: props.siteId,
-		slug: props.slug,
-		domain: props.domain
-	});
-}
-function renderOverrideOnlyLayout(props, data) {
-	if (data.header === true) throw new UnsupportedOverrideOnlyLayoutChromeError("header");
-	if (data.footer === true) throw new UnsupportedOverrideOnlyLayoutChromeError("footer");
-	return renderWithOverrideOnlyRuntime({
-		runtime: props.rendering.runtime ?? defaultOverrideOnlyRuntime,
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [
-			typeof props.header === "function" ? props.header(data.headerData) : null,
-			props.children,
-			typeof props.footer === "function" ? props.footer(data.footerData) : null
-		] })
-	});
-}
-/**
-* Layout component that wraps content with site header and footer.
-*
-* This is a server/RSC-safe component. The default `@riverbankcms/sdk/rendering`
-* `Page` and `Block` surfaces mount CMS island hydration automatically, while
-* the strict `@riverbankcms/sdk/rendering/server` surface stays bootstrap-free.
-* If a custom host renders hydratable CMS islands through the strict server
-* surface, mount `BlocksIslandsHydrator` from
-* `@riverbankcms/sdk/rendering/islands` explicitly.
-*
-* @example With pre-fetched site data (recommended)
-* ```tsx
-* import { Layout } from '@riverbankcms/sdk/rendering/server';
-* import { Page } from '@riverbankcms/sdk/rendering';
-*
-* const site = await client.getSite({ slug: 'my-site' });
-*
-* <Layout siteData={site}>
-*   <Page {...pageData} />
-* </Layout>
-* ```
-*
-* @example With strict server rendering
-* ```tsx
-* import { Layout, Page } from '@riverbankcms/sdk/rendering/server';
-* import { BlocksIslandsHydrator } from '@riverbankcms/sdk/rendering/islands';
-*
-* const site = await client.getSite({ slug: 'my-site' });
-*
-* <Layout siteData={site}>
-*   <BlocksIslandsHydrator siteId={site.site.id} supabaseUrl={site.supabaseUrl} />
-*   <Page {...pageData} />
-* </Layout>
-* ```
-*/
-async function Layout(props) {
-	const { children, hasPortalSession = false, previewStage = "published" } = props;
-	const header = props.header ?? true;
-	const footer = props.footer ?? true;
-	const siteData = await resolveLayoutSiteData(props);
-	const { site, navigation, layout, routes } = siteData;
-	const footerBlocks = siteData.footerBlocks ?? [];
-	const navigationOptions = {
-		hasPortalSession,
-		previewStage,
-		pagesByIdentifier: siteData.pagesByIdentifier,
-		entriesByIdentifier: siteData.entriesByIdentifier,
-		portalEnabled: siteData.portalEnabled ?? false,
-		commerceEnabled: siteData.commerceEnabled ?? false,
-		checkoutHref: "/checkout"
-	};
-	const menuViewModel = buildMenu(navigation, routes, navigationOptions);
-	const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
-	const legalFooterMenuViewModel = buildFooterMenuForRole(navigation, routes, "legal-policy", navigationOptions);
-	const logoViewModel = buildLogo(layout.logo ?? null, site.title);
-	const customHeaderData = {
-		menu: menuViewModel,
-		logo: logoViewModel,
-		site,
-		routes
-	};
-	const customFooterData = {
-		menu: menuViewModel,
-		footerMenu: footerMenuViewModel,
-		legalFooterMenu: legalFooterMenuViewModel,
-		logo: logoViewModel,
-		site,
-		routes
-	};
-	if (isOverrideOnlyLayout(props)) return renderOverrideOnlyLayout(props, {
-		header: props.header ?? true,
-		footer: props.footer ?? true,
-		headerData: customHeaderData,
-		footerData: customFooterData
-	});
-	const theme = requireSdkTheme(siteData.theme, site.id);
-	const builtThemeRuntime = buildThemeRuntime(theme);
-	const headerVariant = props.headerVariant;
-	const themeRuntime = props.themeRuntime;
-	const headerData = {
-		...customHeaderData,
-		theme
-	};
-	const footerData = {
-		...customFooterData,
-		theme
-	};
-	const headerContent = headerVariant ? {
-		...layout.header,
-		variant: headerVariant
-	} : layout.header;
-	const themeWithVariant = headerVariant ? {
-		...theme,
-		header: {
-			...theme.header,
-			variant: headerVariant
-		}
-	} : theme;
-	const blocksThemeWithVariant = themeWithVariant;
-	const blocksTheme = theme;
-	let apiBaseUrl;
-	try {
-		apiBaseUrl = getRiverbankEnv().baseUrl;
-	} catch {}
-	const sharedViewModelOverrides = {
-		$root: {
-			siteId: site.id,
-			apiBaseUrl,
-			previewStage,
-			routes,
-			pagesByIdentifier: siteData.pagesByIdentifier,
-			entriesByIdentifier: siteData.entriesByIdentifier,
-			theme: themeWithVariant
-		},
-		site,
-		menu: menuViewModel,
-		footerMenu: footerMenuViewModel,
-		legalFooterMenu: legalFooterMenuViewModel
-	};
-	const headerViewModelOverrides = {
-		...sharedViewModelOverrides,
-		content: { logo: logoViewModel }
-	};
-	const footerViewModelOverrides = {
-		...sharedViewModelOverrides,
-		content: {
-			...layout.footer,
-			logo: logoViewModel
-		}
-	};
-	let headerElement = null;
-	if (header === true) headerElement = renderBlock(siteHeaderManifest, headerContent, {
-		theme: builtThemeRuntime.tokens,
-		themeConfig: blocksThemeWithVariant,
-		viewModelOverrides: headerViewModelOverrides
-	});
-	else if (typeof header === "function") headerElement = header(headerData);
-	let footerElement = null;
-	if (footer === true) {
-		const footerPlan = resolveFooterRenderPlan({
-			isSdkSite: Boolean(site.is_sdk_site),
-			mode: theme.footer?.mode
-		});
-		const footerBlocksElement = footerPlan.renderFooterBlocks && footerBlocks.length > 0 ? /* @__PURE__ */ jsx(PageRenderer, {
-			theme,
-			page: {
-				name: "Footer",
-				path: "/__footer",
-				purpose: "footer",
-				blocks: footerBlocks
-			},
-			routeMap: routes,
-			dataContext: {
-				previewStage,
-				siteId: site.id,
-				apiBaseUrl,
-				routes,
-				pagesByIdentifier: siteData.pagesByIdentifier,
-				entriesByIdentifier: siteData.entriesByIdentifier
-			},
-			sdkConfig: siteData.sdkConfig ?? null
-		}) : null;
-		if (footerPlan.renderFooterBlocks && !footerBlocksElement && process.env.NODE_ENV !== "production") console.debug("[sdk] Footer mode renders blocks, but footerBlocks is empty/missing", {
-			siteId: site.id,
-			mode: footerPlan.mode
-		});
-		const defaultFooterElement = footerPlan.renderDefaultFooter ? renderBlock(siteFooterManifest, layout.footer, {
-			theme: builtThemeRuntime.tokens,
-			themeConfig: blocksTheme,
-			viewModelOverrides: footerViewModelOverrides
-		}) : null;
-		footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs(Fragment, { children: [footerBlocksElement, defaultFooterElement] }) : footerPlan.mode === "blocks" ? footerBlocksElement : footerPlan.mode === "none" ? null : defaultFooterElement;
-	} else if (typeof footer === "function") footerElement = footer(footerData);
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		headerElement,
-		children,
-		footerElement
-	] });
-	return renderWithSdkThemeRuntime({
-		theme,
-		themeRuntime: planLayoutThemeRuntime({
-			themeRuntime,
-			usesSdkChrome: header === true || footer === true
-		}),
-		children: content
-	});
-}
-//#endregion
 //#region ../blocks/src/structure/schema.ts
 const BlockKind = z.string();
 const blockSchema = z.object({
@@ -70943,6 +71228,346 @@ function parseBackgroundColorToken(value) {
 	if (!token) return null;
 	return token ? token : null;
 }
+//#endregion
+//#region src/rendering/helpers/siteCustomBlocks.ts
+/**
+* Prefer the DB-backed custom block manifest list (`site.customBlocks`) when available,
+* but fall back to SDK config custom blocks (`site.sdkConfig.customBlocks`) for SDK-mode sites.
+*
+* This avoids subtle DX bugs where one source is populated but the renderer/prefetch layer
+* is looking at the other.
+*/
+function resolveSiteCustomBlocks(site) {
+	const dbBlocks = site.customBlocks;
+	if (Array.isArray(dbBlocks) && dbBlocks.length > 0) return dbBlocks;
+	const sdkBlocks = site.sdkConfig?.customBlocks;
+	if (Array.isArray(sdkBlocks) && sdkBlocks.length > 0) return sdkBlocks;
+}
+function convertPageResponseBlock(block) {
+	if (!isRecord$8(block)) throw new Error("Invalid block format in page API response");
+	if (typeof block.id !== "string" && block.id !== null) throw new Error(`Invalid block id in page: expected string or null, got ${typeof block.id}`);
+	if (typeof block.kind !== "string") throw new Error(`Invalid block kind in page: expected string, got ${typeof block.kind}`);
+	if (typeof block.purpose !== "string") throw new Error(`Invalid block purpose in page: expected string, got ${typeof block.purpose}`);
+	const admission = readInvalidBlockAdmission(block.admission);
+	return {
+		id: block.id,
+		kind: block.kind,
+		purpose: block.purpose,
+		content: sanitizeSdkRuntimeBlockContent(block.kind, readContentRecord(block.content) ?? {}),
+		draftContent: sanitizeNullableSdkRuntimeBlockContent(block.kind, readNestedContentRecord(block.draftContent)),
+		...admission ? { admission } : {}
+	};
+}
+function readInvalidBlockAdmission(value) {
+	if (!isRecord$8(value) || value.kind !== "invalid" || !isRecord$8(value.error)) return null;
+	if (value.error.kind !== "invalid_manifest_content" && value.error.kind !== "manifest_unavailable") return null;
+	return value;
+}
+function buildPageOutline(input) {
+	return {
+		name: input.name,
+		path: input.path ?? input.fallbackPath,
+		purpose: input.purpose,
+		blocks: input.blocks.map(convertPageResponseBlock)
+	};
+}
+function buildRenderablePageOutline(input) {
+	const page = buildPageOutline(input);
+	return {
+		...page,
+		blocks: page.blocks.map((block) => admitSdkRuntimePageBlock(block, input.customBlocks))
+	};
+}
+function admitSdkRuntimePageBlock(block, customBlocks) {
+	const base = {
+		id: block.id,
+		kind: block.kind,
+		purpose: block.purpose,
+		...block.bindings ? { bindings: block.bindings } : {}
+	};
+	const transportedAdmission = readInvalidBlockAdmission(block.admission);
+	if (transportedAdmission) return invalidRenderableBlock(base, transportedAdmission.error);
+	const manifest = resolveSdkBlockManifest(block.kind, customBlocks);
+	if (!manifest) return invalidRenderableBlock(base, { kind: "manifest_unavailable" });
+	const content = block.content ?? {};
+	const renderable = admitTransportedRenderableManifestContent(compileManifestContentContract(manifest), content);
+	if (!renderable.ok) return invalidRenderableBlock(base, {
+		kind: "invalid_manifest_content",
+		error: renderable.error
+	});
+	return {
+		...base,
+		admission: {
+			kind: "renderable",
+			content: renderable.value
+		}
+	};
+}
+function resolveSdkBlockManifest(blockKind, customBlocks) {
+	const customBlock = customBlocks?.find((candidate) => candidate.id === blockKind);
+	return customBlock ? parseFieldDefinitions(customBlock.fields) : getBlockDefinition(blockKind)?.manifest ?? null;
+}
+function invalidRenderableBlock(block, error) {
+	return {
+		...block,
+		admission: {
+			kind: "invalid",
+			error
+		}
+	};
+}
+function isRecord$8(value) {
+	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function readContentRecord(value) {
+	return isRecord$8(value) ? value : void 0;
+}
+function readNestedContentRecord(value) {
+	if (!isRecord$8(value)) return null;
+	return readContentRecord(value.data) ?? null;
+}
+function sanitizeSdkRuntimeBlockContent(blockKind, content) {
+	if (blockKind !== "block.newsletter-signup") return content;
+	const sanitized = sanitizeNewsletterSignupPublicContent(content);
+	return isRecord$8(sanitized) ? sanitized : {};
+}
+function sanitizeNullableSdkRuntimeBlockContent(blockKind, content) {
+	return content ? sanitizeSdkRuntimeBlockContent(blockKind, content) : null;
+}
+//#endregion
+//#region src/rendering/helpers/footerPageOutline.ts
+function buildFooterRenderablePageOutline(siteData, blocks) {
+	return buildRenderablePageOutline({
+		name: "Footer",
+		path: "/__footer",
+		fallbackPath: "/__footer",
+		purpose: "footer",
+		blocks,
+		customBlocks: resolveSiteCustomBlocks(siteData)
+	});
+}
+//#endregion
+//#region src/rendering/components/Layout.tsx
+/**
+* Layout component with header and footer
+*
+* Renders site header and footer around content. Fetches site data if not provided.
+*/
+function isOverrideOnlyLayout(props) {
+	return props.rendering?.kind === "overrides-only";
+}
+var UnsupportedOverrideOnlyLayoutChromeError = class extends Error {
+	constructor(surface) {
+		super(`Override-only Layout requires a custom or disabled ${surface}; SDK default chrome is unavailable.`);
+		this.surface = surface;
+		this.code = "unsupported_override_only_layout_chrome";
+		this.name = "UnsupportedOverrideOnlyLayoutChromeError";
+	}
+};
+async function resolveLayoutSiteData(props) {
+	if (props.siteData) return props.siteData;
+	if (!props.client) throw new Error("Layout: must provide either siteData or client");
+	if (!props.siteId && !props.slug && !props.domain) throw new Error("Layout: must provide siteId, slug, or domain when using client");
+	return props.client.getSite({
+		id: props.siteId,
+		slug: props.slug,
+		domain: props.domain
+	});
+}
+function renderOverrideOnlyLayout(props, data) {
+	if (data.header === true) throw new UnsupportedOverrideOnlyLayoutChromeError("header");
+	if (data.footer === true) throw new UnsupportedOverrideOnlyLayoutChromeError("footer");
+	return renderWithOverrideOnlyRuntime({
+		runtime: props.rendering.runtime ?? defaultOverrideOnlyRuntime,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			typeof props.header === "function" ? props.header(data.headerData) : null,
+			props.children,
+			typeof props.footer === "function" ? props.footer(data.footerData) : null
+		] })
+	});
+}
+/**
+* Layout component that wraps content with site header and footer.
+*
+* This is a server/RSC-safe component. The default `@riverbankcms/sdk/rendering`
+* `Page` and `Block` surfaces mount CMS island hydration automatically, while
+* the strict `@riverbankcms/sdk/rendering/server` surface stays bootstrap-free.
+* If a custom host renders hydratable CMS islands through the strict server
+* surface, mount `BlocksIslandsHydrator` from
+* `@riverbankcms/sdk/rendering/islands` explicitly.
+*
+* @example With pre-fetched site data (recommended)
+* ```tsx
+* import { Layout } from '@riverbankcms/sdk/rendering/server';
+* import { Page } from '@riverbankcms/sdk/rendering';
+*
+* const site = await client.getSite({ slug: 'my-site' });
+*
+* <Layout siteData={site}>
+*   <Page {...pageData} />
+* </Layout>
+* ```
+*
+* @example With strict server rendering
+* ```tsx
+* import { Layout, Page } from '@riverbankcms/sdk/rendering/server';
+* import { BlocksIslandsHydrator } from '@riverbankcms/sdk/rendering/islands';
+*
+* const site = await client.getSite({ slug: 'my-site' });
+*
+* <Layout siteData={site}>
+*   <BlocksIslandsHydrator siteId={site.site.id} supabaseUrl={site.supabaseUrl} />
+*   <Page {...pageData} />
+* </Layout>
+* ```
+*/
+async function Layout(props) {
+	const { children, hasPortalSession = false, previewStage = "published" } = props;
+	const header = props.header ?? true;
+	const footer = props.footer ?? true;
+	const siteData = await resolveLayoutSiteData(props);
+	const { site, navigation, layout, routes } = siteData;
+	const footerBlocks = siteData.footerBlocks ?? [];
+	const navigationOptions = {
+		hasPortalSession,
+		previewStage,
+		pagesByIdentifier: siteData.pagesByIdentifier,
+		entriesByIdentifier: siteData.entriesByIdentifier,
+		portalEnabled: siteData.portalEnabled ?? false,
+		commerceEnabled: siteData.commerceEnabled ?? false,
+		checkoutHref: "/checkout"
+	};
+	const menuViewModel = buildMenu(navigation, routes, navigationOptions);
+	const footerMenuViewModel = buildFooterMenu(navigation, routes, navigationOptions);
+	const legalFooterMenuViewModel = buildFooterMenuForRole(navigation, routes, "legal-policy", navigationOptions);
+	const logoViewModel = buildLogo(layout.logo ?? null, site.title);
+	const customHeaderData = {
+		menu: menuViewModel,
+		logo: logoViewModel,
+		site,
+		routes
+	};
+	const customFooterData = {
+		menu: menuViewModel,
+		footerMenu: footerMenuViewModel,
+		legalFooterMenu: legalFooterMenuViewModel,
+		logo: logoViewModel,
+		site,
+		routes
+	};
+	if (isOverrideOnlyLayout(props)) return renderOverrideOnlyLayout(props, {
+		header: props.header ?? true,
+		footer: props.footer ?? true,
+		headerData: customHeaderData,
+		footerData: customFooterData
+	});
+	const theme = requireSdkTheme(siteData.theme, site.id);
+	const builtThemeRuntime = buildThemeRuntime(theme);
+	const headerVariant = props.headerVariant;
+	const themeRuntime = props.themeRuntime;
+	const headerData = {
+		...customHeaderData,
+		theme
+	};
+	const footerData = {
+		...customFooterData,
+		theme
+	};
+	const headerContent = headerVariant ? {
+		...layout.header,
+		variant: headerVariant
+	} : layout.header;
+	const themeWithVariant = headerVariant ? {
+		...theme,
+		header: {
+			...theme.header,
+			variant: headerVariant
+		}
+	} : theme;
+	const blocksThemeWithVariant = themeWithVariant;
+	const blocksTheme = theme;
+	let apiBaseUrl;
+	try {
+		apiBaseUrl = getRiverbankEnv().baseUrl;
+	} catch {}
+	const sharedViewModelOverrides = {
+		$root: {
+			siteId: site.id,
+			apiBaseUrl,
+			previewStage,
+			routes,
+			pagesByIdentifier: siteData.pagesByIdentifier,
+			entriesByIdentifier: siteData.entriesByIdentifier,
+			theme: themeWithVariant
+		},
+		site,
+		menu: menuViewModel,
+		footerMenu: footerMenuViewModel,
+		legalFooterMenu: legalFooterMenuViewModel
+	};
+	const headerViewModelOverrides = {
+		...sharedViewModelOverrides,
+		content: { logo: logoViewModel }
+	};
+	const footerViewModelOverrides = {
+		...sharedViewModelOverrides,
+		content: {
+			...layout.footer,
+			logo: logoViewModel
+		}
+	};
+	let headerElement = null;
+	if (header === true) headerElement = renderBlock(siteHeaderManifest, headerContent, {
+		theme: builtThemeRuntime.tokens,
+		themeConfig: blocksThemeWithVariant,
+		viewModelOverrides: headerViewModelOverrides
+	});
+	else if (typeof header === "function") headerElement = header(headerData);
+	let footerElement = null;
+	if (footer === true) {
+		const footerPlan = resolveFooterRenderPlan({
+			isSdkSite: Boolean(site.is_sdk_site),
+			mode: theme.footer?.mode
+		});
+		const footerBlocksElement = footerPlan.renderFooterBlocks && footerBlocks.length > 0 ? /* @__PURE__ */ jsx(PageRenderer, {
+			theme,
+			page: buildFooterRenderablePageOutline(siteData, footerBlocks),
+			routeMap: routes,
+			dataContext: {
+				previewStage,
+				siteId: site.id,
+				apiBaseUrl,
+				routes,
+				pagesByIdentifier: siteData.pagesByIdentifier,
+				entriesByIdentifier: siteData.entriesByIdentifier
+			},
+			sdkConfig: siteData.sdkConfig ?? null
+		}) : null;
+		if (footerPlan.renderFooterBlocks && !footerBlocksElement && process.env.NODE_ENV !== "production") console.debug("[sdk] Footer mode renders blocks, but footerBlocks is empty/missing", {
+			siteId: site.id,
+			mode: footerPlan.mode
+		});
+		const defaultFooterElement = footerPlan.renderDefaultFooter ? renderBlock(siteFooterManifest, layout.footer, {
+			theme: builtThemeRuntime.tokens,
+			themeConfig: blocksTheme,
+			viewModelOverrides: footerViewModelOverrides
+		}) : null;
+		footerElement = footerPlan.mode === "default+blocks" ? /* @__PURE__ */ jsxs(Fragment, { children: [footerBlocksElement, defaultFooterElement] }) : footerPlan.mode === "blocks" ? footerBlocksElement : footerPlan.mode === "none" ? null : defaultFooterElement;
+	} else if (typeof footer === "function") footerElement = footer(footerData);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		headerElement,
+		children,
+		footerElement
+	] });
+	return renderWithSdkThemeRuntime({
+		theme,
+		themeRuntime: planLayoutThemeRuntime({
+			themeRuntime,
+			usesSdkChrome: header === true || footer === true
+		}),
+		children: content
+	});
+}
 function blockedDemoMutationPolicy(classification, publicMessage) {
 	if (publicMessage.trim() === "") throw new Error(`Demo mutation policy ${classification} requires publicMessage.`);
 	return {
@@ -72139,6 +72764,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",
@@ -73400,7 +74032,7 @@ z$1.object({
 });
 //#endregion
 //#region ../api/src/utils/isRecord.ts
-function isRecord$6(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 //#endregion
@@ -73647,7 +74279,7 @@ function sanitizeMarks(marks) {
 	if (!Array.isArray(marks) || marks.length === 0) return;
 	const sanitized = marks.flatMap((mark) => {
 		if (mark.type === "bold" || mark.type === "strong" || mark.type === "italic" || mark.type === "em") return [{ type: mark.type }];
-		if (mark.type === "link" && isRecord$6(mark.attrs) && typeof mark.attrs.href === "string") {
+		if (mark.type === "link" && isRecord$5(mark.attrs) && typeof mark.attrs.href === "string") {
 			const attrs = { href: mark.attrs.href };
 			if (typeof mark.attrs.target === "string" && mark.attrs.target.trim().length > 0) attrs.target = mark.attrs.target;
 			if (typeof mark.attrs.rel === "string" && mark.attrs.rel.trim().length > 0) attrs.rel = mark.attrs.rel;
@@ -73672,7 +74304,7 @@ function collectText(node) {
 }
 function stableSerialize(value) {
 	if (Array.isArray(value)) return `[${value.map(stableSerialize).join(",")}]`;
-	if (isRecord$6(value)) return `{${Object.entries(value).filter(([, entryValue]) => entryValue !== void 0).sort(([left], [right]) => left.localeCompare(right)).map(([key, entryValue]) => `${JSON.stringify(key)}:${stableSerialize(entryValue)}`).join(",")}}`;
+	if (isRecord$5(value)) return `{${Object.entries(value).filter(([, entryValue]) => entryValue !== void 0).sort(([left], [right]) => left.localeCompare(right)).map(([key, entryValue]) => `${JSON.stringify(key)}:${stableSerialize(entryValue)}`).join(",")}}`;
 	return JSON.stringify(value);
 }
 //#endregion
@@ -73809,7 +74441,7 @@ function collectCartLinkStats(items, depth = 0) {
 	return result;
 }
 function isNavigationMenuValidationItem(value) {
-	if (!isRecord$6(value)) return false;
+	if (!isRecord$5(value)) return false;
 	return typeof value.label === "string";
 }
 //#endregion
@@ -73827,7 +74459,7 @@ function normalizeIdList(value) {
 	return result.length > 0 ? result : null;
 }
 function extractNavVisibilityConfig(raw) {
-	if (!isRecord$6(raw)) return null;
+	if (!isRecord$5(raw)) return null;
 	const modeRaw = raw.mode;
 	const mode = modeRaw === "augment" || modeRaw === "restrict" ? modeRaw : null;
 	const allowIds = normalizeIdList(raw.allowIds);
@@ -73840,7 +74472,7 @@ function extractNavVisibilityConfig(raw) {
 	};
 }
 function asRecord(value) {
-	return isRecord$6(value) ? value : null;
+	return isRecord$5(value) ? value : null;
 }
 /**
 * Check if a raw config object has any nav visibility values defined.
@@ -75180,6 +75812,7 @@ const DEFAULT_TEMPLATE_DEFINITIONS = {
 			{
 				blockKind: "block.body-text",
 				scope: "entry",
+				content: { body: createRichTextDoc([""]) },
 				bindings: EVENT_BODY_TEXT_BINDINGS
 			},
 			{
@@ -75226,6 +75859,7 @@ const DEFAULT_TEMPLATE_DEFINITIONS = {
 		}, {
 			blockKind: "block.body-text",
 			scope: "entry",
+			content: { body: createRichTextDoc([""]) },
 			bindings: TEAM_MEMBER_BODY_TEXT_BINDINGS
 		}]
 	},