@treeseed/core 0.8.8 → 0.8.10

package/dist/layouts/AuthoredEntryLayout.astro

@@ -52,80 +52,80 @@ const {
 
 <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="space-y-4 border-b border-[color:var(--ts-color-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>}
+				<p class="text-sm font-medium text-[color:var(--ts-color-text-subtle)]">{entry.date.toISOString().slice(0, 10)}</p>
+				{contributor && <p class="text-sm text-[color:var(--ts-color-text-subtle)]">{contributor.data.name}</p>}
+				{metaLabel && metaValue && <p class="text-sm text-[color:var(--ts-color-text-subtle)]">{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>
-			{(introText ?? entry.motivation) && <p class="max-w-3xl text-base leading-8 text-[color:var(--site-text-muted)]">{introText ?? entry.motivation}</p>}
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-6xl">{entry.title}</h1>
+			<p class="max-w-3xl text-xl leading-10 text-[color:var(--ts-color-text-muted)]">{entry.summary}</p>
+			{(introText ?? entry.motivation) && <p class="max-w-3xl text-base leading-8 text-[color:var(--ts-color-text-muted)]">{introText ?? 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>
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-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">
+		<div class="grid gap-6 border-t border-[color:var(--ts-color-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)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related questions</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedQuestions.map((question) => (
-								<li><a href={`/questions/${question.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(question)}</a></li>
+								<li><a href={`/questions/${question.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(question)}</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)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related objectives</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedObjectives.map((objective) => (
-								<li><a href={`/objectives/${objective.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(objective)}</a></li>
+								<li><a href={`/objectives/${objective.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(objective)}</a></li>
 							))}
 						</ul>
 					</div>
 			)}
 			{relatedNotes.length > 0 && (
 				<div>
-						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related notes</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related notes</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedNotes.map((note) => (
-								<li><a href={`/notes/${note.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(note)}</a></li>
+								<li><a href={`/notes/${note.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(note)}</a></li>
 							))}
 						</ul>
 					</div>
 			)}
 			{relatedProposals.length > 0 && (
 				<div>
-						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related proposals</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related proposals</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedProposals.map((proposal) => (
-								<li><a href={`/proposals/${proposal.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(proposal)}</a></li>
+								<li><a href={`/proposals/${proposal.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(proposal)}</a></li>
 							))}
 						</ul>
 					</div>
 			)}
 			{relatedDecisions.length > 0 && (
 				<div>
-						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--site-blue-strong)]">Related decisions</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related decisions</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedDecisions.map((decision) => (
-								<li><a href={`/decisions/${decision.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(decision)}</a></li>
+								<li><a href={`/decisions/${decision.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(decision)}</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)]">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Related books</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedBooks.map((book) => (
-								<li><a href={`/books/${book.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(book)}</a></li>
+								<li><a href={`/books/${book.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(book)}</a></li>
 							))}
 						</ul>
 					</div>

package/dist/layouts/BookLayout.astro

@@ -6,25 +6,25 @@ 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>
+		<div class="space-y-4 border-b border-[color:var(--ts-color-border)] pb-8">
+			<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">{entry.sectionLabel}</p>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-6xl">{entry.title}</h1>
+			<p class="max-w-4xl text-xl leading-10 text-[color:var(--ts-color-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>
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-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>
+				<a href={entry.landingPath} class="border border-[color:var(--ts-color-border-strong)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">Open knowledge</a>
+				<a href={entry.downloadHref} class="border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-4 py-2 text-sm font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-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)]">
+			<div class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-5">
+				<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Book paths</p>
+				<ul class="mt-3 space-y-2 text-[color:var(--ts-color-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>

package/dist/layouts/ContentLayout.astro

@@ -9,13 +9,13 @@ 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">
+		<section class="max-w-5xl space-y-5 border-b border-[color:var(--ts-color-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>
+				<p class="text-sm font-medium text-[color:var(--ts-color-text-subtle)]">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>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-7xl">{entry.title}</h1>
+			<p class="max-w-4xl text-xl leading-10 text-[color:var(--ts-color-text-muted)]">{entry.summary}</p>
 		</section>
 		<article class="prose-karyon max-w-4xl">
 			<slot />

package/dist/layouts/MainLayout.astro

@@ -1,203 +1,76 @@
 ---
 import '../styles/global.css';
