@riverbankcms/sdk 0.64.0 → 0.67.0

package/dist/preview-next/client/runtime.mjs

@@ -188,6 +188,21 @@ var init_previewAuthStore = __esm({
   }
 });
 
+// ../api/src/apiEndpointTypes.ts
+function blockedDemoMutationPolicy(classification, publicMessage) {
+  if (publicMessage.trim() === "") {
+    throw new Error(`Demo mutation policy ${classification} requires publicMessage.`);
+  }
+  return {
+    classification,
+    publicMessage
+  };
+}
+var init_apiEndpointTypes = __esm({
+  "../api/src/apiEndpointTypes.ts"() {
+  }
+});
+
 // ../api/src/cache-tags.ts
 var TAG_TEMPLATES;
 var init_cache_tags = __esm({
@@ -223,10 +238,23 @@ var init_cache_tags = __esm({
 });
 
 // ../api/src/endpoints.ts
-var ENDPOINT_DEFINITIONS, API_ENDPOINTS;
+var DEMO_MUTATION_BLOCKED_HIDDEN, DEMO_MUTATION_BLOCKED_DISABLED, DEMO_MUTATION_INTERNAL_ONLY, ENDPOINT_DEFINITIONS, API_ENDPOINTS;
 var init_endpoints = __esm({
   "../api/src/endpoints.ts"() {
+    init_apiEndpointTypes();
     init_cache_tags();
+    DEMO_MUTATION_BLOCKED_HIDDEN = blockedDemoMutationPolicy(
+      "blocked-hidden",
+      "This action is not available in demo sites."
+    );
+    DEMO_MUTATION_BLOCKED_DISABLED = blockedDemoMutationPolicy(
+      "blocked-disabled",
+      "This setting is disabled in demo sites."
+    );
+    DEMO_MUTATION_INTERNAL_ONLY = blockedDemoMutationPolicy(
+      "internal-only",
+      "This internal operation is not available in demo sites."
+    );
     ENDPOINT_DEFINITIONS = {
       // AI endpoints - no cache due to dynamic nature
       aiContentUpdateChat: {
@@ -343,7 +371,8 @@ var init_endpoints = __esm({
         path: "/sites/{siteId}/ai/generate",
         method: "POST",
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       getOnboardingPreviewStatus: {
         path: "/public/sites/{siteId}/onboarding/preview-status",
@@ -364,7 +393,8 @@ var init_endpoints = __esm({
         method: "POST",
         auth: "user",
         errors: [],
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED
       },
       goLiveSite: {
         path: "/sites/{siteId}/launch/go-live",
@@ -433,20 +463,23 @@ var init_endpoints = __esm({
         path: "/sites/{siteId}/ai/site-wizard/goals",
         method: "POST",
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       aiSiteWizardIntakeTriage: {
         path: "/sites/{siteId}/ai/site-wizard/intake-triage",
         method: "POST",
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       aiSiteWizardTelemetry: {
         path: "/sites/{siteId}/ai/site-wizard/telemetry",
         method: "POST",
         auth: "user",
         errors: [],
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       // Admin SEO
       listGscPropertiesAdmin: {
@@ -653,7 +686,7 @@ var init_endpoints = __esm({
         responseKind: "json",
         errors: ["resource:not_found", "server:internal_error"]
       },
-      // Ops (event hosts/admins)
+      // Ops (staff event operators/admins)
       opsListUpcomingEventOccurrences: {
         path: "/ops/sites/{siteId}/events",
         method: "GET",
@@ -671,6 +704,7 @@ var init_endpoints = __esm({
         method: "POST",
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -683,6 +717,7 @@ var init_endpoints = __esm({
         method: "POST",
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -701,6 +736,7 @@ var init_endpoints = __esm({
         method: "POST",
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -734,6 +770,7 @@ var init_endpoints = __esm({
         method: "POST",
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_INTERNAL_ONLY,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -762,7 +799,8 @@ var init_endpoints = __esm({
         method: "POST",
         tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteEmailSettings],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       previewEmailTemplate: {
         path: "/sites/{siteId}/settings/emails/preview",
@@ -813,14 +851,16 @@ var init_endpoints = __esm({
         method: "POST",
         tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       createNewsletterSubscribersImportUploadUrl: {
         path: "/sites/{siteId}/newsletter/subscribers/import-url",
         method: "POST",
         tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       exportNewsletterSubscribersCsv: {
         path: "/sites/{siteId}/newsletter/subscribers/export.csv",
@@ -1017,14 +1057,16 @@ var init_endpoints = __esm({
         method: "POST",
         tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       testSendNewsletterCampaign: {
         path: "/sites/{siteId}/newsletter/campaigns/{campaignId}/test-send",
         method: "POST",
         tags: [TAG_TEMPLATES.site, TAG_TEMPLATES.siteNewsletter],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       listNewsletterSendJobs: {
         path: "/sites/{siteId}/newsletter/jobs",
@@ -1712,7 +1754,8 @@ var init_endpoints = __esm({
         method: "DELETE",
         tags: ["site", "site-{siteId}"],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       listSiteMembers: {
         path: "/sites/{siteId}/members",
@@ -2168,7 +2211,8 @@ var init_endpoints = __esm({
         method: "POST",
         tags: ["site-{siteId}", "content-{siteId}-{type}"],
         auth: "user",
-        responseKind: "json"
+        responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN
       },
       updateSiteGeneralSettings: {
         path: "/sites/{siteId}/settings/general",
@@ -4407,6 +4451,7 @@ var init_endpoints = __esm({
         method: "POST",
         tags: ["site-{siteId}"],
         auth: "user",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -4421,6 +4466,7 @@ var init_endpoints = __esm({
         method: "POST",
         tags: ["site-{siteId}"],
         auth: "user",
+        demoMutation: DEMO_MUTATION_BLOCKED_HIDDEN,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -4730,6 +4776,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "passes-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: ["validation:invalid_input", "server:internal_error"]
       },
       getBookingPass: {
@@ -4745,6 +4792,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "passes-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: [
           "validation:invalid_input",
           "resource:not_found",
@@ -4757,6 +4805,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "passes-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: [
           "validation:invalid_input",
           "resource:not_found",
@@ -4812,6 +4861,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "memberships-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: ["validation:invalid_input", "server:internal_error"]
       },
       getBookingMembership: {
@@ -4827,6 +4877,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "memberships-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: [
           "validation:invalid_input",
           "resource:not_found",
@@ -4839,6 +4890,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "memberships-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: [
           "validation:invalid_input",
           "resource:not_found",
@@ -5055,6 +5107,7 @@ var init_endpoints = __esm({
         tags: ["site-{siteId}", "customers-{siteId}"],
         auth: "user",
         responseKind: "json",
+        demoMutation: DEMO_MUTATION_BLOCKED_DISABLED,
         errors: [
           "validation:invalid_input",
           "auth:forbidden",
@@ -100288,6 +100341,7 @@ var init_validation_constants = __esm({
       "date.formatShort",
       "array.length",
       "value.jsonArray",
+      "value.csv",
       "array.marqueeLoop",
       // Layout (layout.ts)
       "layout.maxWidthClass",
@@ -101968,6 +102022,436 @@ var init_manifest = __esm({
   }
 });
 
+// ../theme-core/src/palette/utils/colorConversion.ts
+function hexToRgb(hex) {
+  const h2 = hex.replace(/^#/, "");
+  const m2 = h2.length === 3 ? h2.split("").map((c4) => c4 + c4).join("") : h2;
+  if (m2.length !== 6) throw new Error("Bad hex");
+  const int = parseInt(m2, 16);
+  return { r: int >> 16 & 255, g: int >> 8 & 255, b: int & 255 };
+}
+function rgbToHex(r4, g2, b3) {
+  const to2 = (n3) => Math.round(n3).toString(16).padStart(2, "0");
+  return `#${to2(r4)}${to2(g2)}${to2(b3)}`;
+}
+function srgbToLinear(u3) {
+  const x2 = u3 / 255;
+  return x2 <= 0.04045 ? x2 / 12.92 : Math.pow((x2 + 0.055) / 1.055, 2.4);
+}
+function linearToSrgb(x2) {
+  const y2 = x2 <= 31308e-7 ? 12.92 * x2 : 1.055 * Math.pow(x2, 1 / 2.4) - 0.055;
+  return clamp01(y2) * 255;
+}
+function rgbToHsl(r4, g2, b3) {
+  const R3 = r4 / 255, G2 = g2 / 255, B = b3 / 255;
+  const max3 = Math.max(R3, G2, B), min3 = Math.min(R3, G2, B);
+  const d2 = max3 - min3;
+  let h2 = 0;
+  if (d2 !== 0) {
+    switch (max3) {
+      case R3:
+        h2 = (G2 - B) / d2 + (G2 < B ? 6 : 0);
+        break;
+      case G2:
+        h2 = (B - R3) / d2 + 2;
+        break;
+      case B:
+        h2 = (R3 - G2) / d2 + 4;
+        break;
+    }
+    h2 *= 60;
+  }
+  const l2 = (max3 + min3) / 2;
+  const s2 = d2 === 0 ? 0 : d2 / (1 - Math.abs(2 * l2 - 1));
+  return { h: h2, s: s2, l: l2 };
+}
+function srgbToOklab(r4, g2, b3) {
+  const R3 = srgbToLinear(r4), G2 = srgbToLinear(g2), B = srgbToLinear(b3);
+  const l2 = 0.4122214708 * R3 + 0.5363325363 * G2 + 0.0514459929 * B;
+  const m2 = 0.2119034982 * R3 + 0.6806995451 * G2 + 0.1073969566 * B;
+  const s2 = 0.0883024619 * R3 + 0.2817188376 * G2 + 0.6299787005 * B;
+  const l_ = Math.cbrt(l2), m_ = Math.cbrt(m2), s_ = Math.cbrt(s2);
+  const L3 = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  const a2 = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+  const b22 = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+  return { L: L3, a: a2, b: b22 };
+}
+function oklabToSrgb(L3, a2, b3) {
+  const l_ = Math.pow(L3 + 0.3963377774 * a2 + 0.2158037573 * b3, 3);
+  const m_ = Math.pow(L3 - 0.1055613458 * a2 - 0.0638541728 * b3, 3);
+  const s_ = Math.pow(L3 - 0.0894841775 * a2 - 1.291485548 * b3, 3);
+  const R3 = 4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_;
+  const G2 = -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_;
+  const B = -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_;
+  return { r: linearToSrgb(R3), g: linearToSrgb(G2), b: linearToSrgb(B) };
+}
+function oklabToOklch(L3, a2, b3) {
+  const C2 = Math.sqrt(a2 * a2 + b3 * b3);
+  const h2 = C2 < 1e-7 ? 0 : deg(Math.atan2(b3, a2) * 180 / Math.PI);
+  return { L: L3, C: C2, h: h2 };
+}
+function oklchToOklab(L3, C2, h2) {
+  const hr = h2 * Math.PI / 180;
+  const a2 = C2 * Math.cos(hr);
+  const b3 = C2 * Math.sin(hr);
+  return { L: L3, a: a2, b: b3 };
+}
+function inSRGB(r4, g2, b3) {
+  return r4 >= 0 && r4 <= 255 && g2 >= 0 && g2 <= 255 && b3 >= 0 && b3 <= 255;
+}
+function oklchToHexGamut(L3, C2, h2) {
+  let lo2 = 0, hi = C2, best = 0;
+  for (let i2 = 0; i2 < 18; i2++) {
+    const mid = (lo2 + hi) / 2;
+    const { a: a3, b: b4 } = oklchToOklab(L3, mid, h2);
+    const { r: r5, g: g3, b: bb2 } = oklabToSrgb(L3, a3, b4);
+    if (inSRGB(r5, g3, bb2)) {
+      best = mid;
+      lo2 = mid;
+    } else {
+      hi = mid;
+    }
+  }
+  const { a: a2, b: b3 } = oklchToOklab(L3, best, h2);
+  const { r: r4, g: g2, b: bb } = oklabToSrgb(L3, a2, b3);
+  return rgbToHex(r4, g2, bb);
+}
+function featuresFromHex(hex) {
+  const { r: r4, g: g2, b: b3 } = hexToRgb(hex);
+  const { h: h2, s: s2, l: l2 } = rgbToHsl(r4, g2, b3);
+  const { L: L3, a: a2, b: b22 } = srgbToOklab(r4, g2, b3);
+  const { L: okL, C: okC, h: okH } = oklabToOklch(L3, a2, b22);
+  const max3 = Math.max(r4, g2, b3);
+  const v2 = max3 / 255;
+  const Y2 = 0.2126 * srgbToLinear(r4) + 0.7152 * srgbToLinear(g2) + 0.0722 * srgbToLinear(b3);
+  const chroma = s2;
+  return { r: r4, g: g2, b: b3, h: h2, s: s2, l: l2, v: v2, Y: Y2, chroma, okL, okC, okH, hex };
+}
+var clamp01, mod, deg;
+var init_colorConversion = __esm({
+  "../theme-core/src/palette/utils/colorConversion.ts"() {
+    clamp01 = (x2) => Math.max(0, Math.min(1, x2));
+    mod = (a2, n3) => (a2 % n3 + n3) % n3;
+    deg = (x2) => mod(x2, 360);
+  }
+});
+
+// ../theme-core/src/palette/utils/contrast.ts
+function relativeLuminance(r4, g2, b3) {
+  const R3 = srgbToLinear(r4), G2 = srgbToLinear(g2), B = srgbToLinear(b3);
+  return 0.2126 * R3 + 0.7152 * G2 + 0.0722 * B;
+}
+function contrastRatio(hex1, hex2) {
+  const { r: r1, g: g1, b: b1 } = hexToRgb(hex1);
+  const { r: r22, g: g2, b: b22 } = hexToRgb(hex2);
+  const L1 = relativeLuminance(r1, g1, b1);
+  const L22 = relativeLuminance(r22, g2, b22);
+  const [hi, lo2] = L1 >= L22 ? [L1, L22] : [L22, L1];
+  return (hi + 0.05) / (lo2 + 0.05);
+}
+var init_contrast2 = __esm({
+  "../theme-core/src/palette/utils/contrast.ts"() {
+    init_colorConversion();
+  }
+});
+
+// ../theme-core/src/palette/utils/onColor.ts
+function onColorTokenName(backgroundToken) {
+  return `on${backgroundToken.split("-").filter((part) => part.length > 0).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`;
+}
+function isOnColorBackgroundCandidateToken(token) {
+  const role = token.match(/^(.*?)(?:-\d{2,3})?$/)?.[1] ?? token;
+  return BACKGROUND_ROLE_NAMES.has(role);
+}
+var BACKGROUND_ROLE_NAMES;
+var init_onColor = __esm({
+  "../theme-core/src/palette/utils/onColor.ts"() {
+    BACKGROUND_ROLE_NAMES = /* @__PURE__ */ new Set([
+      "primary",
+      "secondary",
+      "accent",
+      "success",
+      "warning",
+      "destructive",
+      "info",
+      "background",
+      "surface",
+      "surfaceAlt",
+      "muted",
+      "neutral"
+    ]);
+  }
+});
+
+// ../theme-core/src/site-styles/accessibleSurfaces.ts
+function toAccessibleColorSurfaceIntent(surface) {
+  switch (surface) {
+    case "base":
+    case "muted-band":
+    case "accent-band":
+    case "brand-depth-band":
+      return surface;
+    case "hero-image":
+      return null;
+    default:
+      return assertNeverSurface(surface);
+  }
+}
+function resolveAccessibleSurface(input) {
+  const rejectedCandidates = [];
+  const recipe = surfaceRecipes[input.surface];
+  const threshold = contrastThresholdByPolicy[input.policy ?? "body-aa"];
+  for (const backgroundToken of recipe.backgroundCandidates) {
+    const backgroundHex = readPaletteHex(input.palette, backgroundToken);
+    if (!backgroundHex) {
+      rejectedCandidates.push({
+        kind: "background-candidate",
+        token: backgroundToken,
+        reason: "missing-token"
+      });
+      continue;
+    }
+    const heading = resolveRequiredForeground({
+      role: "heading",
+      candidates: recipe.headingCandidates,
+      backgroundToken,
+      backgroundHex,
+      palette: input.palette,
+      threshold,
+      rejectedCandidates
+    });
+    const text2 = resolveRequiredForeground({
+      role: "text",
+      candidates: recipe.textCandidates,
+      backgroundToken,
+      backgroundHex,
+      palette: input.palette,
+      threshold,
+      rejectedCandidates
+    });
+    if (!heading || !text2) continue;
+    const supporting = resolveSupportingForeground({
+      candidates: recipe.supportingCandidates,
+      backgroundToken,
+      backgroundHex,
+      text: text2,
+      palette: input.palette,
+      threshold,
+      rejectedCandidates
+    });
+    return {
+      kind: "resolved-accessible-surface",
+      surface: input.surface,
+      background: {
+        token: asAccessibleSurfaceToken(backgroundToken),
+        hex: backgroundHex,
+        inherited: recipe.inheritedBackground
+      },
+      heading,
+      text: text2,
+      supporting,
+      rejectedCandidates
+    };
+  }
+  return {
+    kind: "accessible-surface-resolution-failure",
+    surface: input.surface,
+    reason: surfaceResolutionFailureReason(rejectedCandidates),
+    rejectedCandidates
+  };
+}
+function resolveAccessibleSurfaceOrTerminalFallback(input) {
+  const result = resolveAccessibleSurface(input);
+  if (result.kind === "resolved-accessible-surface") {
+    return result;
+  }
+  return terminalFallbackSurface({
+    surface: input.surface,
+    rejectedCandidates: result.rejectedCandidates
+  });
+}
+function resolveRequiredForeground(input) {
+  return resolveSafeToken({
+    role: input.role,
+    candidates: input.candidates,
+    backgroundToken: input.backgroundToken,
+    backgroundHex: input.backgroundHex,
+    palette: input.palette,
+    threshold: input.threshold,
+    rejectedCandidates: input.rejectedCandidates
+  });
+}
+function resolveSupportingForeground(input) {
+  const resolved = resolveSafeToken({
+    role: "supporting",
+    candidates: input.candidates,
+    backgroundToken: input.backgroundToken,
+    backgroundHex: input.backgroundHex,
+    palette: input.palette,
+    threshold: input.threshold,
+    rejectedCandidates: input.rejectedCandidates
+  });
+  if (resolved) return resolved;
+  return {
+    kind: "fallback-to-text",
+    role: "supporting",
+    token: input.text.token,
+    hex: input.text.hex,
+    contrastRatio: input.text.contrastRatio,
+    reason: "supporting-token-unsafe"
+  };
+}
+function resolveSafeToken(input) {
+  for (const candidate of expandForegroundCandidates(input.candidates, input.backgroundToken)) {
+    const foregroundHex = readPaletteHex(input.palette, candidate);
+    if (!foregroundHex) {
+      input.rejectedCandidates.push({
+        kind: "foreground-candidate",
+        role: input.role,
+        token: candidate,
+        reason: "missing-token"
+      });
+      continue;
+    }
+    const ratio2 = contrastRatio(foregroundHex, input.backgroundHex);
+    if (ratio2 < input.threshold) {
+      input.rejectedCandidates.push({
+        kind: "foreground-candidate",
+        role: input.role,
+        token: candidate,
+        reason: "contrast-too-low",
+        contrastRatio: ratio2
+      });
+      continue;
+    }
+    return {
+      kind: "safe-token",
+      role: input.role,
+      token: asAccessibleSurfaceToken(candidate),
+      hex: foregroundHex,
+      contrastRatio: ratio2
+    };
+  }
+  return null;
+}
+function expandForegroundCandidates(candidates, backgroundToken) {
+  const seen = /* @__PURE__ */ new Set();
+  const expanded = [];
+  for (const candidate of candidates) {
+    const token = expandForegroundCandidate(candidate, backgroundToken);
+    if (seen.has(token)) continue;
+    seen.add(token);
+    expanded.push(token);
+  }
+  return expanded;
+}
+function expandForegroundCandidate(candidate, backgroundToken) {
+  if (typeof candidate === "string") {
+    return candidate;
+  }
+  switch (candidate.kind) {
+    case "on-background":
+      return onColorTokenName(backgroundToken);
+  }
+}
+function readPaletteHex(palette, token) {
+  const value = palette[token];
+  return typeof value === "string" && value.trim().length > 0 ? value : null;
+}
+function asAccessibleSurfaceToken(token) {
+  if (token.length === 0) {
+    throw new Error("AccessibleSurfaceToken must be non-empty.");
+  }
+  return token;
+}
+function surfaceResolutionFailureReason(rejectedCandidates) {
+  return rejectedCandidates.some((candidate) => candidate.kind === "foreground-candidate") ? "no-safe-foreground-candidate" : "no-background-candidate";
+}
+function terminalFallbackSurface(input) {
+  const contrast = contrastRatio(
+    terminalFallbackTokens.foreground,
+    terminalFallbackTokens.background
+  );
+  const foreground = {
+    kind: "safe-token",
+    token: asAccessibleSurfaceToken(terminalFallbackTokens.foreground),
+    hex: terminalFallbackTokens.foreground,
+    contrastRatio: contrast
+  };
+  return {
+    kind: "resolved-accessible-surface",
+    surface: input.surface,
+    background: {
+      token: asAccessibleSurfaceToken(terminalFallbackTokens.background),
+      hex: terminalFallbackTokens.background,
+      inherited: false
+    },
+    heading: {
+      ...foreground,
+      role: "heading"
+    },
+    text: {
+      ...foreground,
+      role: "text"
+    },
+    supporting: {
+      ...foreground,
+      role: "supporting"
+    },
+    rejectedCandidates: input.rejectedCandidates
+  };
+}
+function assertNeverSurface(value) {
+  throw new Error(`Unhandled Theme V2 surface intent: ${String(value)}`);
+}
+var ON_BACKGROUND, contrastThresholdByPolicy, surfaceRecipes, terminalFallbackTokens;
+var init_accessibleSurfaces = __esm({
+  "../theme-core/src/site-styles/accessibleSurfaces.ts"() {
+    init_contrast2();
+    init_onColor();
+    ON_BACKGROUND = { kind: "on-background" };
+    contrastThresholdByPolicy = {
+      "body-aa": 4.5,
+      "large-text-aa": 3,
+      decorative: 1
+    };
+    surfaceRecipes = {
+      base: {
+        backgroundCandidates: ["background", "surface"],
+        headingCandidates: ["text", ON_BACKGROUND, "neutral-950", "neutral-50"],
+        textCandidates: ["text", ON_BACKGROUND, "neutral-950", "neutral-50"],
+        supportingCandidates: ["mutedText"],
+        inheritedBackground: true
+      },
+      "muted-band": {
+        backgroundCandidates: ["muted", "surfaceAlt", "surface", "background"],
+        headingCandidates: [ON_BACKGROUND, "text", "neutral-950", "neutral-50"],
+        textCandidates: [ON_BACKGROUND, "text", "neutral-950", "neutral-50"],
+        supportingCandidates: ["mutedText", "secondary", ON_BACKGROUND],
+        inheritedBackground: false
+      },
+      "accent-band": {
+        backgroundCandidates: ["primary", "accent", "secondary"],
+        headingCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface", "neutral-50", "neutral-950"],
+        textCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface", "neutral-50", "neutral-950"],
+        supportingCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface"],
+        inheritedBackground: false
+      },
+      "brand-depth-band": {
+        backgroundCandidates: ["primary-800", "primary-900", "primary-700", "primary"],
+        headingCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface", "neutral-50", "neutral-950"],
+        textCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface", "neutral-50", "neutral-950"],
+        supportingCandidates: [ON_BACKGROUND, "primaryForeground", "background", "surface"],
+        inheritedBackground: false
+      }
+    };
+    terminalFallbackTokens = {
+      background: "#ffffff",
+      foreground: "#000000"
+    };
+  }
+});
+
 // ../theme-core/src/site-styles/appearancePresetResolution.ts
 function assertValidOptionGroups(preset2) {
   preset2.optionGroups?.forEach((group) => {
@@ -105366,7 +105850,7 @@ function getContrastingTextColorToken(backgroundToken, theme) {
   }
   return isLightTheme ? "neutral-50" : "neutral-950";
 }
-var init_contrast2 = __esm({
+var init_contrast3 = __esm({
   "../theme-core/src/buttons/utils/contrast.ts"() {
   }
 });
@@ -105445,7 +105929,7 @@ function generateDefaultButtonSystem(theme) {
 var BORDER_WIDTH_TO_CLASS_MAP, VALID_CORNER_STYLES, VALID_SHADOW_SIZES;
 var init_generateDefaultButtonSystem = __esm({
   "../theme-core/src/buttons/generateDefaultButtonSystem.ts"() {
-    init_contrast2();
+    init_contrast3();
     BORDER_WIDTH_TO_CLASS_MAP = {
       none: "border-0",
       // 0px
@@ -108368,7 +108852,8 @@ function defineCuratedSiteStyle(input) {
     name: input.name,
     description: input.description,
     generationBrief: input.generationBrief,
-    selectionKeywords: input.selectionKeywords ?? [],
+    selectionKeywordRules: input.selectionKeywordRules ?? [],
+    siteCreatorSelection: input.siteCreatorSelection ?? { kind: "explicit_only" },
     template: {
       id: asDesignSystemTemplateId(`template:${input.id.replace("site-style:", "")}`),
       name: input.name,
@@ -108415,6 +108900,9 @@ var init_curatedSiteStyles = __esm({
       "site-style:bright-community",
       "site-style:quiet-luxury",
       "site-style:practical-services",
+      "site-style:quiet-practice",
+      "site-style:personal-retreat-journal",
+      "site-style:tactile-workshop",
       "site-style:modern-wellness",
       "site-style:bold-launch",
       "site-style:south-west-twerk-school"
@@ -108598,12 +109086,13 @@ var init_curatedSiteStyles = __esm({
         name: "Quiet Luxury",
         description: "Minimal, confident, and refined for premium experiences and private services.",
         generationBrief: "Use fewer claims, more specificity, and restrained sensory detail. Favor elegant media and low repetition over dense panels.",
-        selectionKeywords: [
-          "luxury",
-          "premium",
-          "boutique",
-          "bespoke",
-          "exclusive"
+        siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 20 },
+        selectionKeywordRules: [
+          { kind: "word", value: "luxury" },
+          { kind: "word", value: "premium" },
+          { kind: "word", value: "boutique" },
+          { kind: "word", value: "bespoke" },
+          { kind: "word", value: "exclusive" }
         ],
         tokenRecipes: {
           palette: "high-contrast",
@@ -108632,13 +109121,14 @@ var init_curatedSiteStyles = __esm({
         name: "Practical Services",
         description: "Efficient, plainspoken, and conversion-focused for trades and everyday services.",
         generationBrief: "Make services, location, trust signals, and contact paths obvious. Keep copy brief and avoid ornate visual treatments.",
-        selectionKeywords: [
-          "repair",
-          "plumb",
-          "electric",
-          "cleaning",
-          "landscap",
-          "contractor"
+        siteCreatorSelection: { kind: "primary_goal_support" },
+        selectionKeywordRules: [
+          { kind: "word", value: "repair" },
+          { kind: "substring", value: "plumb" },
+          { kind: "substring", value: "electric" },
+          { kind: "word", value: "cleaning" },
+          { kind: "substring", value: "landscap" },
+          { kind: "substring", value: "contractor" }
         ],
         tokenRecipes: {
           palette: "brand-led",
@@ -108689,18 +109179,134 @@ var init_curatedSiteStyles = __esm({
           paletteChoice("warm-neutral-forest")
         ]
       }),
+      defineCuratedSiteStyle({
+        id: "site-style:quiet-practice",
+        name: "Quiet Practice",
+        description: "Grounded, calm, and practical for small appointment-first practices.",
+        generationBrief: "Make services, practitioner trust, preparation notes, and booking routes easy to scan. Keep the tone warm and specific, with quiet confidence rather than spa cliches or medical claims.",
+        siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 30 },
+        selectionKeywordRules: [
+          { kind: "substring", value: "massage" },
+          { kind: "word", value: "bodywork" },
+          { kind: "phrase", value: "appointment practice" },
+          { kind: "phrase", value: "appointment-first" },
+          { kind: "substring", value: "practitioner" },
+          { kind: "substring", value: "therap" },
+          { kind: "substring", value: "clinic" },
+          { kind: "phrase", value: "wellness practice" }
+        ],
+        tokenRecipes: {
+          palette: "soft-natural",
+          contrast: "standard",
+          radius: "soft",
+          shadow: "subtle",
+          typography: "clean-sans",
+          spacing: "regular",
+          motion: "subtle"
+        },
+        compositionBudget: quietBudget,
+        recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+        buttonPersonalityChoices: [
+          buttonChoice("pebble"),
+          buttonChoice("soft-pill"),
+          buttonChoice("editorial-link")
+        ],
+        paletteVariantChoices: [
+          paletteChoice("soft-natural-stone"),
+          paletteChoice("soft-natural-sage"),
+          paletteChoice("warm-neutral-clay")
+        ]
+      }),
+      defineCuratedSiteStyle({
+        id: "site-style:personal-retreat-journal",
+        name: "Personal Retreat Journal",
+        description: "Warm, story-led, and readable for solo practitioners with mixed offers.",
+        generationBrief: "Center the practitioner as the guide, then make private sessions, classes, retreats, and resources feel like clear pathways. Keep retreat copy grounded and practical, with enough editorial warmth for longer reading.",
+        siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 40 },
+        selectionKeywordRules: [
+          { kind: "substring", value: "retreat" },
+          { kind: "phrase", value: "solo practitioner" },
+          { kind: "phrase", value: "personal brand" },
+          { kind: "substring", value: "teacher" },
+          { kind: "substring", value: "coach" },
+          { kind: "phrase", value: "retreat resources" },
+          { kind: "substring", value: "journal" }
+        ],
+        tokenRecipes: {
+          palette: "warm-neutral",
+          contrast: "standard",
+          radius: "soft",
+          shadow: "subtle",
+          typography: "serif-editorial",
+          spacing: "airy",
+          motion: "subtle"
+        },
+        compositionBudget: balancedBudget,
+        recommendedHeaderLookIds: ["editorial-line", "centered-calm", "minimal-transparent"],
+        buttonPersonalityChoices: [
+          buttonChoice("editorial-link"),
+          buttonChoice("soft-pill"),
+          buttonChoice("brushed-wash")
+        ],
+        paletteVariantChoices: [
+          paletteChoice("warm-neutral-forest"),
+          paletteChoice("warm-neutral-clay"),
+          paletteChoice("soft-natural-stone")
+        ]
+      }),
+      defineCuratedSiteStyle({
+        id: "site-style:tactile-workshop",
+        name: "Tactile Workshop",
+        description: "Bright, hands-on, and image-led for maker studios, workshops, and creative classes.",
+        generationBrief: "Lead with objects, materials, studio process, and practical booking detail. Keep the tone warm and direct, with useful mess, clear dates, and enough gallery rhythm to feel like a real creative studio.",
+        siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 50 },
+        selectionKeywordRules: [
+          { kind: "substring", value: "ceramic" },
+          { kind: "word", value: "pottery" },
+          { kind: "phrase", value: "maker studio" },
+          { kind: "phrase", value: "craft class" },
+          { kind: "phrase", value: "craft workshop" },
+          { kind: "word", value: "clay" },
+          { kind: "word", value: "kiln" }
+        ],
+        tokenRecipes: {
+          palette: "brand-led",
+          contrast: "standard",
+          radius: "soft",
+          shadow: "subtle",
+          typography: "friendly-sans",
+          spacing: "regular",
+          motion: "subtle"
+        },
+        compositionBudget: balancedBudget,
+        recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+        recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+        buttonPersonalityChoices: [
+          buttonChoice("pebble"),
+          buttonChoice("confident-chip"),
+          buttonChoice("ink-stamp"),
+          buttonChoice("editorial-link")
+        ],
+        paletteVariantChoices: [
+          paletteChoice("brand-led-warm"),
+          paletteChoice("brand-led-cool"),
+          paletteChoice("soft-natural-watercolor"),
+          paletteChoice("warm-neutral-clay")
+        ]
+      }),
       defineCuratedSiteStyle({
         id: "site-style:bold-launch",
         name: "Bold Launch",
         description: "High-energy and punchy for launches, campaigns, and creative offers.",
         generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
-        selectionKeywords: [
-          "launch",
-          "campaign",
-          "preorder",
-          "pre-order",
-          "waitlist",
-          "drop"
+        siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 10 },
+        selectionKeywordRules: [
+          { kind: "substring", value: "launch" },
+          { kind: "substring", value: "campaign" },
+          { kind: "word", value: "preorder" },
+          { kind: "phrase", value: "pre-order" },
+          { kind: "substring", value: "waitlist" },
+          { kind: "word", value: "drop" }
         ],
         tokenRecipes: {
           palette: "high-contrast",
@@ -108731,15 +109337,6 @@ var init_curatedSiteStyles = __esm({
         name: "South West Twerk School",
         description: "Energetic, editorial, and high-contrast for a branded dance school presence.",
         generationBrief: "Use confident rhythm, bold burgundy-and-gold accents, large editorial intro copy, strong booking routes, and dark feature sections where proof or forms need emphasis.",
-        selectionKeywords: [
-          "dance",
-          "classes",
-          "workshop",
-          "school",
-          "movement",
-          "performance",
-          "community"
-        ],
         tokenRecipes: {
           palette: "brand-led",
           contrast: "maximum",
@@ -109501,6 +110098,173 @@ var init_modern_minimal = __esm({
   }
 });
 
+// ../theme-core/src/palette/generateShades.ts
+function generateShades(hexColor, name) {
+  const shadeSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+  const base2 = featuresFromHex(hexColor);
+  const hue = base2.okH;
+  const baseChroma = base2.okC;
+  const toneMap = {
+    50: 0.975,
+    100: 0.945,
+    200: 0.89,
+    300: 0.82,
+    400: 0.74,
+    500: 0.66,
+    600: 0.58,
+    700: 0.49,
+    800: 0.4,
+    900: 0.28,
+    950: 0.16
+  };
+  const shadeDefs = shadeSteps.map((step, idx) => {
+    const t3 = idx / (shadeSteps.length - 1);
+    const L3 = toneMap[step];
+    const chromaFactor = 0.06 + 0.94 * Math.sin(Math.PI * t3);
+    const C2 = baseChroma * chromaFactor;
+    return {
+      name: `${name}-${step}`,
+      hex: oklchToHexGamut(L3, C2, hue)
+    };
+  });
+  shadeDefs.push({ name, hex: hexColor });
+  return shadeDefs;
+}
+var init_generateShades = __esm({
+  "../theme-core/src/palette/generateShades.ts"() {
+    init_colorConversion();
+  }
+});
+
+// ../theme-core/src/palette/neutralScale.ts
+function generateNeutralScale({
+  background,
+  steps: steps2 = 11,
+  warm = false
+}) {
+  const isDark = background === "#000000" || background.startsWith("#0") || background.startsWith("#1");
+  const shadeNames = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+  const count3 = Math.min(steps2, shadeNames.length);
+  const scale = [];
+  for (let i2 = 0; i2 < count3; i2++) {
+    const t3 = i2 / (count3 - 1);
+    const tone = isDark ? mix(0.06, 0.92, t3) : mix(0.98, 0.1, t3);
+    const hex = oklchToHexGamut(tone, 0.02, warm ? 85 : 250);
+    const name = `neutral-${shadeNames[i2]}`;
+    scale.push({ name, hex });
+  }
+  return scale;
+}
+function mix(a2, b3, t3) {
+  return a2 + (b3 - a2) * Math.max(0, Math.min(1, t3));
+}
+var init_neutralScale = __esm({
+  "../theme-core/src/palette/neutralScale.ts"() {
+    init_colorConversion();
+  }
+});
+
+// ../theme-core/src/palette/utils/textColor.ts
+function pickBlackOrWhiteTextColor(background, minContrast = 4.5) {
+  const { r: r4, g: g2, b: b3 } = parseColorToRgb(background);
+  const luminance = relativeLuminance(r4, g2, b3);
+  const blackContrast = (luminance + 0.05) / 0.05;
+  const whiteContrast = 1.05 / (luminance + 0.05);
+  if (blackContrast >= minContrast && whiteContrast < minContrast) {
+    return "#000000";
+  }
+  if (whiteContrast >= minContrast && blackContrast < minContrast) {
+    return "#FFFFFF";
+  }
+  return blackContrast >= whiteContrast ? "#000000" : "#FFFFFF";
+}
+function getTextColorForBackground(background) {
+  return pickBlackOrWhiteTextColor(background);
+}
+function parseColorToRgb(input) {
+  const trimmed = input.trim();
+  if (trimmed.startsWith("#")) {
+    return hexToRgb(trimmed);
+  }
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i
+  );
+  if (rgbMatch?.[1] && rgbMatch[2] && rgbMatch[3]) {
+    return {
+      r: clamp255(Number(rgbMatch[1])),
+      g: clamp255(Number(rgbMatch[2])),
+      b: clamp255(Number(rgbMatch[3]))
+    };
+  }
+  throw new Error("Unsupported color format");
+}
+function clamp255(value) {
+  if (Number.isNaN(value)) return 0;
+  return Math.max(0, Math.min(255, value));
+}
+var init_textColor = __esm({
+  "../theme-core/src/palette/utils/textColor.ts"() {
+    init_colorConversion();
+    init_contrast2();
+  }
+});
+
+// ../theme-core/src/palette/expandPalette.ts
+function colorsToMap(palette) {
+  const map2 = {};
+  for (const c4 of palette.colors) {
+    map2[c4.name] = c4.hex;
+  }
+  return map2;
+}
+function isBackgroundDark(hex) {
+  try {
+    return featuresFromHex(hex).Y < 0.5;
+  } catch {
+    return false;
+  }
+}
+function expandPalette(palette) {
+  const base2 = colorsToMap(palette);
+  const expanded = { ...base2 };
+  const background = base2.background || base2.surface || "#ffffff";
+  const neutral2 = generateNeutralScale({ background, steps: 11, warm: false });
+  neutral2.forEach((n3) => {
+    expanded[n3.name] = n3.hex;
+  });
+  for (const [name, hex] of Object.entries(base2)) {
+    if (hex) {
+      const shades = generateShades(hex, name);
+      shades.forEach((shade) => {
+        expanded[shade.name] = shade.hex;
+      });
+    }
+  }
+  if (base2.text) expanded.body = base2.text;
+  if (base2.danger && !base2.destructive) {
+    expanded.destructive = base2.danger;
+  }
+  const isDark = base2.background ? isBackgroundDark(base2.background) : false;
+  const isDarkMode = palette.meta?.mode === "dark" || isDark;
+  expanded.mutedText = isDarkMode ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
+  for (const [token, hex] of Object.entries({ ...expanded })) {
+    if (!hex || !isOnColorBackgroundCandidateToken(token)) continue;
+    const onToken = onColorTokenName(token);
+    if (expanded[onToken]) continue;
+    expanded[onToken] = getTextColorForBackground(hex);
+  }
+  return expanded;
+}
+var init_expandPalette = __esm({
+  "../theme-core/src/palette/expandPalette.ts"() {
+    init_generateShades();
+    init_neutralScale();
+    init_colorConversion();
+    init_textColor();
+    init_onColor();
+  }
+});
+
 // ../theme-core/src/site-styles/rawStyleFields.ts
 function isThemeV2NormalEditorRawStyleFieldName(fieldName) {
   return themeV2NormalEditorRawStyleFieldNameSet.has(fieldName);
@@ -109681,6 +110445,15 @@ function stripCompiledRuntimeStyleFields(content) {
     )
   );
 }
+function surfaceResolutionContextFromPalette(palette) {
+  return {
+    kind: "concrete-palette",
+    palette
+  };
+}
+function surfaceResolutionContextFromTheme(theme) {
+  return surfaceResolutionContextFromPalette(expandPalette(theme.palette));
+}
 function defineDesignRuntimeRules(rules) {
   return rules;
 }
@@ -109696,7 +110469,9 @@ function resolveVisualSectionSurface(requestedSurface, contentFrame) {
 function compileSectionStyles(input) {
   const rule2 = input.rules.sectionSurfaces[input.surface];
   const background = compileSectionBackground({
+    surface: input.surface,
     background: rule2.background,
+    surfaceResolutionContext: input.surfaceResolutionContext,
     heroLegibility: input.heroLegibility,
     imageSurfaceTreatment: input.imageSurfaceTreatment,
     imageSurfaceMotion: input.imageSurfaceMotion,
@@ -109724,7 +110499,11 @@ function sectionMinHeightForIntent(sectionHeight, surface) {
 }
 function compileSectionBackground(input) {
   if (!input.background || input.background.type !== "image") {
-    return input.background;
+    return compileColorSectionBackground(
+      input.surface,
+      input.background,
+      input.surfaceResolutionContext
+    );
   }
   const treatmentBackground = compileImageSurfaceTreatmentBackground(
     input.background,
@@ -109738,6 +110517,28 @@ function compileSectionBackground(input) {
     overlay: input.heroLegibility === "none" ? null : input.rules.heroLegibility[input.heroLegibility]
   }, input.imageSurfaceMotion);
 }
+function compileColorSectionBackground(surface, background, surfaceResolutionContext) {
+  if (!background || background.type !== "color") {
+    return background;
+  }
+  const accessibleSurface = toAccessibleColorSurfaceIntent(surface);
+  if (!accessibleSurface) {
+    return background;
+  }
+  const resolved = resolveAccessibleSurfaceOrTerminalFallback({
+    surface: accessibleSurface,
+    palette: surfaceResolutionContext.palette
+  });
+  if (resolved.background.inherited) {
+    return void 0;
+  }
+  return {
+    ...background,
+    color: resolved.background.token,
+    textColor: resolved.text.token,
+    headingColor: resolved.heading.token
+  };
+}
 function withImageSurfaceMotion(background, motion2) {
   return motion2 === "static" ? background : {
     ...background,
@@ -109903,6 +110704,7 @@ function compileBlockRuntimeFields(input) {
       _sectionStyles: compileSectionStyles({
         surface: visualSectionSurface,
         spacing: sectionSpacing,
+        surfaceResolutionContext: input.surfaceResolutionContext,
         rules: designRules,
         sectionHeight: input.block.appliedSectionHeight,
         heroLegibility: input.block.appliedHeroLegibility,
@@ -109922,6 +110724,7 @@ function compilePageRuntimeFields(input) {
   return {
     blocks: input.resolved.blocks.map((block, index2) => compileBlockRuntimeFields({
       block,
+      surfaceResolutionContext: input.surfaceResolutionContext,
       designRules: input.designRules,
       componentRules: input.componentRules,
       sectionSpacing: input.sectionSpacing,
@@ -110038,10 +110841,12 @@ var init_runtimeCompiler = __esm({
   "../theme-core/src/site-styles/runtimeCompiler.ts"() {
     init_schema4();
     init_modern_minimal();
+    init_expandPalette();
     init_personalities();
     init_variants();
     init_designState();
     init_types5();
+    init_accessibleSurfaces();
     compiledRuntimeStyleFieldNames = [
       "_frameStyles",
       "_sectionStyles",
@@ -110055,25 +110860,19 @@ var init_runtimeCompiler = __esm({
         "muted-band": {
           background: {
             type: "color",
-            color: "muted",
-            textColor: "text",
-            headingColor: "text"
+            color: "muted"
           }
         },
         "accent-band": {
           background: {
             type: "color",
-            color: "primary",
-            textColor: "primaryForeground",
-            headingColor: "primaryForeground"
+            color: "primary"
           }
         },
         "brand-depth-band": {
           background: {
             type: "color",
-            color: "primary-800",
-            textColor: "primaryForeground",
-            headingColor: "primaryForeground"
+            color: "primary-800"
           }
         },
         "hero-image": {
@@ -110473,6 +111272,7 @@ function compileEditorModelRuntime(input) {
       blocks,
       capabilities: runtimeCapabilitiesForBlocks(blocks)
     }),
+    surfaceResolutionContext: input.surfaceResolutionContext,
     designRules: input.designRules,
     componentRules: input.componentRules,
     sectionSpacing: input.sectionSpacing
@@ -110895,6 +111695,7 @@ var init_tokenRecipes = __esm({
 // ../theme-core/src/site-styles/index.ts
 var init_site_styles = __esm({
   "../theme-core/src/site-styles/index.ts"() {
+    init_accessibleSurfaces();
     init_appearancePresets();
     init_blockFlow();
     init_compositionBudget();
@@ -117438,7 +118239,7 @@ var init_faq = __esm({
     };
   }
 });
-var uppercaseTransform, fallbackTransform, dateFormatShort, arrayLengthTransform, jsonArrayTransform, marqueeLoopOptionsSchema, marqueeLoopTransform, formattingTransforms;
+var uppercaseTransform, fallbackTransform, dateFormatShort, arrayLengthTransform, jsonArrayTransform, csvTransform, marqueeLoopOptionsSchema, marqueeLoopTransform, formattingTransforms;
 var init_formatting = __esm({
   "../blocks/src/system/transforms/registry/formatting.ts"() {
     uppercaseTransform = {
@@ -117498,6 +118299,16 @@ var init_formatting = __esm({
         return "";
       }
     };
+    csvTransform = {
+      id: "value.csv",
+      kind: "formatter",
+      summary: "Normalize a string or array of strings into a comma-separated list",
+      run: (value) => {
+        const rawValues = Array.isArray(value) ? value : typeof value === "string" ? value.split(",") : [];
+        const normalized = rawValues.filter((item) => typeof item === "string").map((item) => item.trim()).filter(Boolean);
+        return normalized.length > 0 ? Array.from(new Set(normalized)).join(",") : "";
+      }
+    };
     marqueeLoopOptionsSchema = z.object({
       minItems: z.number().int().min(1).default(10)
     });
@@ -117523,6 +118334,7 @@ var init_formatting = __esm({
       dateFormatShort,
       arrayLengthTransform,
       jsonArrayTransform,
+      csvTransform,
       marqueeLoopTransform
     ];
   }
@@ -118012,120 +118824,6 @@ var init_ui = __esm({
     ];
   }
 });
-
-// ../theme-core/src/palette/utils/colorConversion.ts
-function hexToRgb(hex) {
-  const h2 = hex.replace(/^#/, "");
-  const m2 = h2.length === 3 ? h2.split("").map((c4) => c4 + c4).join("") : h2;
-  if (m2.length !== 6) throw new Error("Bad hex");
-  const int = parseInt(m2, 16);
-  return { r: int >> 16 & 255, g: int >> 8 & 255, b: int & 255 };
-}
-function rgbToHex(r4, g2, b3) {
-  const to2 = (n3) => Math.round(n3).toString(16).padStart(2, "0");
-  return `#${to2(r4)}${to2(g2)}${to2(b3)}`;
-}
-function srgbToLinear(u3) {
-  const x2 = u3 / 255;
-  return x2 <= 0.04045 ? x2 / 12.92 : Math.pow((x2 + 0.055) / 1.055, 2.4);
-}
-function linearToSrgb(x2) {
-  const y2 = x2 <= 31308e-7 ? 12.92 * x2 : 1.055 * Math.pow(x2, 1 / 2.4) - 0.055;
-  return clamp01(y2) * 255;
-}
-function rgbToHsl(r4, g2, b3) {
-  const R3 = r4 / 255, G2 = g2 / 255, B = b3 / 255;
-  const max3 = Math.max(R3, G2, B), min3 = Math.min(R3, G2, B);
-  const d2 = max3 - min3;
-  let h2 = 0;
-  if (d2 !== 0) {
-    switch (max3) {
-      case R3:
-        h2 = (G2 - B) / d2 + (G2 < B ? 6 : 0);
-        break;
-      case G2:
-        h2 = (B - R3) / d2 + 2;
-        break;
-      case B:
-        h2 = (R3 - G2) / d2 + 4;
-        break;
-    }
-    h2 *= 60;
-  }
-  const l2 = (max3 + min3) / 2;
-  const s2 = d2 === 0 ? 0 : d2 / (1 - Math.abs(2 * l2 - 1));
-  return { h: h2, s: s2, l: l2 };
-}
-function srgbToOklab(r4, g2, b3) {
-  const R3 = srgbToLinear(r4), G2 = srgbToLinear(g2), B = srgbToLinear(b3);
-  const l2 = 0.4122214708 * R3 + 0.5363325363 * G2 + 0.0514459929 * B;
-  const m2 = 0.2119034982 * R3 + 0.6806995451 * G2 + 0.1073969566 * B;
-  const s2 = 0.0883024619 * R3 + 0.2817188376 * G2 + 0.6299787005 * B;
-  const l_ = Math.cbrt(l2), m_ = Math.cbrt(m2), s_ = Math.cbrt(s2);
-  const L3 = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
-  const a2 = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
-  const b22 = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
-  return { L: L3, a: a2, b: b22 };
-}
-function oklabToSrgb(L3, a2, b3) {
-  const l_ = Math.pow(L3 + 0.3963377774 * a2 + 0.2158037573 * b3, 3);
-  const m_ = Math.pow(L3 - 0.1055613458 * a2 - 0.0638541728 * b3, 3);
-  const s_ = Math.pow(L3 - 0.0894841775 * a2 - 1.291485548 * b3, 3);
-  const R3 = 4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_;
-  const G2 = -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_;
-  const B = -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_;
-  return { r: linearToSrgb(R3), g: linearToSrgb(G2), b: linearToSrgb(B) };
-}
-function oklabToOklch(L3, a2, b3) {
-  const C2 = Math.sqrt(a2 * a2 + b3 * b3);
-  const h2 = C2 < 1e-7 ? 0 : deg(Math.atan2(b3, a2) * 180 / Math.PI);
-  return { L: L3, C: C2, h: h2 };
-}
-function oklchToOklab(L3, C2, h2) {
-  const hr = h2 * Math.PI / 180;
-  const a2 = C2 * Math.cos(hr);
-  const b3 = C2 * Math.sin(hr);
-  return { L: L3, a: a2, b: b3 };
-}
-function inSRGB(r4, g2, b3) {
-  return r4 >= 0 && r4 <= 255 && g2 >= 0 && g2 <= 255 && b3 >= 0 && b3 <= 255;
-}
-function oklchToHexGamut(L3, C2, h2) {
-  let lo2 = 0, hi = C2, best = 0;
-  for (let i2 = 0; i2 < 18; i2++) {
-    const mid = (lo2 + hi) / 2;
-    const { a: a3, b: b4 } = oklchToOklab(L3, mid, h2);
-    const { r: r5, g: g3, b: bb2 } = oklabToSrgb(L3, a3, b4);
-    if (inSRGB(r5, g3, bb2)) {
-      best = mid;
-      lo2 = mid;
-    } else {
-      hi = mid;
-    }
-  }
-  const { a: a2, b: b3 } = oklchToOklab(L3, best, h2);
-  const { r: r4, g: g2, b: bb } = oklabToSrgb(L3, a2, b3);
-  return rgbToHex(r4, g2, bb);
-}
-function featuresFromHex(hex) {
-  const { r: r4, g: g2, b: b3 } = hexToRgb(hex);
-  const { h: h2, s: s2, l: l2 } = rgbToHsl(r4, g2, b3);
-  const { L: L3, a: a2, b: b22 } = srgbToOklab(r4, g2, b3);
-  const { L: okL, C: okC, h: okH } = oklabToOklch(L3, a2, b22);
-  const max3 = Math.max(r4, g2, b3);
-  const v2 = max3 / 255;
-  const Y2 = 0.2126 * srgbToLinear(r4) + 0.7152 * srgbToLinear(g2) + 0.0722 * srgbToLinear(b3);
-  const chroma = s2;
-  return { r: r4, g: g2, b: b3, h: h2, s: s2, l: l2, v: v2, Y: Y2, chroma, okL, okC, okH, hex };
-}
-var clamp01, mod, deg;
-var init_colorConversion = __esm({
-  "../theme-core/src/palette/utils/colorConversion.ts"() {
-    clamp01 = (x2) => Math.max(0, Math.min(1, x2));
-    mod = (a2, n3) => (a2 % n3 + n3) % n3;
-    deg = (x2) => mod(x2, 360);
-  }
-});
 function resolveBackgroundVisualStyles(backgroundColor, tokens, defaultToken = "surface") {
   const backgroundToken = typeof backgroundColor === "string" && backgroundColor.trim().length > 0 ? backgroundColor : defaultToken;
   if (backgroundToken === "transparent") {
@@ -123380,62 +124078,6 @@ var init_utils5 = __esm({
   }
 });
 
-// ../theme-core/src/palette/utils/contrast.ts
-function relativeLuminance(r4, g2, b3) {
-  const R3 = srgbToLinear(r4), G2 = srgbToLinear(g2), B = srgbToLinear(b3);
-  return 0.2126 * R3 + 0.7152 * G2 + 0.0722 * B;
-}
-var init_contrast3 = __esm({
-  "../theme-core/src/palette/utils/contrast.ts"() {
-    init_colorConversion();
-  }
-});
-
-// ../theme-core/src/palette/utils/textColor.ts
-function pickBlackOrWhiteTextColor(background, minContrast = 4.5) {
-  const { r: r4, g: g2, b: b3 } = parseColorToRgb(background);
-  const luminance = relativeLuminance(r4, g2, b3);
-  const blackContrast = (luminance + 0.05) / 0.05;
-  const whiteContrast = 1.05 / (luminance + 0.05);
-  if (blackContrast >= minContrast && whiteContrast < minContrast) {
-    return "#000000";
-  }
-  if (whiteContrast >= minContrast && blackContrast < minContrast) {
-    return "#FFFFFF";
-  }
-  return blackContrast >= whiteContrast ? "#000000" : "#FFFFFF";
-}
-function getTextColorForBackground(background) {
-  return pickBlackOrWhiteTextColor(background);
-}
-function parseColorToRgb(input) {
-  const trimmed = input.trim();
-  if (trimmed.startsWith("#")) {
-    return hexToRgb(trimmed);
-  }
-  const rgbMatch = trimmed.match(
-    /^rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)$/i
-  );
-  if (rgbMatch?.[1] && rgbMatch[2] && rgbMatch[3]) {
-    return {
-      r: clamp255(Number(rgbMatch[1])),
-      g: clamp255(Number(rgbMatch[2])),
-      b: clamp255(Number(rgbMatch[3]))
-    };
-  }
-  throw new Error("Unsupported color format");
-}
-function clamp255(value) {
-  if (Number.isNaN(value)) return 0;
-  return Math.max(0, Math.min(255, value));
-}
-var init_textColor = __esm({
-  "../theme-core/src/palette/utils/textColor.ts"() {
-    init_colorConversion();
-    init_contrast3();
-  }
-});
-
 // ../blocks/src/system/media/slotContracts.ts
 function normalizeSlotPath(path) {
   return path.split(".").map((segment) => /^\d+$/.test(segment) ? "[]" : segment).join(".");
@@ -125368,7 +126010,12 @@ var init_event_listing = __esm({
             detailLevel: "listing",
             kind: { $bind: { from: "content.kind" } },
             eventSurface: { $bind: { from: "content.eventSurface" } },
-            eventPresets: { $bind: { from: "content.filterEventPresets" } },
+            eventPresets: {
+              $bind: {
+                from: "content.filterEventPresets",
+                transforms: [{ id: "value.csv" }]
+              }
+            },
             scheduleScope: { $bind: { from: "content.scheduleScope" } }
           },
           mode: "server"
@@ -126184,7 +126831,12 @@ var init_event_calendar = __esm({
             // Pass filter params if configured
             kind: { $bind: { from: "content.kind" } },
             eventSurface: { $bind: { from: "content.eventSurface" } },
-            eventPresets: { $bind: { from: "content.filterEventPresets" } },
+            eventPresets: {
+              $bind: {
+                from: "content.filterEventPresets",
+                transforms: [{ id: "value.csv" }]
+              }
+            },
             scheduleScope: { $bind: { from: "content.scheduleScope" } },
             categoryIds: { $bind: { from: "content.filterCategoryIds" } },
             staffMemberId: { $bind: { from: "content.filterStaffMemberId" } },
@@ -137472,137 +138124,6 @@ var init_system = __esm({
   }
 });
 
-// ../theme-core/src/palette/generateShades.ts
-function generateShades(hexColor, name) {
-  const shadeSteps = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-  const base2 = featuresFromHex(hexColor);
-  const hue = base2.okH;
-  const baseChroma = base2.okC;
-  const toneMap = {
-    50: 0.975,
-    100: 0.945,
-    200: 0.89,
-    300: 0.82,
-    400: 0.74,
-    500: 0.66,
-    600: 0.58,
-    700: 0.49,
-    800: 0.4,
-    900: 0.28,
-    950: 0.16
-  };
-  const shadeDefs = shadeSteps.map((step, idx) => {
-    const t3 = idx / (shadeSteps.length - 1);
-    const L3 = toneMap[step];
-    const chromaFactor = 0.06 + 0.94 * Math.sin(Math.PI * t3);
-    const C2 = baseChroma * chromaFactor;
-    return {
-      name: `${name}-${step}`,
-      hex: oklchToHexGamut(L3, C2, hue)
-    };
-  });
-  shadeDefs.push({ name, hex: hexColor });
-  return shadeDefs;
-}
-var init_generateShades = __esm({
-  "../theme-core/src/palette/generateShades.ts"() {
-    init_colorConversion();
-  }
-});
-
-// ../theme-core/src/palette/neutralScale.ts
-function generateNeutralScale({
-  background,
-  steps: steps2 = 11,
-  warm = false
-}) {
-  const isDark = background === "#000000" || background.startsWith("#0") || background.startsWith("#1");
-  const shadeNames = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-  const count3 = Math.min(steps2, shadeNames.length);
-  const scale = [];
-  for (let i2 = 0; i2 < count3; i2++) {
-    const t3 = i2 / (count3 - 1);
-    const tone = isDark ? mix(0.06, 0.92, t3) : mix(0.98, 0.1, t3);
-    const hex = oklchToHexGamut(tone, 0.02, warm ? 85 : 250);
-    const name = `neutral-${shadeNames[i2]}`;
-    scale.push({ name, hex });
-  }
-  return scale;
-}
-function mix(a2, b3, t3) {
-  return a2 + (b3 - a2) * Math.max(0, Math.min(1, t3));
-}
-var init_neutralScale = __esm({
-  "../theme-core/src/palette/neutralScale.ts"() {
-    init_colorConversion();
-  }
-});
-
-// ../theme-core/src/palette/expandPalette.ts
-function colorsToMap(palette) {
-  const map2 = {};
-  for (const c4 of palette.colors) {
-    map2[c4.name] = c4.hex;
-  }
-  return map2;
-}
-function isBackgroundDark(hex) {
-  try {
-    return featuresFromHex(hex).Y < 0.5;
-  } catch {
-    return false;
-  }
-}
-function expandPalette(palette) {
-  const base2 = colorsToMap(palette);
-  const expanded = { ...base2 };
-  const background = base2.background || base2.surface || "#ffffff";
-  const neutral2 = generateNeutralScale({ background, steps: 11, warm: false });
-  neutral2.forEach((n3) => {
-    expanded[n3.name] = n3.hex;
-  });
-  for (const [name, hex] of Object.entries(base2)) {
-    if (hex) {
-      const shades = generateShades(hex, name);
-      shades.forEach((shade) => {
-        expanded[shade.name] = shade.hex;
-      });
-    }
-  }
-  if (base2.text) expanded.body = base2.text;
-  if (base2.danger && !base2.destructive) {
-    expanded.destructive = base2.danger;
-  }
-  const isDark = base2.background ? isBackgroundDark(base2.background) : false;
-  const isDarkMode = palette.meta?.mode === "dark" || isDark;
-  expanded.mutedText = isDarkMode ? expanded["neutral-600"] ?? "#666" : expanded["neutral-500"] ?? "#888";
-  const onRoles = [
-    { role: "primary", on: "onPrimary" },
-    { role: "secondary", on: "onSecondary" },
-    { role: "accent", on: "onAccent" },
-    { role: "success", on: "onSuccess" },
-    { role: "warning", on: "onWarning" },
-    { role: "destructive", on: "onDestructive" },
-    { role: "info", on: "onInfo" },
-    { role: "surface", on: "onSurface" }
-  ];
-  for (const { role, on: on2 } of onRoles) {
-    const bg = base2[role];
-    if (!bg) continue;
-    if (expanded[on2]) continue;
-    expanded[on2] = getTextColorForBackground(bg);
-  }
-  return expanded;
-}
-var init_expandPalette = __esm({
-  "../theme-core/src/palette/expandPalette.ts"() {
-    init_generateShades();
-    init_neutralScale();
-    init_colorConversion();
-    init_textColor();
-  }
-});
-
 // ../theme-core/src/runtime/fontFamily.ts
 function isGenericFamily(font) {
   return GENERIC_CSS_FAMILIES.includes(font.toLowerCase());
@@ -141961,7 +142482,7 @@ var init_vibrant_creative = __esm({
 var init_colorPlacement = __esm({
   "../theme-core/src/palette/utils/colorPlacement.ts"() {
     init_colorConversion();
-    init_contrast3();
+    init_contrast2();
   }
 });
 
@@ -142079,7 +142600,7 @@ var init_allRecipes = __esm({
 // ../theme-core/src/palette/utils/legs.ts
 var init_legs = __esm({
   "../theme-core/src/palette/utils/legs.ts"() {
-    init_contrast3();
+    init_contrast2();
     init_colorConversion();
   }
 });
@@ -142097,7 +142618,7 @@ var init_generatePalette = __esm({
   "../theme-core/src/palette/utils/generatePalette.ts"() {
     init_backgroundGeneration();
     init_colorConversion();
-    init_contrast3();
+    init_contrast2();
     init_legs();
     init_supportRoles();
   }
@@ -142115,7 +142636,7 @@ var init_suggestRecipes = __esm({
   "../theme-core/src/palette/utils/suggestRecipes.ts"() {
     init_allRecipes();
     init_colorConversion();
-    init_contrast3();
+    init_contrast2();
     init_generatePalette();
     init_classifyColor();
   }
@@ -142124,7 +142645,7 @@ var init_suggestRecipes = __esm({
 // ../theme-core/src/palette/utils/legibility.ts
 var init_legibility = __esm({
   "../theme-core/src/palette/utils/legibility.ts"() {
-    init_contrast3();
+    init_contrast2();
   }
 });
 
@@ -142132,13 +142653,14 @@ var init_legibility = __esm({
 var init_utils6 = __esm({
   "../theme-core/src/palette/utils/index.ts"() {
     init_colorConversion();
-    init_contrast3();
+    init_contrast2();
     init_colorPlacement();
     init_backgroundGeneration();
     init_suggestRecipes();
     init_generatePalette();
     init_textColor();
     init_legibility();
+    init_onColor();
   }
 });
 var init_swatch = __esm({
@@ -184625,8 +185147,7 @@ var init_contracts2 = __esm({
     dashboardNavVisibilityRolesSchema = z.object({
       administrator: dashboardNavVisibilityBaseSchema.optional(),
       editor: dashboardNavVisibilityBaseSchema.optional(),
-      team_member: dashboardNavVisibilityBaseSchema.optional(),
-      event_host: dashboardNavVisibilityBaseSchema.optional()
+      team_member: dashboardNavVisibilityBaseSchema.optional()
     }).strip().optional();
     dashboardNavVisibilitySchema = dashboardNavVisibilityBaseSchema.extend({
       roles: dashboardNavVisibilityRolesSchema
@@ -185422,6 +185943,21 @@ var init_appointmentSetup = __esm({
       timezone: z.string().trim().min(1).nullable(),
       payment: appointmentSetupPaymentDraftSchema,
       assignment: appointmentSetupServiceAssignmentDraftSchema
+    }).superRefine((service, ctx) => {
+      if (service.payment.priceType === "paid" && (service.priceAmount === null || service.priceAmount <= 0)) {
+        ctx.addIssue({
+          code: "custom",
+          path: ["priceAmount"],
+          message: "Paid appointment services need a positive price."
+        });
+      }
+      if (service.payment.priceType === "free" && service.priceAmount !== null && service.priceAmount > 0) {
+        ctx.addIssue({
+          code: "custom",
+          path: ["priceAmount"],
+          message: "Free appointment services cannot carry a positive price."
+        });
+      }
     });
     appointmentSetupPractitionerDraftSchema = z.object({
       ref: appointmentSetupRefSchema,
@@ -211099,6 +211635,7 @@ function PreviewShellLayout({
             minRightWidth: 320,
             leftLabel: "Preview",
             rightLabel: "Editor",
+            defaultTab: "right",
             rightPaneClassName: "h-full min-h-0 overflow-hidden",
             onSplitChange: (split2) => handleSidebarWidthChange(100 - split2),
             splitPercent: 100 - sidebarWidth
@@ -211466,11 +212003,14 @@ function cloneRecord2(value) {
 
 // ../preview-next/src/client/blocks/previewProjection/runtimeContentDecoration.ts
 init_previewCompiler();
-function runtimeContentDecorationProjectionFromEditorModel(editorModel) {
+function runtimeContentDecorationProjectionFromEditorModel(editorModel, surfaceResolutionContext) {
   return {
     kind: "runtime-content-decoration",
     source: "page-design",
-    fieldsByBlockId: buildEditorModelRuntimeFieldsByBlockId({ editorModel })
+    fieldsByBlockId: buildEditorModelRuntimeFieldsByBlockId({
+      editorModel,
+      surfaceResolutionContext
+    })
   };
 }
 function applyRuntimeContentDecorationProjection(block, content, projection) {
@@ -212456,13 +212996,17 @@ function formatBlockKindLabel2(blockKind) {
 // ../preview-next/src/client/blocks/pageDesignRuntimePreview.ts
 function pageDesignRuntimeProjectionFromSource(source) {
   if (source.kind === "preserve-server-runtime") return null;
-  return runtimeContentDecorationProjectionFromEditorModel(source.editorModel);
+  return runtimeContentDecorationProjectionFromEditorModel(
+    source.editorModel,
+    source.surfaceResolutionContext
+  );
 }
-function resolveRuntimePreviewSource(pageDesignState) {
-  if (pageDesignState.kind === "loaded") {
+function resolveRuntimePreviewSource(input) {
+  if (input.pageDesignState.kind === "loaded" && input.surfaceResolutionContext) {
     return {
       kind: "apply-editor-model",
-      editorModel: pageDesignState.editorModel
+      editorModel: input.pageDesignState.editorModel,
+      surfaceResolutionContext: input.surfaceResolutionContext
     };
   }
   return { kind: "preserve-server-runtime" };
@@ -212490,9 +213034,16 @@ function EditablePageRenderer(props2) {
     () => previewProjectionsFromAiOverlays(uiStore.getState().aiOverlays),
     [uiStore, draftsVersion]
   );
+  const surfaceResolutionContext = useMemo(
+    () => hasThemePalette(props2.theme) ? surfaceResolutionContextFromTheme(props2.theme) : null,
+    [props2.theme]
+  );
   const runtimePreviewSource = useMemo(
-    () => resolveRuntimePreviewSource(pageDesignState),
-    [pageDesignState]
+    () => resolveRuntimePreviewSource({
+      pageDesignState,
+      surfaceResolutionContext
+    }),
+    [pageDesignState, surfaceResolutionContext]
   );
   const runtimeProjection = useMemo(
     () => pageDesignRuntimeProjectionFromSource(runtimePreviewSource),
@@ -212596,6 +213147,9 @@ function EditablePageRenderer(props2) {
   };
   return /* @__PURE__ */ jsx(PageRenderer, { ...rendererProps });
 }
+function hasThemePalette(theme) {
+  return Boolean(theme?.palette);
+}
 function shouldClearHeaderForBlock(blocks, blockIndex) {
   const block = blocks[blockIndex];
   if (block?.kind !== "block.hero") return false;