@treeseed/core 0.1.2

package/dist/environment.js

@@ -0,0 +1,324 @@
+import { randomBytes } from "node:crypto";
+import { existsSync, readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { parse as parseYaml } from "yaml";
+import { loadTreeseedDeployConfig } from "./deploy/config.js";
+import { loadTreeseedPlugins } from "./plugins/runtime.js";
+import { loadTreeseedManifest } from "./tenant/config.js";
+const TREESEED_ENVIRONMENT_SCOPES = ["local", "staging", "prod"];
+const TREESEED_ENVIRONMENT_REQUIREMENTS = ["required", "conditional", "optional"];
+const TREESEED_ENVIRONMENT_TARGETS = [
+  "local-file",
+  "wrangler-dev-vars",
+  "github-secret",
+  "github-variable",
+  "cloudflare-secret",
+  "cloudflare-var",
+  "config-file"
+];
+const TREESEED_ENVIRONMENT_PURPOSES = ["dev", "save", "deploy", "destroy", "config"];
+const TREESEED_ENVIRONMENT_SENSITIVITY = ["secret", "plain", "derived"];
+const moduleDir = dirname(fileURLToPath(import.meta.url));
+const CORE_ENVIRONMENT_PATH = resolve(moduleDir, "env.yaml");
+const TENANT_ENVIRONMENT_OVERLAY_PATH = "src/env.yaml";
+function loadOptionalTenantConfig() {
+  try {
+    return loadTreeseedManifest();
+  } catch {
+    return void 0;
+  }
+}
+function turnstileEnabled(context) {
+  return context.deployConfig.turnstile?.enabled !== false;
+}
+function smtpEnabled(context) {
+  return context.deployConfig.smtp?.enabled === true;
+}
+function generatedSecret(bytes = 24) {
+  return randomBytes(bytes).toString("hex");
+}
+const VALUE_RESOLVERS = {
+  generatedSecret: () => generatedSecret(),
+  localFormsBypassDefault: () => "true"
+};
+const PREDICATES = {
+  turnstileEnabled: (context) => turnstileEnabled(context),
+  turnstileNonLocal: (context, scope) => turnstileEnabled(context) && scope !== "local",
+  smtpEnabled: (context) => smtpEnabled(context),
+  smtpNonLocal: (context, scope) => smtpEnabled(context) && scope !== "local"
+};
+function deepMerge(left, right) {
+  if (Array.isArray(left) && Array.isArray(right)) {
+    return [...right];
+  }
+  if (left && typeof left === "object" && !Array.isArray(left) && right && typeof right === "object" && !Array.isArray(right)) {
+    const result = { ...left };
+    for (const [key, value] of Object.entries(right)) {
+      result[key] = key in result ? deepMerge(result[key], value) : value;
+    }
+    return result;
+  }
+  return right;
+}
+function normalizeOverlay(raw, label) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+    throw new Error(`Invalid Treeseed environment registry overlay from ${label}.`);
+  }
+  const overlay = raw;
+  if (overlay.entries === void 0) {
+    return { entries: {} };
+  }
+  if (!overlay.entries || typeof overlay.entries !== "object" || Array.isArray(overlay.entries)) {
+    throw new Error(`Invalid Treeseed environment registry overlay entries in ${label}.`);
+  }
+  return overlay;
+}
+function readYamlOverlayIfPresent(filePath) {
+  if (!existsSync(filePath)) {
+    return null;
+  }
+  return normalizeOverlay(parseYaml(readFileSync(filePath, "utf8")), filePath);
+}
+function pluginEnvironmentCandidates(baseDir) {
+  const dir = resolve(baseDir);
+  return [
+    resolve(dir, "env.yaml"),
+    resolve(dir, "src/env.yaml"),
+    resolve(dir, "../env.yaml"),
+    resolve(dir, "../src/env.yaml"),
+    resolve(dir, "../../env.yaml"),
+    resolve(dir, "../../src/env.yaml")
+  ];
+}
+function readPluginEnvironmentOverlay(baseDir) {
+  for (const candidate of pluginEnvironmentCandidates(baseDir)) {
+    const overlay = readYamlOverlayIfPresent(candidate);
+    if (overlay) {
+      return { path: candidate, overlay };
+    }
+  }
+  return null;
+}
+function loadTreeseedEnvironmentOverlay(tenantRoot) {
+  const overlayPath = resolve(tenantRoot, TENANT_ENVIRONMENT_OVERLAY_PATH);
+  return {
+    path: overlayPath,
+    overlay: readYamlOverlayIfPresent(overlayPath) ?? { entries: {} }
+  };
+}
+function resolveNamedValueResolver(ref) {
+  if (!ref) return void 0;
+  const resolver = VALUE_RESOLVERS[ref];
+  if (!resolver) {
+    throw new Error(`Unknown Treeseed environment value resolver "${ref}".`);
+  }
+  return resolver;
+}
+function resolveNamedPredicate(ref) {
+  if (!ref) return void 0;
+  const predicate = PREDICATES[ref];
+  if (!predicate) {
+    throw new Error(`Unknown Treeseed environment predicate "${ref}".`);
+  }
+  return predicate;
+}
+function materializeEntry(id, entry) {
+  return {
+    ...entry,
+    id,
+    defaultValue: resolveNamedValueResolver(entry.defaultValueRef),
+    localDefaultValue: resolveNamedValueResolver(entry.localDefaultValueRef),
+    isRelevant: resolveNamedPredicate(entry.relevanceRef),
+    requiredWhen: resolveNamedPredicate(entry.requiredWhenRef)
+  };
+}
+function mergeEntryYaml(baseEntry, id, override) {
+  const merged = baseEntry ? deepMerge(baseEntry, override) : override;
+  if (typeof merged.label !== "string" || typeof merged.group !== "string" || typeof merged.description !== "string" || typeof merged.howToGet !== "string" || !Array.isArray(merged.targets) || !Array.isArray(merged.scopes) || typeof merged.requirement !== "string" || !Array.isArray(merged.purposes) || typeof merged.sensitivity !== "string") {
+    throw new Error(`Treeseed environment registry entry "${id}" is missing required metadata after merge.`);
+  }
+  return merged;
+}
+function collectOverlaySources(context) {
+  const sources = [];
+  const coreOverlay = readYamlOverlayIfPresent(CORE_ENVIRONMENT_PATH);
+  if (!coreOverlay) {
+    throw new Error(`Treeseed core environment registry file was not found at ${CORE_ENVIRONMENT_PATH}.`);
+  }
+  sources.push({ label: CORE_ENVIRONMENT_PATH, overlay: coreOverlay });
+  for (const pluginEntry of context.plugins) {
+    const fileOverlay = readPluginEnvironmentOverlay(pluginEntry.baseDir);
+    if (fileOverlay) {
+      sources.push({ label: fileOverlay.path, overlay: fileOverlay.overlay });
+    }
+    const overlaySource = pluginEntry.plugin.environmentRegistry;
+    if (!overlaySource) {
+      continue;
+    }
+    const pluginContext = {
+      projectRoot: context.tenantRoot,
+      tenantConfig: context.tenantConfig,
+      deployConfig: context.deployConfig,
+      pluginConfig: pluginEntry.config
+    };
+    const overlay = typeof overlaySource === "function" ? overlaySource(pluginContext) : overlaySource;
+    if (overlay) {
+      sources.push({
+        label: `plugin ${pluginEntry.package}`,
+        overlay: normalizeOverlay(overlay, `plugin ${pluginEntry.package}`)
+      });
+    }
+  }
+  const tenantOverlay = loadTreeseedEnvironmentOverlay(context.tenantRoot);
+  sources.push({ label: tenantOverlay.path, overlay: tenantOverlay.overlay });
+  return sources;
+}
+function resolveTreeseedEnvironmentContext(options = {}) {
+  const deployConfig = options.deployConfig ?? loadTreeseedDeployConfig();
+  const tenantConfig = options.tenantConfig ?? loadOptionalTenantConfig();
+  const plugins = options.plugins ?? loadTreeseedPlugins(deployConfig);
+  const tenantRoot = deployConfig.__tenantRoot ?? tenantConfig?.__tenantRoot ?? process.cwd();
+  return {
+    deployConfig,
+    tenantConfig,
+    plugins,
+    tenantRoot
+  };
+}
+function resolveTreeseedEnvironmentRegistry(options = {}) {
+  const context = resolveTreeseedEnvironmentContext(options);
+  const entriesById = /* @__PURE__ */ new Map();
+  const order = [];
+  for (const source of collectOverlaySources(context)) {
+    for (const [id, override] of Object.entries(source.overlay.entries ?? {})) {
+      const current = entriesById.get(id);
+      entriesById.set(id, mergeEntryYaml(current, id, override ?? {}));
+      if (!current) {
+        order.push(id);
+      }
+    }
+  }
+  return {
+    context,
+    entries: order.map((id) => materializeEntry(id, entriesById.get(id)))
+  };
+}
+function isTreeseedEnvironmentEntryRelevant(entry, context, scope, purpose) {
+  if (!entry.scopes.includes(scope)) {
+    return false;
+  }
+  if (purpose && !entry.purposes.includes(purpose)) {
+    return false;
+  }
+  if (entry.isRelevant) {
+    return entry.isRelevant(context, scope, purpose);
+  }
+  return true;
+}
+function isEntryRequired(entry, context, scope, purpose) {
+  if (entry.requirement === "required") {
+    return true;
+  }
+  if (entry.requirement === "conditional") {
+    return entry.requiredWhen ? entry.requiredWhen(context, scope, purpose) : true;
+  }
+  return false;
+}
+function materializeDefaultValue(entry, context, scope) {
+  const source = scope === "local" && entry.localDefaultValue !== void 0 ? entry.localDefaultValue : entry.defaultValue;
+  if (source === void 0) {
+    return void 0;
+  }
+  return typeof source === "function" ? source(context, scope) : source;
+}
+function getTreeseedEnvironmentSuggestedValues(options) {
+  const registry = resolveTreeseedEnvironmentRegistry(options);
+  return Object.fromEntries(
+    registry.entries.filter((entry) => isTreeseedEnvironmentEntryRelevant(entry, registry.context, options.scope, options.purpose)).map((entry) => [entry.id, materializeDefaultValue(entry, registry.context, options.scope)]).filter(([, value]) => value !== void 0)
+  );
+}
+function valuePresent(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function validateValue(entry, value) {
+  if (!entry.validation) {
+    return null;
+  }
+  switch (entry.validation.kind) {
+    case "string":
+    case "nonempty":
+      return valuePresent(value) ? null : `${entry.id} must be a non-empty string.`;
+    case "boolean":
+      return /^(true|false|1|0)$/i.test(value) ? null : `${entry.id} must be true or false.`;
+    case "number":
+      return Number.isFinite(Number(value)) ? null : `${entry.id} must be a number.`;
+    case "url":
+      try {
+        new URL(value);
+        return null;
+      } catch {
+        return `${entry.id} must be a valid URL.`;
+      }
+    case "email":
+      return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value) ? null : `${entry.id} must be a valid email address.`;
+    case "enum":
+      return entry.validation.values.includes(value) ? null : `${entry.id} must be one of: ${entry.validation.values.join(", ")}.`;
+    default:
+      return null;
+  }
+}
+function validateTreeseedEnvironmentValues(options) {
+  const registry = resolveTreeseedEnvironmentRegistry(options);
+  const relevantEntries = registry.entries.filter(
+    (entry) => isTreeseedEnvironmentEntryRelevant(entry, registry.context, options.scope, options.purpose)
+  );
+  const requiredEntries = relevantEntries.filter(
+    (entry) => isEntryRequired(entry, registry.context, options.scope, options.purpose)
+  );
+  const missing = [];
+  const invalid = [];
+  for (const entry of requiredEntries) {
+    const value = options.values[entry.id];
+    if (!valuePresent(value)) {
+      missing.push({
+        id: entry.id,
+        label: entry.label,
+        reason: "missing",
+        message: `${entry.id} is required for ${options.purpose} (${options.scope}). ${entry.howToGet}`,
+        entry
+      });
+      continue;
+    }
+    const validationMessage = validateValue(entry, value);
+    if (validationMessage) {
+      invalid.push({
+        id: entry.id,
+        label: entry.label,
+        reason: "invalid",
+        message: validationMessage,
+        entry
+      });
+    }
+  }
+  return {
+    ok: missing.length === 0 && invalid.length === 0,
+    entries: relevantEntries,
+    required: requiredEntries,
+    missing,
+    invalid
+  };
+}
+export {
+  TREESEED_ENVIRONMENT_PURPOSES,
+  TREESEED_ENVIRONMENT_REQUIREMENTS,
+  TREESEED_ENVIRONMENT_SCOPES,
+  TREESEED_ENVIRONMENT_SENSITIVITY,
+  TREESEED_ENVIRONMENT_TARGETS,
+  getTreeseedEnvironmentSuggestedValues,
+  isTreeseedEnvironmentEntryRelevant,
+  loadTreeseedEnvironmentOverlay,
+  resolveTreeseedEnvironmentContext,
+  resolveTreeseedEnvironmentRegistry,
+  validateTreeseedEnvironmentValues
+};