-import { SITE_NAV_GROUPS, isCurrentSitePath } from '../utils/routes';
-import { PROJECT_STAGE } from '../utils/content-status';
+import PublicShell from '../components/ui/shell/PublicShell.astro';
+import { SITE_NAV_GROUPS } from '../utils/routes';
 import { SITE } from '../utils/seo';
-import { SITE_FOOTER_MENU, SITE_THEME_CSS } from '../utils/site-config';
-import FooterSubscribeForm from '../components/forms/FooterSubscribeForm.astro';
-import DevWatchReload from '../components/DevWatchReload.astro';
+import { SITE_THEME_CSS } from '../utils/site-config';
+import { normalizeThemePreference } from '../utils/theme.js';
 
 const { title, description, currentPath = '/' } = Astro.props;
+const appearance = normalizeThemePreference({
+	scheme: SITE.theme?.defaultScheme,
+	mode: SITE.theme?.defaultMode,
+});
+const navItems = SITE_NAV_GROUPS.flatMap((group) => group.items);
 ---
 
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>{title ? `${title} | ${SITE.name}` : SITE.name}</title>
-		<meta name="description" content={description ?? SITE.description} />
+<PublicShell
+	title={title ? `${title} | ${SITE.name}` : SITE.name}
+	description={description ?? SITE.description}
+	currentPath={currentPath}
+	appearance={appearance}
+	brand={{
+		name: SITE.name,
+		tag: SITE.statement,
+		href: '/',
+		logoSrc: SITE.logo.src,
+		logoAlt: SITE.logo.alt,
+	}}
+	navItems={navItems}
+	navGroups={SITE_NAV_GROUPS}
+	contentWidth="content"
+>
+	<Fragment slot="head">
 		<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
 		<link rel="shortcut icon" href="/favicon.svg" type="image/svg+xml" />
 		{SITE_THEME_CSS && <style is:global>{SITE_THEME_CSS}</style>}