package/dist/index.js

@@ -0,0 +1,81 @@
+import {
+  defineTreeseedTenant,
+  getTenantContentRoot,
+  loadTreeseedManifest,
+  loadTreeseedTenantManifest,
+  tenantFeatureEnabled
+} from "./tenant/config.js";
+import { deriveCloudflareWorkerName, loadTreeseedDeployConfig, resolveTreeseedDeployConfigPath } from "./deploy/config.js";
+import {
+  getTreeseedAgentProviderSelections,
+  getTreeseedDeployConfig,
+  getTreeseedDeployProvider,
+  getTreeseedDocsProvider,
+  getTreeseedFormsProvider,
+  getTreeseedSiteProvider,
+  isTreeseedSmtpEnabled,
+  isTreeseedTurnstileEnabled,
+  resetTreeseedDeployConfigForTests
+} from "./deploy/runtime.js";
+import { defineTreeseedPlugin } from "./plugins/plugin.js";
+import { loadTreeseedPluginRuntime, loadTreeseedPlugins } from "./plugins/runtime.js";
+import {
+  getTreeseedEnvironmentSuggestedValues,
+  isTreeseedEnvironmentEntryRelevant,
+  loadTreeseedEnvironmentOverlay,
+  resolveTreeseedEnvironmentContext,
+  resolveTreeseedEnvironmentRegistry,
+  TREESEED_ENVIRONMENT_PURPOSES,
+  TREESEED_ENVIRONMENT_REQUIREMENTS,
+  TREESEED_ENVIRONMENT_SCOPES,
+  TREESEED_ENVIRONMENT_SENSITIVITY,
+  TREESEED_ENVIRONMENT_TARGETS,
+  validateTreeseedEnvironmentValues
+} from "./environment.js";
+import {
+  buildTreeseedSiteLayers,
+  resolveTreeseedPageEntrypoint,
+  resolveTreeseedSiteResource,
+  resolveTreeseedStyleEntrypoint,
+  TREESEED_SITE_RESOURCE_KINDS
+} from "./site-resources.js";
+import { parseSiteConfig } from "./utils/site-config-schema.js";
+export {
+  TREESEED_ENVIRONMENT_PURPOSES,
+  TREESEED_ENVIRONMENT_REQUIREMENTS,
+  TREESEED_ENVIRONMENT_SCOPES,
+  TREESEED_ENVIRONMENT_SENSITIVITY,
+  TREESEED_ENVIRONMENT_TARGETS,
+  TREESEED_SITE_RESOURCE_KINDS,
+  buildTreeseedSiteLayers,
+  defineTreeseedPlugin,
+  defineTreeseedTenant,
+  deriveCloudflareWorkerName,
+  getTenantContentRoot,
+  getTreeseedAgentProviderSelections,
+  getTreeseedDeployConfig,
+  getTreeseedDeployProvider,
+  getTreeseedDocsProvider,
+  getTreeseedEnvironmentSuggestedValues,
+  getTreeseedFormsProvider,
+  getTreeseedSiteProvider,
+  isTreeseedEnvironmentEntryRelevant,
+  isTreeseedSmtpEnabled,
+  isTreeseedTurnstileEnabled,
+  loadTreeseedDeployConfig,
+  loadTreeseedEnvironmentOverlay,
+  loadTreeseedManifest,
+  loadTreeseedPluginRuntime,
+  loadTreeseedPlugins,
+  loadTreeseedTenantManifest,
+  parseSiteConfig,
+  resetTreeseedDeployConfigForTests,
+  resolveTreeseedDeployConfigPath,
+  resolveTreeseedEnvironmentContext,
+  resolveTreeseedEnvironmentRegistry,
+  resolveTreeseedPageEntrypoint,
+  resolveTreeseedSiteResource,
+  resolveTreeseedStyleEntrypoint,
+  tenantFeatureEnabled,
+  validateTreeseedEnvironmentValues
+};