-	</head>
-	<body>
-		<div class="flex min-h-screen flex-col">
-			<header class="sticky top-0 z-30 mb-12 bg-[color:rgba(244,237,224,0.92)]/95 backdrop-blur md:mb-16">
-				<div class="border-y border-[color:var(--site-border-strong)] px-4 py-4 md:px-6">
-					<div class="mx-auto flex max-w-[var(--site-max)] flex-col gap-4 sm:px-2 lg:flex-row lg:items-center lg:justify-between lg:px-4">
-						<a href="/" class="flex items-center gap-3">
-							<div class="flex h-11 w-11 items-center justify-center tracking-[0.2em]">
-								<img src={SITE.logo.src} alt={SITE.logo.alt} class="h-11 w-11" />
-							</div>
-							<div>
-								<p class="text-xl font-bold text-[color:var(--site-text)]">{SITE.name}</p>
-								<p class="text-sm text-[color:var(--site-text-soft)]">{SITE.statement}</p>
-							</div>
-						</a>
-						<div class="ml-auto flex w-full flex-wrap items-center justify-end gap-3 lg:w-auto lg:flex-nowrap">
-							<nav class="flex w-full justify-end text-base text-[color:var(--site-text-muted)] lg:w-auto">
-								<ul class="js-site-nav-disclosures flex flex-wrap justify-end gap-3">
-								{
-									SITE_NAV_GROUPS.map((group) => {
-										return (
-											<li class="relative">
-												<details class="group js-site-nav-disclosure">
-													<summary
-														class:list={[
-															'flex cursor-pointer list-none items-center gap-2 border-b-2 border-transparent px-1 py-2 font-medium transition marker:content-none hover:border-[color:var(--site-blue)] hover:text-[color:var(--site-text)]',
-															group.items.some((item) => isCurrentSitePath(currentPath, item.href)) &&
-																'border-[color:var(--site-accent)] text-[color:var(--site-text)]',
-														]}
-													>
-														{group.label}
-														<span class="text-xs transition group-open:rotate-180">▾</span>
-													</summary>
-													<div class="absolute right-0 top-full z-40 mt-2 min-w-56 border border-[color:var(--site-border-strong)] bg-[color:rgba(244,237,224,0.98)] p-2 shadow-[0_12px_30px_rgba(52,37,19,0.12)] backdrop-blur">
-														<ul class="flex flex-col gap-1">
-															{group.items.map((item) => (
-																<li>
-																	<a
-																		href={item.href}
-																		class:list={[
-																			'block px-3 py-2 text-sm transition hover:bg-[color:var(--site-blue-soft)] hover:text-[color:var(--site-text)]',
-																			isCurrentSitePath(currentPath, item.href) &&
-																				'bg-[color:var(--site-surface-strong)] text-[color:var(--site-text)]',
-																		]}
-																	>
-																		{item.label}
-																	</a>
-																</li>
-															))}
-														</ul>
-													</div>
-												</details>
-											</li>
-										);
-									})
-								}
-							</ul>
-							</nav>
-							<a
-								href={SITE.githubRepository}
-								target="_blank"
-								rel="noreferrer"
-								aria-label={`${SITE.name} GitHub repository`}
-								class="inline-flex h-12 w-12 shrink-0 items-center justify-center border-2 border-transparent bg-transparent text-[color:var(--site-text)] transition hover:-translate-y-0.5 hover:text-[color:var(--site-blue)] focus-visible:border-[color:var(--site-blue)] focus-visible:outline-none"
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									viewBox="0 0 16 16"
-									aria-hidden="true"
-									class="h-6 w-6 fill-current"
-								>
-									<path d="M8 0C3.58 0 0 3.67 0 8.2c0 3.63 2.29 6.7 5.47 7.78.4.08.55-.18.55-.39 0-.2-.01-.85-.01-1.54-2.01.38-2.53-.5-2.69-.95-.09-.24-.48-.95-.82-1.15-.28-.15-.68-.54-.01-.55.63-.01 1.08.59 1.23.84.72 1.24 1.87.89 2.33.68.07-.54.28-.89.5-1.09-1.78-.21-3.64-.92-3.64-4.08 0-.9.31-1.64.82-2.22-.08-.21-.36-1.06.08-2.2 0 0 .67-.22 2.2.85A7.34 7.34 0 0 1 8 4.83c.68 0 1.37.09 2.01.27 1.53-1.07 2.2-.85 2.2-.85.44 1.14.16 1.99.08 2.2.51.58.82 1.31.82 2.22 0 3.17-1.87 3.87-3.65 4.08.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.15.48.55.39A8.22 8.22 0 0 0 16 8.2C16 3.67 12.42 0 8 0Z" />
-								</svg>
-							</a>
-							<a
-								href={SITE.discordLink}
-								target="_blank"
-								rel="noreferrer"
-								aria-label={`${SITE.name} Discord`}
-								class="inline-flex h-12 w-12 shrink-0 items-center justify-center border-2 border-transparent bg-transparent text-[color:var(--site-text)] transition hover:-translate-y-0.5 hover:text-[color:var(--site-blue)] focus-visible:border-[color:var(--site-blue)] focus-visible:outline-none"
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									viewBox="0 0 24 24"
-									aria-hidden="true"
-									class="h-6 w-6 fill-current"
-								>
-									<path d="M20.317 4.369A19.791 19.791 0 0 0 15.885 3c-.191.328-.403.762-.554 1.104a18.27 18.27 0 0 0-5.314 0A11.64 11.64 0 0 0 9.463 3a19.736 19.736 0 0 0-4.433 1.369C2.227 8.617 1.468 12.759 1.848 16.845a19.9 19.9 0 0 0 5.437 2.755c.438-.6.825-1.236 1.157-1.902-.637-.241-1.246-.545-1.818-.9.152-.111.3-.229.444-.347 3.507 1.648 7.316 1.648 10.782 0 .145.118.293.236.444.347-.573.355-1.183.659-1.82.9.332.666.719 1.302 1.158 1.902a19.87 19.87 0 0 0 5.438-2.755c.446-4.737-.762-8.842-3.753-12.476ZM9.954 14.379c-1.053 0-1.918-.966-1.918-2.153 0-1.188.845-2.153 1.918-2.153 1.082 0 1.938.975 1.918 2.153 0 1.187-.846 2.153-1.918 2.153Zm4.092 0c-1.053 0-1.918-.966-1.918-2.153 0-1.188.845-2.153 1.918-2.153 1.082 0 1.938.975 1.918 2.153 0 1.187-.836 2.153-1.918 2.153Z" />
-								</svg>
-							</a>
-							<a
-								href="/contact/"
-								aria-label={`Contact ${SITE.name}`}
-								class="inline-flex h-12 w-12 shrink-0 items-center justify-center border-2 border-transparent bg-transparent text-[color:var(--site-text)] transition hover:-translate-y-0.5 hover:text-[color:var(--site-blue)] focus-visible:border-[color:var(--site-blue)] focus-visible:outline-none"
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									viewBox="0 0 24 24"
-									aria-hidden="true"
-									class="h-6 w-6 fill-none stroke-current stroke-[1.8]"
-								>
-									<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5v10.5H3.75z" />
-									<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 7.5 7.5 6 7.5-6" />
-								</svg>
-							</a>
-						</div>
-						</div>
-					</div>
-				</header>
-
-			<main class="mx-auto flex-1 max-w-[var(--site-max)] px-4 pb-12 sm:px-6 lg:px-8">
-				<slot />
-			</main>
-
-			<footer class="mt-20 border-t-2 border-[color:var(--site-border-strong)] pt-8">
-				<div class="mb-15 mx-auto max-w-[var(--site-max)] px-4 sm:px-6 lg:px-8">
-					<div class="flex flex-wrap justify-center gap-8 pb-8">
-						<div class="w-64">
-								<p class="text-xl font-bold text-[color:var(--site-text)]">{SITE.name}</p>
-								<p class="mt-3 text-base leading-8 text-[color:var(--site-text-muted)]">
-									{SITE.summary}
-								</p>
-						</div>
-						<div class="w-64">
-								<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--site-accent-strong)]">Project stage</p>
-								<p class="mt-3 text-base font-semibold text-[color:var(--site-text)]">{PROJECT_STAGE.label}</p>
-								<p class="mt-2 text-base leading-8 text-[color:var(--site-text-muted)]">{PROJECT_STAGE.description}</p>
-						</div>
-						{SITE_FOOTER_MENU.map((group) => (
-							<div class="w-64">
-								<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--site-blue-strong)]">{group.label}</p>
-								<div class="mt-3 flex flex-col gap-2 text-base text-[color:var(--site-text-muted)]">
-									{group.items.map((item) => (
-										<a href={item.href} class="hover:text-[color:var(--site-text)]">{item.label}</a>
-									))}
-								</div>
-							</div>
-						))}
-						</div>
-					<FooterSubscribeForm currentPath={currentPath} />
-				</div>
-			</footer>
-		</div>
-		<script>
-			const navRoot = document.querySelector('.js-site-nav-disclosures');
-			const navDetails = document.querySelectorAll<HTMLDetailsElement>('details.js-site-nav-disclosure');
-
-			navDetails.forEach((details) => {
-				details.addEventListener('toggle', () => {
-					if (!details.open) return;
-
-					navDetails.forEach((otherDetails) => {
-						if (otherDetails !== details) {
-							otherDetails.open = false;
-						}
-					});
-				});
-			});
-
-			document.addEventListener('click', (event) => {
-				if (!(navRoot instanceof HTMLElement)) return;
-				if (event.target instanceof Node && navRoot.contains(event.target)) return;
-
-				navDetails.forEach((details) => {
-					details.open = false;
-				});
-			});
-
-			navRoot?.addEventListener('click', (event) => {
-				const target = event.target;
-				if (!(target instanceof HTMLElement)) return;
-				if (!target.closest('a')) return;
-
-				navDetails.forEach((details) => {
-					details.open = false;
-				});
-			});
-		</script>
-		<DevWatchReload />
-	</body>
-</html>
+	</Fragment>
+	<Fragment slot="actions">
+		<a
+			href={SITE.githubRepository}
+			target="_blank"
+			rel="noreferrer"
+			aria-label={`${SITE.name} GitHub repository`}
+			title={`${SITE.name} GitHub repository`}
+			class="ts-public-shell__icon-link"
+		>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
+				<path d="M8 0C3.58 0 0 3.67 0 8.2c0 3.63 2.29 6.7 5.47 7.78.4.08.55-.18.55-.39 0-.2-.01-.85-.01-1.54-2.01.38-2.53-.5-2.69-.95-.09-.24-.48-.95-.82-1.15-.28-.15-.68-.54-.01-.55.63-.01 1.08.59 1.23.84.72 1.24 1.87.89 2.33.68.07-.54.28-.89.5-1.09-1.78-.21-3.64-.92-3.64-4.08 0-.9.31-1.64.82-2.22-.08-.21-.36-1.06.08-2.2 0 0 .67-.22 2.2.85A7.34 7.34 0 0 1 8 4.83c.68 0 1.37.09 2.01.27 1.53-1.07 2.2-.85 2.2-.85.44 1.14.16 1.99.08 2.2.51.58.82 1.31.82 2.22 0 3.17-1.87 3.87-3.65 4.08.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.19 0 .21.15.48.55.39A8.22 8.22 0 0 0 16 8.2C16 3.67 12.42 0 8 0Z" />
+			</svg>
+		</a>
+		<a
+			href={SITE.discordLink}
+			target="_blank"
+			rel="noreferrer"
+			aria-label={`${SITE.name} Discord`}
+			title={`${SITE.name} Discord`}
+			class="ts-public-shell__icon-link"
+		>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+				<path d="M20.317 4.369A19.791 19.791 0 0 0 15.885 3c-.191.328-.403.762-.554 1.104a18.27 18.27 0 0 0-5.314 0A11.64 11.64 0 0 0 9.463 3a19.736 19.736 0 0 0-4.433 1.369C2.227 8.617 1.468 12.759 1.848 16.845a19.9 19.9 0 0 0 5.437 2.755c.438-.6.825-1.236 1.157-1.902-.637-.241-1.246-.545-1.818-.9.152-.111.3-.229.444-.347 3.507 1.648 7.316 1.648 10.782 0 .145.118.293.236.444.347-.573.355-1.183.659-1.82.9.332.666.719 1.302 1.158 1.902a19.87 19.87 0 0 0 5.438-2.755c.446-4.737-.762-8.842-3.753-12.476ZM9.954 14.379c-1.053 0-1.918-.966-1.918-2.153 0-1.188.845-2.153 1.918-2.153 1.082 0 1.938.975 1.918 2.153 0 1.187-.846 2.153-1.918 2.153Zm4.092 0c-1.053 0-1.918-.966-1.918-2.153 0-1.188.845-2.153 1.918-2.153 1.082 0 1.938.975 1.918 2.153 0 1.187-.836 2.153-1.918 2.153Z" />
+			</svg>
+		</a>
+		<a
+			href="/contact/"
+			aria-label={`Contact ${SITE.name}`}
+			title={`Contact ${SITE.name}`}
+			class="ts-public-shell__icon-link ts-public-shell__icon-link--stroke"
+		>
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+				<path d="M3.75 6.75h16.5v10.5H3.75z" />
+				<path d="m4.5 7.5 7.5 6 7.5-6" />
+			</svg>
+		</a>
+	</Fragment>
+	<slot />
+</PublicShell>

package/dist/layouts/NoteLayout.astro

@@ -7,16 +7,16 @@ const { note } = Astro.props;
 
 <MainLayout title={note.title} description={note.description} currentPath="/notes/">
 	<article class="max-w-4xl space-y-8">
-		<div class="space-y-4 border-b border-[color:var(--site-border)] pb-8">
+		<div class="space-y-4 border-b border-[color:var(--ts-color-border)] pb-8">
 			<div class="flex flex-wrap items-center gap-3">
 				<StatusBadge status={note.status} />
-				<p class="text-sm font-medium text-[color:var(--site-text-soft)]">{note.date.toISOString().slice(0, 10)}</p>
-				<p class="text-sm text-[color:var(--site-text-soft)]">{note.author}</p>
+				<p class="text-sm font-medium text-[color:var(--ts-color-text-subtle)]">{note.date.toISOString().slice(0, 10)}</p>
+				<p class="text-sm text-[color:var(--ts-color-text-subtle)]">{note.author}</p>
 			</div>
-			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--site-text)] md:text-6xl">{note.title}</h1>
-			<p class="max-w-3xl text-xl leading-10 text-[color:var(--site-text-muted)]">{note.summary}</p>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-6xl">{note.title}</h1>
+			<p class="max-w-3xl text-xl leading-10 text-[color:var(--ts-color-text-muted)]">{note.summary}</p>
 			{note.tags.length > 0 && (
-				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--site-accent-strong)]">{note.tags.join(' / ')}</p>
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-accent-strong)]">{note.tags.join(' / ')}</p>
 			)}
 		</div>
 		<div class="prose-karyon">