package/dist/layouts/AuthoredEntryLayout.astro

@@ -0,0 +1,87 @@
+---
+import MainLayout from './MainLayout.astro';
+import StatusBadge from '../components/content/StatusBadge.astro';
+import type { CollectionEntry } from 'astro:content';
+
+const {
+	entry,
+	currentPath,
+	contributor,
+	metaLabel,
+	metaValue,
+	relatedQuestions = [],
+	relatedObjectives = [],
+	relatedBooks = [],
+} = Astro.props as {
+	entry: {
+		title: string;
+		description: string;
+		summary: string;
+		status: 'live' | 'in progress' | 'exploratory' | 'planned' | 'speculative';
+		date: Date;
+		motivation: string;
+		tags: string[];
+	};
+	currentPath: string;
+	contributor: CollectionEntry<'people'> | CollectionEntry<'agents'> | undefined | null;
+	metaLabel?: string;
+	metaValue?: string;
+	relatedQuestions?: CollectionEntry<'questions'>[];
+	relatedObjectives?: CollectionEntry<'objectives'>[];
+	relatedBooks?: CollectionEntry<'books'>[];
+};
+---
+
+<MainLayout title={entry.title} description={entry.description} currentPath={currentPath}>
+	<article class="max-w-4xl space-y-8">
+		<div class="space-y-4 border-b border-[color:var(--site-border)] pb-8">
+			<div class="flex flex-wrap items-center gap-3">
+				<StatusBadge status={entry.status} />
+				<p class="text-sm font-medium text-[color:var(--site-text-soft)]">{entry.date.toISOString().slice(0, 10)}</p>
+				{contributor && <p class="text-sm text-[color:var(--site-text-soft)]">{contributor.data.name}</p>}
+				{metaLabel && metaValue && <p class="text-sm text-[color:var(--site-text-soft)]">{metaLabel}: {metaValue}</p>}
+			</div>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--site-text)] md:text-6xl">{entry.title}</h1>
+			<p class="max-w-3xl text-xl leading-10 text-[color:var(--site-text-muted)]">{entry.summary}</p>
+			<p class="max-w-3xl text-base leading-8 text-[color:var(--site-text-muted)]">{entry.motivation}</p>
+			{entry.tags.length > 0 && (
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--site-accent-strong)]">{entry.tags.join(' / ')}</p>
+			)}
+		</div>
+		<div class="prose-karyon">
+			<slot />
+		</div>
+		<div class="grid gap-6 border-t border-[color:var(--site-border)] pt-8 md:grid-cols-3">
+			{relatedQuestions.length > 0 && (
+				<div>
+					<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related questions</p>
+					<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						{relatedQuestions.map((question) => (
+							<li><a href={`/questions/${question.id}/`} class="hover:text-[color:var(--site-text)]">{question.data.title}</a></li>
+						))}
+					</ul>
+				</div>
+			)}
+			{relatedObjectives.length > 0 && (
+				<div>
+					<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related objectives</p>
+					<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						{relatedObjectives.map((objective) => (
+							<li><a href={`/objectives/${objective.id}/`} class="hover:text-[color:var(--site-text)]">{objective.data.title}</a></li>
+						))}
+					</ul>
+				</div>
+			)}
+			{relatedBooks.length > 0 && (
+				<div>
+					<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related books</p>
+					<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						{relatedBooks.map((book) => (
+							<li><a href={`/books/${book.id}/`} class="hover:text-[color:var(--site-text)]">{book.data.title}</a></li>
+						))}
+					</ul>
+				</div>
+			)}
+		</div>
+	</article>
+</MainLayout>

package/dist/layouts/BookLayout.astro

@@ -0,0 +1,35 @@
+---
+import MainLayout from './MainLayout.astro';
+
+const { entry, currentPath } = Astro.props;
+---
+
+<MainLayout title={entry.title} description={entry.description} currentPath={currentPath}>
+	<article class="max-w-5xl space-y-8">
+		<div class="space-y-4 border-b border-[color:var(--site-border)] pb-8">
+			<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">{entry.sectionLabel}</p>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--site-text)] md:text-6xl">{entry.title}</h1>
+			<p class="max-w-4xl text-xl leading-10 text-[color:var(--site-text-muted)]">{entry.summary}</p>
+			{entry.tags.length > 0 && (
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--site-accent-strong)]">{entry.tags.join(' / ')}</p>
+			)}
+			<div class="flex flex-wrap gap-3 pt-2">
+				<a href={entry.landingPath} class="border border-[color:var(--site-border-strong)] px-4 py-2 text-sm font-semibold text-[color:var(--site-text)] transition hover:border-[color:var(--site-blue)] hover:bg-[color:var(--site-blue-soft)]">Open knowledge</a>
+				<a href={entry.downloadHref} class="border border-[color:var(--site-accent)] bg-[color:var(--site-accent)] px-4 py-2 text-sm font-semibold text-[color:var(--site-text)] transition hover:border-[color:var(--site-blue)] hover:bg-[color:var(--site-blue-soft)]">Download book</a>
+			</div>
+		</div>
+		<div class="grid gap-6 md:grid-cols-[1.25fr_0.75fr]">
+			<div class="prose-karyon">
+				<slot />
+			</div>
+			<div class="border border-[color:var(--site-border)] bg-[color:var(--site-surface)] p-5">
+				<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Book paths</p>
+				<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+					<li>Landing path: <code>{entry.landingPath}</code></li>
+					<li>Base path: <code>{entry.basePath}</code></li>
+					<li>Download file: <code>{entry.downloadFileName}</code></li>
+				</ul>
+			</div>
+		</div>
+	</article>
+</MainLayout>