package/dist/layouts/ProfileLayout.astro

@@ -33,15 +33,15 @@ const {
 
 <MainLayout title={entry.name} 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="space-y-4 border-b border-[color:var(--ts-color-border)] pb-8">
 			<div class="flex flex-wrap items-center gap-3">
 				{'status' in entry && entry.status && <StatusBadge status={entry.status} />}
-				<p class="text-sm font-medium text-[color:var(--site-text-soft)]">{metaLabel}: {metaValue}</p>
+				<p class="text-sm font-medium text-[color:var(--ts-color-text-subtle)]">{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.name}</h1>
-			<p class="max-w-3xl text-xl leading-10 text-[color:var(--site-text-muted)]">{entry.summary}</p>
+			<h1 class="max-w-4xl font-serif text-5xl font-bold tracking-tight text-[color:var(--ts-color-text)] md:text-6xl">{entry.name}</h1>
+			<p class="max-w-3xl text-xl leading-10 text-[color:var(--ts-color-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>
+				<p class="text-sm uppercase tracking-[0.14em] text-[color:var(--ts-color-accent-strong)]">{entry.tags.join(' / ')}</p>
 			)}
 		</div>
 		<div class="grid gap-6 md:grid-cols-[1.3fr_0.7fr]">
@@ -50,31 +50,31 @@ const {
 			</div>
 			<div class="space-y-6">
 				{entry.links.length > 0 && (
-					<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)]">Links</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+					<div class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-5">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Links</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{entry.links.map((link) => (
-								<li><a href={link.href} class="hover:text-[color:var(--site-text)]">{link.label}</a></li>
+								<li><a href={link.href} class="hover:text-[color:var(--ts-color-text)]">{link.label}</a></li>
 							))}
 						</ul>
 					</div>
 				)}
 				{relatedQuestions.length > 0 && (
-					<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)]">Questions</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+					<div class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-5">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Questions</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedQuestions.map((question) => (
-								<li><a href={`/questions/${question.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(question)}</a></li>
+								<li><a href={`/questions/${question.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(question)}</a></li>
 							))}
 						</ul>
 					</div>
 				)}
 				{relatedObjectives.length > 0 && (
-					<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)]">Objectives</p>
-						<ul class="mt-3 space-y-2 text-[color:var(--site-text-muted)]">
+					<div class="border border-[color:var(--ts-color-border)] bg-[color:var(--ts-color-surface)] p-5">
+						<p class="text-sm font-semibold uppercase tracking-[0.14em] text-[color:var(--ts-color-info-text)]">Objectives</p>
+						<ul class="mt-3 space-y-2 text-[color:var(--ts-color-text-muted)]">
 							{relatedObjectives.map((objective) => (
-								<li><a href={`/objectives/${objective.id}/`} class="hover:text-[color:var(--site-text)]">{entryTitle(objective)}</a></li>
+								<li><a href={`/objectives/${objective.id}/`} class="hover:text-[color:var(--ts-color-text)]">{entryTitle(objective)}</a></li>
 							))}
 						</ul>
 					</div>