package/dist/layouts/BridgeLayout.astro

@@ -0,0 +1,11 @@
+---
+import MainLayout from './MainLayout.astro';
+
+const { entry, currentPath } = Astro.props;
+---
+
+<MainLayout title={entry.title} description={entry.description} currentPath={currentPath}>
+	<div class="space-y-10">
+		<slot />
+	</div>
+</MainLayout>

package/dist/layouts/ContentLayout.astro

@@ -0,0 +1,24 @@
+---
+import MainLayout from './MainLayout.astro';
+import StatusBadge from '../components/content/StatusBadge.astro';
+import StageBanner from '../components/site/StageBanner.astro';
+
+const { entry, currentPath } = Astro.props;
+---
+
+<MainLayout title={entry.title} description={entry.description} currentPath={currentPath}>
+	<div class="space-y-8">
+		<StageBanner />
+		<section class="max-w-5xl space-y-5 border-b border-[color:var(--site-border)] pb-8">
+			<div class="flex flex-wrap items-center gap-3">
+				<StatusBadge status={entry.status} />
+				<p class="text-sm font-medium text-[color:var(--site-text-soft)]">Updated {entry.updated.toISOString().slice(0, 10)}</p>
+			</div>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--site-text)] md:text-7xl">{entry.title}</h1>
+			<p class="max-w-4xl text-xl leading-10 text-[color:var(--site-text-muted)]">{entry.summary}</p>
+		</section>
+		<article class="prose-karyon max-w-4xl">
+			<slot />
+		</article>
+	</div>
+</MainLayout>