package/dist/middleware/starlightRouteData.js

@@ -9,6 +9,9 @@ const copyEntry = (entry) => entry.type === "link" ? copyLink(entry) : {
 };
 const findTopLevelGroup = (sidebar, label) => sidebar.find((entry) => entry.type === "group" && entry.label === label);
 const flattenLinks = (entries) => entries.flatMap((entry) => entry.type === "link" ? [copyLink(entry)] : flattenLinks(entry.entries));
+const findTopLevelGroupForPath = (sidebar, currentPath) => sidebar.find(
+  (entry) => entry.type === "group" && flattenLinks(entry.entries).some((link) => normalizeHref(link.href) === normalizeHref(currentPath))
+);
 const buildPagination = (entries, currentHref) => {
   const flatLinks = flattenLinks(entries);
   const currentIndex = flatLinks.findIndex((link) => normalizeHref(link.href) === normalizeHref(currentHref));
@@ -25,19 +28,6 @@ const setRouteSidebar = (route, currentPath, sidebar, paginationSource) => {
   route.hasSidebar = sidebar.length > 0;
   route.pagination = paginationSource ? buildPagination(paginationSource, currentPath) : { prev: void 0, next: void 0 };
 };
-const defaultRuntime = {
-  BOOKS: [],
-  BOOKS_LINK: {
-    label: "Books",
-    link: TREESEED_LINKS.home
-  },
-  TREESEED_LIBRARY_DOWNLOAD: {
-    downloadFileName: "treeseed-knowledge.md",
-    downloadHref: "/books/treeseed-knowledge.md",
-    downloadTitle: "TreeSeed Knowledge Library"
-  },
-  TREESEED_LINKS
-};
 function runtimeTenantModelRendered(modelName) {
   const featureValue = RUNTIME_TENANT.features?.[modelName];
   const siteValue = RUNTIME_TENANT.site?.[modelName];
@@ -50,7 +40,23 @@ const onRequest = defineRouteMiddleware(async (context) => {
     setRouteSidebar(route, currentPath, [], null);
     return;
   }
-  const runtime = await loadHostedBookRuntime(context.locals) ?? defaultRuntime;
+  let runtime = null;
+  try {
+    runtime = await loadHostedBookRuntime(context.locals);
+  } catch {
+    runtime = null;
+  }
+  if (!runtime) {
+    const bookGroup = findTopLevelGroupForPath(route.sidebar, currentPath);
+    if (bookGroup) {
+      setRouteSidebar(route, currentPath, [copyEntry(bookGroup)], bookGroup.entries);
+      return;
+    }
+    if (currentPath === normalizeHref(TREESEED_LINKS.home)) {
+      setRouteSidebar(route, currentPath, [], null);
+    }
+    return;
+  }
   route.sidebar = buildStarlightSidebarEntriesFromRuntime(runtime, currentPath);
   const activeBook = runtime.BOOKS.find(
     (book) => currentPath.startsWith(normalizeHref(book.basePath))

package/dist/pages/404.astro

@@ -8,20 +8,20 @@ import MainLayout from '../layouts/MainLayout.astro';
 	currentPath="/404/"
 >
 	<section class="mx-auto max-w-3xl space-y-6 py-20">
-		<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--site-accent-strong)]">404</p>
-		<h1 class="font-serif text-5xl text-[color:var(--site-text)]">Page not found</h1>
-		<p class="text-lg leading-9 text-[color:var(--site-text-muted)]">
-			The page you requested is not available in this Treeseed. Try the homepage, the knowledge
+		<p class="text-sm font-semibold uppercase tracking-[0.16em] text-[color:var(--ts-color-accent-strong)]">404</p>
+		<h1 class="font-serif text-5xl text-[color:var(--ts-color-text)]">Page not found</h1>
+		<p class="text-lg leading-9 text-[color:var(--ts-color-text-muted)]">
+			The page you requested is not available in this Treeseed. Try the homepage, the books
 			library, or the current project status page instead.
 		</p>
 		<div class="flex flex-wrap gap-4">
-			<a href="/" class="border border-[color:var(--site-accent)] bg-[color:var(--site-accent)] px-5 py-3 text-base font-semibold text-[color:var(--site-text)] transition hover:border-[color:var(--site-blue)] hover:bg-[color:var(--site-blue-soft)]">
+			<a href="/" class="border border-[color:var(--ts-color-accent)] bg-[color:var(--ts-color-accent)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
 				Go home
 			</a>
-			<a href="/knowledge/" class="border border-[color:var(--site-border-strong)] px-5 py-3 text-base font-semibold text-[color:var(--site-text)] transition hover:border-[color:var(--site-blue)] hover:bg-[color:var(--site-blue-soft)]">
-				Open knowledge
+			<a href="/books/" class="border border-[color:var(--ts-color-border-strong)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
+				Open books
 			</a>
-			<a href="/status/" class="border border-[color:var(--site-border-strong)] px-5 py-3 text-base font-semibold text-[color:var(--site-text)] transition hover:border-[color:var(--site-blue)] hover:bg-[color:var(--site-blue-soft)]">
+			<a href="/status/" class="border border-[color:var(--ts-color-border-strong)] px-5 py-3 text-base font-semibold text-[color:var(--ts-color-text)] transition hover:border-[color:var(--ts-color-info)] hover:bg-[color:var(--ts-color-info-soft)]">
 				View status
 			</a>
 		</div>