@thjodann/wk 1.0.0

package/dist/core/site.js

@@ -0,0 +1,2684 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.siteStaticPageFileNames = exports.siteGeneratedNotice = void 0;
+exports.buildSiteFiles = buildSiteFiles;
+exports.renderSite = renderSite;
+exports.resolveSiteOptions = resolveSiteOptions;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const articles_1 = require("./articles");
+const beads_1 = require("./beads");
+const config_1 = require("./config");
+const paths_1 = require("./paths");
+const store_1 = require("./store");
+const schemas_1 = require("./schemas");
+const profiles_1 = require("./profiles");
+exports.siteGeneratedNotice = "<!-- Generated by Wikiwiki from .wikiwiki/records. Edit structured records instead, then run `wk site`. -->";
+exports.siteStaticPageFileNames = [
+    "index.html",
+    "articles.html",
+    "guides.html",
+    "concepts.html",
+    "decisions.html",
+    "devlog.html",
+    "notes.html",
+    "symbols.html",
+    "links.html",
+    "work.html",
+    "search.html"
+];
+const categories = [
+    {
+        type: "article",
+        title: "Articles",
+        navLabel: "Articles",
+        fileName: "articles.html",
+        description: "Public wiki articles curated from durable project knowledge."
+    },
+    {
+        type: "concept",
+        title: "Concepts",
+        navLabel: "Concepts",
+        fileName: "concepts.html",
+        description: "Durable explanations, domain terms, product ideas, and system concepts."
+    },
+    {
+        type: "decision",
+        title: "Decisions",
+        navLabel: "Decisions",
+        fileName: "decisions.html",
+        description: "Product, architecture, workflow, and implementation decisions with rationale."
+    },
+    {
+        type: "event",
+        title: "Devlog",
+        navLabel: "Devlog",
+        fileName: "devlog.html",
+        description: "Meaningful changes and development milestones in chronological context."
+    },
+    {
+        type: "note",
+        title: "Notes",
+        navLabel: "Notes",
+        fileName: "notes.html",
+        description: "Lightweight facts, reminders, and working context."
+    },
+    {
+        type: "symbol",
+        title: "Symbols",
+        navLabel: "Symbols",
+        fileName: "symbols.html",
+        description: "Important code symbols and where maintainers should look first."
+    },
+    {
+        type: "link",
+        title: "Links",
+        navLabel: "Links",
+        fileName: "links.html",
+        description: "Relationships between records, files, generated docs, and source concepts."
+    }
+];
+const categoryByType = new Map(categories.map((category) => [category.type, category]));
+function recordCategories() {
+    return categories.filter((category) => category.type !== "article");
+}
+function buildSiteFiles(root, options = {}) {
+    const records = (0, store_1.readAllRecords)(root);
+    const model = createSiteModel(root, records, resolveSiteOptions(root, options));
+    const files = [];
+    files.push({
+        fileName: "index.html",
+        content: renderLayout({
+            model,
+            fileName: "index.html",
+            title: model.siteTitle,
+            description: model.siteDescription,
+            active: "home",
+            body: renderHomePage(model)
+        })
+    });
+    files.push({
+        fileName: "articles.html",
+        content: renderLayout({
+            model,
+            fileName: "articles.html",
+            title: "Articles",
+            description: "Browse public wiki articles for this project.",
+            active: "articles",
+            body: renderArticlesPage(model)
+        })
+    });
+    files.push({
+        fileName: "guides.html",
+        content: renderLayout({
+            model,
+            fileName: "guides.html",
+            title: "Guides",
+            description: `Curated paths through ${model.repoName} knowledge.`,
+            active: "guides",
+            body: renderGuidesPage(model)
+        })
+    });
+    for (const category of recordCategories()) {
+        files.push({
+            fileName: category.fileName,
+            content: renderLayout({
+                model,
+                fileName: category.fileName,
+                title: category.title,
+                description: category.description,
+                active: category.type,
+                body: renderCategoryPage(model, category)
+            })
+        });
+    }
+    if (showBeadsWork(model)) {
+        files.push({
+            fileName: "work.html",
+            content: renderLayout({
+                model,
+                fileName: "work.html",
+                title: "Project Work",
+                description: "Developer-only Beads task context for this project.",
+                active: "work",
+                body: renderWorkPage(model)
+            })
+        });
+    }
+    files.push({
+        fileName: "search.html",
+        content: renderLayout({
+            model,
+            fileName: "search.html",
+            title: "Search",
+            description: "Search this project wiki without a backend.",
+            active: "search",
+            body: renderSearchPage()
+        })
+    });
+    for (const article of model.records.article) {
+        const fileName = articleHref(article);
+        files.push({
+            fileName,
+            content: renderLayout({
+                model,
+                fileName,
+                title: article.title,
+                description: article.summary,
+                active: "articles",
+                body: renderArticlePage(article, model, fileName)
+            })
+        });
+    }
+    for (const record of model.sourceRecords) {
+        const fileName = recordHref(record);
+        files.push({
+            fileName,
+            content: renderLayout({
+                model,
+                fileName,
+                title: recordTitle(record),
+                description: recordSummary(record),
+                active: record.type,
+                body: renderRecordPage(record, model, fileName)
+            })
+        });
+    }
+    files.push({ fileName: "favicon.svg", content: faviconSvg(model) }, { fileName: "assets/wikiwiki.css", content: siteCss() }, { fileName: "assets/project-theme.css", content: projectThemeCss(model.options.theme) }, { fileName: "assets/search-index.js", content: searchIndexJs(model) }, { fileName: "assets/wikiwiki.js", content: siteJs() }, { fileName: ".nojekyll", content: "" }, { fileName: "site-manifest.json", content: `${JSON.stringify(siteManifest(model), null, 2)}\n` });
+    return files;
+}
+function renderSite(root, options = {}) {
+    const files = buildSiteFiles(root, options);
+    const outputPath = (0, paths_1.sitePath)(root);
+    fs_1.default.rmSync(outputPath, { recursive: true, force: true });
+    fs_1.default.mkdirSync(outputPath, { recursive: true });
+    return files.map((file) => {
+        const outputFile = path_1.default.join(outputPath, file.fileName);
+        fs_1.default.mkdirSync(path_1.default.dirname(outputFile), { recursive: true });
+        fs_1.default.writeFileSync(outputFile, file.content, "utf8");
+        return outputFile;
+    });
+}
+function resolveSiteOptions(root, options = {}) {
+    const config = (0, config_1.readWikiwikiConfig)(root);
+    return {
+        sourceBaseUrl: (0, config_1.normalizeSourceBaseUrl)(options.sourceBaseUrl ?? config.source_base_url),
+        theme: (0, config_1.readWikiwikiSiteTheme)(root),
+        audience: (0, profiles_1.parseSiteAudience)(options.audience ?? config.site_audience, "all")
+    };
+}
+function createSiteModel(root, records, options) {
+    const audienceRecords = filterRecordsByAudience(records, options.audience);
+    const integrations = (0, beads_1.readIntegrations)(root, (0, config_1.readWikiwikiConfig)(root));
+    const flatRecords = [];
+    for (const type of schemas_1.recordTypes) {
+        flatRecords.push(...audienceRecords[type]);
+    }
+    flatRecords.sort(compareRecords);
+    const sourceRecords = flatRecords.filter((record) => record.type !== "article");
+    const hrefById = new Map(flatRecords.map((record) => [record.id, record.type === "article" ? articleHref(record) : recordHref(record)]));
+    const articleHrefByLookup = articleLookupMap(audienceRecords.article);
+    const counts = Object.fromEntries(schemas_1.recordTypes.map((type) => [type, audienceRecords[type].length]));
+    const repoName = options.theme.project_name?.trim() || path_1.default.basename(root);
+    return {
+        root,
+        repoName,
+        siteTitle: `${repoName} Wiki`,
+        siteDescription: options.theme.project_description?.trim() || "A project wiki generated from durable repo knowledge.",
+        projectInitials: initialsForName(repoName),
+        records: audienceRecords,
+        flatRecords,
+        sourceRecords,
+        hrefById,
+        articleHrefByLookup,
+        counts,
+        visibleCategories: recordCategories().filter((category) => counts[category.type] > 0),
+        options,
+        audience: options.audience,
+        integrations
+    };
+}
+function articleLookupMap(articles) {
+    const lookup = new Map();
+    for (const article of articles) {
+        for (const key of [article.id, article.slug, article.title, ...article.aliases]) {
+            const normalized = normalizeArticleLookup(key);
+            if (normalized && !lookup.has(normalized)) {
+                lookup.set(normalized, articleHref(article));
+            }
+        }
+    }
+    return lookup;
+}
+function normalizeArticleLookup(value) {
+    return value.trim().toLowerCase();
+}
+function renderLayout(options) {
+    const prefix = relativePrefix(options.fileName);
+    const htmlTitle = options.title === options.model.siteTitle
+        ? options.title
+        : `${options.title} - ${options.model.siteTitle}`;
+    const defaultColorScheme = defaultThemeColorScheme(options.model.options.theme);
+    const defaultThemeAttribute = defaultColorScheme === "auto" ? "" : ` data-theme="${defaultColorScheme}"`;
+    return `${exports.siteGeneratedNotice}
+<!doctype html>
+<html lang="en" data-default-theme="${defaultColorScheme}"${defaultThemeAttribute}>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="generator" content="Wikiwiki">
+  <title>${escapeHtml(htmlTitle)}</title>
+  <script>${themeBootScript(defaultColorScheme)}</script>
+  <link rel="icon" href="${prefix}favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="${prefix}assets/wikiwiki.css">
+  <link rel="stylesheet" href="${prefix}assets/project-theme.css">
+  <script src="${prefix}assets/search-index.js" defer></script>
+  <script src="${prefix}assets/wikiwiki.js" defer></script>
+</head>
+<body>
+  <a class="skip-link" href="#content">Skip to content</a>
+  <div class="site-shell">
+    <aside class="sidebar" aria-label="Wiki navigation">
+      <div class="sidebar-top">
+        <a class="brand" href="${hrefFrom(options.fileName, "index.html")}" aria-label="Wiki home">
+          <span class="brand-mark">${escapeHtml(options.model.projectInitials)}</span>
+          <span>
+            <strong>${escapeHtml(options.model.repoName)}</strong>
+            <small>Project wiki</small>
+          </span>
+        </a>
+        <button class="nav-toggle" type="button" data-nav-toggle aria-expanded="false">Menu</button>
+      </div>
+      <div class="theme-control" role="group" aria-label="Color theme">
+        ${themeChoiceButton("auto", "Auto", "Use system theme", defaultColorScheme)}
+        ${themeChoiceButton("light", "Light", "Use light theme", defaultColorScheme)}
+        ${themeChoiceButton("dark", "Dark", "Use dark theme", defaultColorScheme)}
+      </div>
+      <div class="sidebar-nav" data-sidebar-nav>
+        ${renderNav(options.model, options.fileName, options.active)}
+      </div>
+    </aside>
+    <main id="content" class="content">
+      <header class="page-header">
+        <h1>${escapeHtml(options.title)}</h1>
+        <p>${escapeHtml(options.description)}</p>
+      </header>
+      ${options.body}
+      <footer class="site-footer">Created with <a href="https://github.com/Thjodann/Wikiwiki">Wikiwiki</a>.</footer>
+    </main>
+  </div>
+</body>
+</html>
+`;
+}
+function defaultThemeColorScheme(theme) {
+    return theme.default_color_scheme ?? "auto";
+}
+function themeBootScript(defaultColorScheme) {
+    return `(function(){try{var m=localStorage.getItem("wikiwiki-theme-mode")||"${defaultColorScheme}";if(m==="light"||m==="dark"){document.documentElement.dataset.theme=m;}else{delete document.documentElement.dataset.theme;}}catch(e){}}());`;
+}
+function themeChoiceButton(mode, label, title, defaultColorScheme) {
+    const pressed = mode === defaultColorScheme ? "true" : "false";
+    return `<button type="button" data-theme-choice="${mode}" aria-pressed="${pressed}" title="${escapeAttribute(title)}">${escapeHtml(label)}</button>`;
+}
+function renderNav(model, currentFile, active) {
+    const categoryLinks = model.visibleCategories
+        .map((category) => navLink(currentFile, category.fileName, category.navLabel, active === category.type, model.counts[category.type]))
+        .join("\n");
+    const categorySection = categoryLinks
+        ? `<p class="nav-heading">Agent records</p>\n${categoryLinks}`
+        : "";
+    const links = [
+        `<p class="nav-heading">Start Here</p>`,
+        navLink(currentFile, "index.html", "Home", active === "home"),
+        navLink(currentFile, "articles.html", "Articles", active === "articles", model.counts.article),
+        navLink(currentFile, "guides.html", "Guides", active === "guides"),
+        navLink(currentFile, "search.html", "Search", active === "search"),
+        showBeadsWork(model) ? navLink(currentFile, "work.html", "Project Work", active === "work", beadsNavCount(model.integrations.beads)) : "",
+        categorySection
+    ].filter(Boolean).join("\n");
+    return `<nav class="nav">
+${links}
+</nav>`;
+}
+function navLink(currentFile, targetFile, label, active, count) {
+    const countHtml = typeof count === "number" ? `<span>${count}</span>` : "";
+    const activeAttribute = active ? ` aria-current="page"` : "";
+    return `<a class="nav-link${active ? " active" : ""}" href="${hrefFrom(currentFile, targetFile)}"${activeAttribute}>${escapeHtml(label)}${countHtml}</a>`;
+}
+function renderHomePage(model) {
+    const coreCategories = recordCategories()
+        .filter((category) => ["concept", "decision"].includes(category.type) && model.counts[category.type] > 0);
+    const supportCategories = recordCategories()
+        .filter((category) => !["concept", "decision"].includes(category.type) && model.counts[category.type] > 0);
+    const guideCards = [
+        sectionCard("index.html", "articles.html", "Articles", "Public wiki pages curated from source records and project knowledge.", model.counts.article),
+        sectionCard("index.html", "guides.html", "Guides", "Curated paths through user orientation, project concepts, and maintainer context.")
+    ].join("\n");
+    const primaryCards = coreCategories
+        .map((category) => sectionCard("index.html", category.fileName, category.title, category.description, model.counts[category.type]))
+        .join("\n");
+    const supportCards = supportCategories
+        .map((category) => sectionCard("index.html", category.fileName, category.title, category.description, model.counts[category.type]))
+        .join("\n");
+    const workCards = showBeadsWork(model)
+        ? sectionCard("index.html", "work.html", "Project Work", "Developer-only Beads task context: ready work, in-progress issues, and recent closed work.", beadsNavCount(model.integrations.beads))
+        : "";
+    const featuredRecords = homepageRecords(model)
+        .map((record) => recordCard(record, "index.html", model))
+        .join("\n");
+    const stats = statsTypes(model)
+        .map((type) => `<div><dt>${escapeHtml(labelForType(type))}</dt><dd>${model.counts[type]}</dd></div>`)
+        .join("\n");
+    return `<section class="hero-panel">
+  <div>
+    <p class="eyebrow">Start here</p>
+    <h2>Understand ${escapeHtml(model.repoName)} without reading raw records.</h2>
+    <p>${escapeHtml(model.siteDescription)} ${escapeHtml(audienceIntro(model.audience))}</p>
+  </div>
+  ${stats ? `<dl class="stats-grid">${stats}</dl>` : ""}
+</section>
+
+<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Field guide</p>
+    <h2>Start with the project story</h2>
+  </div>
+  <div class="card-grid">${guideCards}${primaryCards}</div>
+</section>
+
+${workCards || supportCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Maintainer context</p>
+    <h2>Browse the source records</h2>
+  </div>
+  <div class="card-grid compact">${workCards}${supportCards}</div>
+</section>` : ""}
+
+<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Featured</p>
+    <h2>High-signal knowledge</h2>
+  </div>
+  <div class="record-list">${featuredRecords || emptyState("No curated records yet. Add high-confidence concepts or decisions to shape this front page.")}</div>
+</section>`;
+}
+function renderGuidesPage(model) {
+    const usedRecords = new Set();
+    const articleRecords = takeUnusedRecords(curatedRecords(model, ["article"], model.records.article.length), usedRecords, 8);
+    const userGuideRecords = takeUnusedRecords(userGuideRecordsFor(model), usedRecords, 8);
+    const startHereRecords = takeUnusedRecords(homepageRecords(model), usedRecords, 6);
+    const conceptRecords = takeUnusedRecords(curatedRecords(model, ["concept"], model.records.concept.length), usedRecords, 6);
+    const decisionRecords = takeUnusedRecords(curatedRecords(model, ["decision"], model.records.decision.length), usedRecords, 6);
+    const articleCards = articleRecords
+        .map((record) => recordCard(record, "guides.html", model))
+        .join("\n");
+    const userGuideCards = userGuideRecords
+        .map((record) => recordCard(record, "guides.html", model))
+        .join("\n");
+    const userGuideSection = userGuideCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">User guide</p>
+    <h2>Start, learn, and troubleshoot</h2>
+  </div>
+  <div class="record-list">${userGuideCards}</div>
+</section>
+
+` : "";
+    const startHere = startHereRecords
+        .map((record) => recordCard(record, "guides.html", model))
+        .join("\n");
+    const conceptCards = conceptRecords
+        .map((record) => recordCard(record, "guides.html", model))
+        .join("\n");
+    const decisionCards = decisionRecords
+        .map((record) => recordCard(record, "guides.html", model))
+        .join("\n");
+    const maintainerCards = recordCategories()
+        .filter((category) => model.counts[category.type] > 0)
+        .map((category) => sectionCard("guides.html", category.fileName, category.title, category.description, model.counts[category.type]))
+        .join("\n");
+    const workCard = showBeadsWork(model)
+        ? sectionCard("guides.html", "work.html", "Project Work", "Developer-only Beads task context for planning, blockers, and completed work.", beadsNavCount(model.integrations.beads))
+        : "";
+    const articlesSection = articleCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Articles</p>
+    <h2>Start with the public wiki</h2>
+  </div>
+  <div class="record-list">${articleCards}</div>
+</section>
+
+` : "";
+    return `${articlesSection}${userGuideSection}<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Start here</p>
+    <h2>Project essentials</h2>
+  </div>
+  <div class="record-list">${startHere || emptyState("No high-signal records captured yet.")}</div>
+</section>
+
+${conceptCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Experience</p>
+    <h2>Concepts to understand first</h2>
+  </div>
+  <div class="record-list">${conceptCards}</div>
+</section>` : ""}
+
+${decisionCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Rationale</p>
+    <h2>Decisions that shaped the project</h2>
+  </div>
+  <div class="record-list">${decisionCards}</div>
+</section>` : ""}
+
+${workCard || maintainerCards ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Docs map</p>
+    <h2>Agent-maintained record indexes</h2>
+  </div>
+  <div class="card-grid compact">${workCard}${maintainerCards}</div>
+</section>` : ""}`;
+}
+function renderWorkPage(model) {
+    const beads = model.integrations.beads;
+    if (!beads) {
+        return `<section class="section">${emptyState("No Beads workspace detected.")}</section>`;
+    }
+    if (!beads.enabled) {
+        return `<section class="section">${emptyState("Beads is detected but disabled in Wikiwiki config.")}</section>`;
+    }
+    if (!beads.available) {
+        const message = beads.error === "beads_auto_read_skipped"
+            ? "Detailed Beads reads were skipped to avoid dirtying .beads. Set integrations.beads.enabled to true only after checking that local bd reads are clean."
+            : `Wikiwiki could not read Beads with <code>bd --readonly --json</code>. ${escapeHtml(beads.error ?? "Install bd or check the Beads workspace, then rerun wk site.")}`;
+        return `<section class="section">
+  <div class="empty-state">
+    <strong>Beads workspace detected.</strong>
+    <p>${message}</p>
+  </div>
+</section>`;
+    }
+    const stats = [
+        ["Ready", beads.counts.ready],
+        ["In progress", beads.counts.in_progress],
+        ["Recent closed", beads.counts.recent_closed],
+        ["Total", beads.counts.total]
+    ]
+        .filter(([, value]) => typeof value === "number")
+        .map(([label, value]) => `<div><dt>${escapeHtml(String(label))}</dt><dd>${value}</dd></div>`)
+        .join("\n");
+    return `<section class="hero-panel">
+  <div>
+    <p class="eyebrow">Developer work graph</p>
+    <h2>Beads tracks what to do; Wikiwiki records what becomes true.</h2>
+    <p>Use this page to orient on active task context without turning tasks into wiki records.</p>
+  </div>
+  ${stats ? `<dl class="stats-grid">${stats}</dl>` : ""}
+</section>
+
+${beadsIssueSection("Ready work", "Open work with no active blockers.", beads.ready)}
+${beadsIssueSection("In progress", "Work currently claimed or underway.", beads.in_progress)}
+${beadsIssueSection("Recently closed", "Completed work that may have durable wiki outcomes.", beads.recent_closed)}`;
+}
+function beadsIssueSection(title, description, issues) {
+    const cards = issues.map(beadsIssueCard).join("\n");
+    return `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Beads</p>
+    <h2>${escapeHtml(title)}</h2>
+    <p>${escapeHtml(description)}</p>
+  </div>
+  <div class="record-list">${cards || emptyState(`No ${title.toLowerCase()} found.`)}</div>
+</section>`;
+}
+function beadsIssueCard(issue) {
+    const details = [
+        issue.type,
+        issue.status,
+        issue.priority,
+        issue.assignee ? `Assigned to ${issue.assignee}` : ""
+    ].filter(Boolean).join(" · ");
+    const labels = issue.labels.length > 0 ? tagList(issue.labels.slice(0, 6)) : "";
+    return `<article class="record-card work-card">
+  <div class="record-card-top">
+    <span class="type-badge">Beads</span>
+    <code>${escapeHtml(issue.id)}</code>
+  </div>
+  <h3>${escapeHtml(issue.title)}</h3>
+  ${details ? `<p>${escapeHtml(details)}</p>` : ""}
+  ${labels ? `<footer>${labels}</footer>` : ""}
+</article>`;
+}
+function renderArticlesPage(model) {
+    const articles = [...model.records.article].sort(compareRecords);
+    const cards = articles.map((article) => recordCard(article, "articles.html", model)).join("\n");
+    const categories = articleCategoryCards(model, "articles.html");
+    return `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Articles</p>
+    <h2>${articles.length} ${articles.length === 1 ? "article" : "articles"}</h2>
+  </div>
+  <div class="record-list">${cards || emptyState("No articles captured yet. Add article records to make the public wiki lead with curated pages.")}</div>
+</section>
+
+${categories ? `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">Categories</p>
+    <h2>Browse by topic</h2>
+  </div>
+  <div class="card-grid compact">${categories}</div>
+</section>` : ""}`;
+}
+function renderArticlePage(article, model, currentFile) {
+    const context = {
+        root: model.root,
+        currentFile,
+        hrefById: model.hrefById,
+        articleHrefByLookup: model.articleHrefByLookup,
+        sourceBaseUrl: model.options.sourceBaseUrl
+    };
+    const tagsHtml = tagList(displayTags(article));
+    const tagsLine = tagsHtml ? `\n    ${tagsHtml}` : "";
+    const categories = article.categories.length
+        ? `<h2>Categories</h2><p>${article.categories.map((category) => `<code>${escapeHtml(category)}</code>`).join(" ")}</p>`
+        : "";
+    const aliases = article.aliases.length
+        ? `<h2>Aliases</h2><p>${article.aliases.map((alias) => `<code>${escapeHtml(alias)}</code>`).join(" ")}</p>`
+        : "";
+    const sources = sourceRecordsForArticle(article, model);
+    const sourceList = sources.length
+        ? `<aside class="sources-panel">
+  <h2>Source records</h2>
+  <ul>${sources.map((record) => `<li><a href="${hrefFrom(currentFile, hrefForRecord(record))}">${escapeHtml(recordTitle(record))}</a> <code>${escapeHtml(record.id)}</code></li>`).join("\n")}</ul>
+</aside>`
+        : "";
+    const filesBlock = renderSourcesBlock(article, context);
+    const body = article.body.trim() ? formatText(article.body, context) : "<p>No article body captured yet.</p>";
+    const audienceHtml = audienceLabel(article)
+        ? `<span class="audience-badge">${escapeHtml(audienceLabel(article))}</span>`
+        : "";
+    return `<article class="record-page">
+  <nav class="breadcrumbs" aria-label="Breadcrumb">
+    <a href="${hrefFrom(currentFile, "index.html")}">Home</a>
+    <span>/</span>
+    <a href="${hrefFrom(currentFile, "articles.html")}">Articles</a>
+  </nav>
+  <div class="record-title-row">
+    <span class="type-badge">Article</span>${audienceHtml}${tagsLine}
+  </div>
+  <section class="prose">
+    <h2>Summary</h2>
+    ${formatText(article.summary, context)}
+    <h2>Article</h2>
+    ${body}
+    ${categories}
+    ${aliases}
+  </section>${sourceList ? `\n  ${sourceList}` : ""}${filesBlock ? `\n  ${filesBlock}` : ""}
+  ${renderRecordMeta(article, context)}
+</article>`;
+}
+function renderCategoryPage(model, category) {
+    const records = [...model.records[category.type]].sort(compareRecords);
+    const cards = records.map((record) => recordCard(record, category.fileName, model)).join("\n");
+    return `<section class="section">
+  <div class="section-heading">
+    <p class="eyebrow">${escapeHtml(labelForType(category.type))}</p>
+    <h2>${records.length} ${records.length === 1 ? "record" : "records"}</h2>
+  </div>
+  <div class="record-list">${cards || emptyState(`No ${category.title.toLowerCase()} captured yet.`)}</div>
+</section>`;
+}
+function renderSearchPage() {
+    return `<section class="section">
+  <div class="search-panel">
+    <label>
+      <span>Search this project wiki</span>
+      <input type="search" placeholder="Type an article, concept, file, tag, or decision" data-search-page-input autofocus>
+    </label>
+  </div>
+  <div class="search-results" data-search-results></div>
+</section>`;
+}
+function renderRecordPage(record, model, currentFile) {
+    const context = {
+        root: model.root,
+        currentFile,
+        hrefById: model.hrefById,
+        articleHrefByLookup: model.articleHrefByLookup,
+        sourceBaseUrl: model.options.sourceBaseUrl
+    };
+    const category = categoryByType.get(record.type);
+    const backHref = category ? hrefFrom(currentFile, category.fileName) : hrefFrom(currentFile, "index.html");
+    const tagsHtml = tagList(displayTags(record));
+    const tagsLine = tagsHtml ? `\n    ${tagsHtml}` : "";
+    const sourcesBlock = renderSourcesBlock(record, context);
+    const audienceHtml = audienceLabel(record)
+        ? `<span class="audience-badge">${escapeHtml(audienceLabel(record))}</span>`
+        : "";
+    return `<article class="record-page">
+  <nav class="breadcrumbs" aria-label="Breadcrumb">
+    <a href="${hrefFrom(currentFile, "index.html")}">Home</a>
+    <span>/</span>
+    <a href="${backHref}">${escapeHtml(category?.title ?? labelForType(record.type))}</a>
+  </nav>
+  <div class="record-title-row">
+    <span class="type-badge">${escapeHtml(labelForType(record.type))}</span>${audienceHtml}${tagsLine}
+  </div>
+  ${renderRecordBody(record, context)}${sourcesBlock ? `\n  ${sourcesBlock}` : ""}
+  ${renderRecordMeta(record, context)}
+</article>`;
+}
+function renderRecordBody(record, context) {
+    if (record.type === "concept") {
+        const details = record.details ? `<h2>Details</h2>${formatText(record.details, context)}` : "";
+        return `<section class="prose">
+  <h2>Summary</h2>
+  ${formatText(record.summary, context)}
+  ${details}
+</section>`;
+    }
+    if (record.type === "decision") {
+        return `<section class="prose">
+  <h2>Context</h2>
+  ${formatText(record.context || "Not recorded.", context)}
+  <h2>Decision</h2>
+  ${formatText(record.decision, context)}
+  <h2>Consequences</h2>
+  ${formatText(record.consequences || "Not recorded.", context)}
+</section>`;
+    }
+    if (record.type === "event") {
+        return `<section class="prose">
+  <h2>What happened</h2>
+  ${formatText(record.details || "No details recorded.", context)}
+</section>`;
+    }
+    if (record.type === "note") {
+        return `<section class="prose">
+  <h2>Note</h2>
+  ${formatText(record.body, context)}
+</section>`;
+    }
+    if (record.type === "article") {
+        const categories = record.categories.length
+            ? `<h2>Categories</h2><p>${record.categories.map((category) => `<code>${escapeHtml(category)}</code>`).join(" ")}</p>`
+            : "";
+        const aliases = record.aliases.length
+            ? `<h2>Aliases</h2><p>${record.aliases.map((alias) => `<code>${escapeHtml(alias)}</code>`).join(" ")}</p>`
+            : "";
+        const sources = record.source_record_ids.length
+            ? `<h2>Source Records</h2><ul>${record.source_record_ids.map((id) => `<li>${endpointLink(id, context)}</li>`).join("")}</ul>`
+            : "";
+        const body = record.body.trim() ? formatText(record.body, context) : "<p>No article body captured yet.</p>";
+        return `<section class="prose">
+  <h2>Summary</h2>
+  ${formatText(record.summary, context)}
+  <h2>Article</h2>
+  ${body}
+  ${categories}
+  ${aliases}
+  ${sources}
+</section>`;
+    }
+    if (record.type === "symbol") {
+        return `<section class="prose">
+  <h2>Purpose</h2>
+  ${formatText(record.summary || "No summary recorded.", context)}
+  <h2>Location</h2>
+  <p>${sourceFileLink(record.file, context)}</p>
+</section>`;
+    }
+    return `<section class="prose">
+  <h2>Relationship</h2>
+  <p><strong>From:</strong> ${endpointLink(record.from, context)}</p>
+  <p><strong>To:</strong> ${endpointLink(record.to, context)}</p>
+  <p><strong>Relationship:</strong> ${escapeHtml(record.relationship)}</p>
+</section>`;
+}
+function renderRecordMeta(record, context) {
+    const files = relatedFiles(record);
+    const fileList = files.length
+        ? files.map((file) => `<li>${sourceFileLink(file, context)}</li>`).join("\n")
+        : "<li>None</li>";
+    const tags = recordTags(record);
+    const tagText = tags.length ? tags.map((tag) => `<code>${escapeHtml(tag)}</code>`).join(" ") : "None";
+    const updatedAt = "updated_at" in record && typeof record.updated_at === "string"
+        ? `\n    <div><dt>Updated</dt><dd><time datetime="${escapeHtml(record.updated_at)}">${escapeHtml(formatDate(record.updated_at))}</time></dd></div>`
+        : "";
+    return `<details class="record-meta">
+  <summary>Agent details</summary>
+  <dl>
+    <div><dt>ID</dt><dd><code>${escapeHtml(record.id)}</code></dd></div>
+    <div><dt>Source</dt><dd>${escapeHtml(record.source)}</dd></div>
+    <div><dt>Authority</dt><dd>${escapeHtml(record.authority)}</dd></div>
+    <div><dt>Confidence</dt><dd>${escapeHtml(record.confidence)}</dd></div>
+    <div><dt>Created</dt><dd><time datetime="${escapeHtml(record.created_at)}">${escapeHtml(formatDate(record.created_at))}</time></dd></div>${updatedAt}
+    <div><dt>Tags</dt><dd>${tagText}</dd></div>
+    <div><dt>Files</dt><dd><ul>${fileList}</ul></dd></div>
+  </dl>
+</details>`;
+}
+function renderSourcesBlock(record, context) {
+    const files = relatedFiles(record);
+    if (files.length === 0) {
+        return "";
+    }
+    const fileList = files.map((file) => `<li>${sourceFileLink(file, context)}</li>`).join("\n");
+    return `<aside class="sources-panel">
+  <h2>Related files</h2>
+  <ul>${fileList}</ul>
+</aside>`;
+}
+function sectionCard(currentFile, targetFile, title, description, count) {
+    const countHtml = typeof count === "number"
+        ? `<span>${count} ${count === 1 ? "record" : "records"}</span>`
+        : "<span>Guide</span>";
+    return `<a class="section-card" href="${hrefFrom(currentFile, targetFile)}">
+  ${countHtml}
+  <strong>${escapeHtml(title)}</strong>
+  <p>${escapeHtml(description)}</p>
+</a>`;
+}
+function articleCategoryCards(model, currentFile) {
+    const categoriesByName = new Map();
+    for (const article of model.records.article) {
+        for (const category of article.categories) {
+            const articles = categoriesByName.get(category) ?? [];
+            articles.push(article);
+            categoriesByName.set(category, articles);
+        }
+    }
+    return [...categoriesByName.entries()]
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([category, articles]) => sectionCard(currentFile, "articles.html", category, `${articles.length} ${articles.length === 1 ? "article" : "articles"} in this topic.`, articles.length))
+        .join("\n");
+}
+function sourceRecordsForArticle(article, model) {
+    const byId = new Map(model.flatRecords.map((record) => [record.id, record]));
+    return article.source_record_ids
+        .map((id) => byId.get(id))
+        .filter((record) => record !== undefined);
+}
+function recordCard(record, currentFile, _model) {
+    const summary = recordExcerpt(record);
+    const tags = displayTags(record).slice(0, 5);
+    const tagsHtml = tagList(tags);
+    const tagsLine = tagsHtml ? `\n    ${tagsHtml}` : "";
+    const audienceHtml = audienceLabel(record)
+        ? `<span class="audience-badge">${escapeHtml(audienceLabel(record))}</span>`
+        : "";
+    return `<article class="record-card" data-search-card>
+  <div class="record-card-top">
+    <span class="type-badge">${escapeHtml(labelForType(record.type))}</span>${audienceHtml}
+  </div>
+  <h3><a href="${hrefFrom(currentFile, hrefForRecord(record))}">${escapeHtml(recordTitle(record))}</a></h3>
+  <p>${escapeHtml(summary)}</p>${tagsLine ? `\n  <footer>${tagsLine}</footer>` : ""}
+</article>`;
+}
+function formatText(text, context) {
+    const trimmed = text.trim();
+    if (!trimmed) {
+        return "<p>Not recorded.</p>";
+    }
+    const blocks = trimmed.split(/\n{2,}/);
+    return blocks.map((block) => formatBlock(block, context)).join("\n");
+}
+function formatBlock(block, context) {
+    const lines = block.split(/\r?\n/);
+    if (lines.every((line) => line.trim().startsWith("- "))) {
+        const items = lines
+            .map((line) => `<li>${formatInline(line.trim().slice(2), context)}</li>`)
+            .join("\n");
+        return `<ul>${items}</ul>`;
+    }
+    return `<p>${formatInline(lines.join(" "), context)}</p>`;
+}
+function formatInline(text, context) {
+    const parts = [];
+    const pattern = /(`[^`]+`|\[[^\]]+\]\([^)]+\))/g;
+    let lastIndex = 0;
+    let match;
+    while ((match = pattern.exec(text)) !== null) {
+        parts.push(escapeHtml(text.slice(lastIndex, match.index)));
+        const token = match[0];
+        if (token.startsWith("`")) {
+            parts.push(`<code>${escapeHtml(token.slice(1, -1))}</code>`);
+        }
+        else {
+            const linkMatch = /^\[([^\]]+)\]\(([^)]+)\)$/.exec(token);
+            if (linkMatch) {
+                const label = linkMatch[1];
+                const target = linkMatch[2];
+                parts.push(`<a href="${escapeAttribute(normalizeContentHref(target, context))}">${escapeHtml(label)}</a>`);
+            }
+        }
+        lastIndex = match.index + token.length;
+    }
+    parts.push(escapeHtml(text.slice(lastIndex)));
+    return parts.join("");
+}
+function endpointLink(endpoint, context) {
+    const recordHrefForEndpoint = context.hrefById.get(endpoint);
+    if (recordHrefForEndpoint) {
+        return `<a href="${hrefFrom(context.currentFile, recordHrefForEndpoint)}"><code>${escapeHtml(endpoint)}</code></a>`;
+    }
+    const articleHrefForEndpoint = context.articleHrefByLookup.get(normalizeArticleLookup(endpoint));
+    if (articleHrefForEndpoint) {
+        return `<a href="${hrefFrom(context.currentFile, articleHrefForEndpoint)}"><code>${escapeHtml(endpoint)}</code></a>`;
+    }
+    const siteHref = siteHrefForTarget(endpoint, context);
+    if (siteHref) {
+        return `<a href="${escapeAttribute(siteHref)}"><code>${escapeHtml(endpoint)}</code></a>`;
+    }
+    const sourceHref = sourceHrefForFile(endpoint, context);
+    if (sourceHref) {
+        return `<a class="source-link" href="${escapeAttribute(sourceHref)}"><code>${escapeHtml(endpoint)}</code></a>`;
+    }
+    return `<code>${escapeHtml(endpoint)}</code>`;
+}
+function sourceFileLink(file, context) {
+    const href = sourceHrefForFile(file, context);
+    if (!href) {
+        return `<code>${escapeHtml(file)}</code>`;
+    }
+    return `<a class="source-link" href="${escapeAttribute(href)}"><code>${escapeHtml(file)}</code></a>`;
+}
+function normalizeContentHref(target, context) {
+    const trimmed = target.trim();
+    if (/^[a-z][a-z0-9+.-]*:/i.test(trimmed) || trimmed.startsWith("#")) {
+        return trimmed;
+    }
+    const recordHrefForTarget = context.hrefById.get(trimmed);
+    if (recordHrefForTarget) {
+        return hrefFrom(context.currentFile, recordHrefForTarget);
+    }
+    const articleHrefForTarget = context.articleHrefByLookup.get(normalizeArticleLookup(trimmed));
+    if (articleHrefForTarget) {
+        return hrefFrom(context.currentFile, articleHrefForTarget);
+    }
+    const siteHref = siteHrefForTarget(trimmed, context);
+    if (siteHref) {
+        return siteHref;
+    }
+    const sourceHref = sourceHrefForFile(trimmed.replace(/^\.\//, ""), context);
+    if (sourceHref) {
+        return sourceHref;
+    }
+    return trimmed;
+}
+function siteHrefForTarget(target, context) {
+    const trimmed = target.trim();
+    const [withoutHash, hash = ""] = trimmed.split("#", 2);
+    const hashSuffix = hash ? `#${hash}` : "";
+    const normalized = withoutHash
+        .replace(/\\/g, "/")
+        .replace(/^\.\//, "")
+        .replace(/^(\.\.\/)+/, "")
+        .replace(/^wiki\//, "");
+    const route = normalized.replace(/\/$/, "");
+    const targetFile = markdownRouteToHtml(route);
+    if (targetFile) {
+        return `${hrefFrom(context.currentFile, targetFile)}${hashSuffix}`;
+    }
+    return undefined;
+}
+function markdownRouteToHtml(route) {
+    const routes = new Map([
+        ["", "index.html"],
+        ["index", "index.html"],
+        ["index.md", "index.html"],
+        ["articles", "articles.html"],
+        ["articles.md", "articles.html"],
+        ["guides", "guides.html"],
+        ["guides.md", "guides.html"],
+        ["concepts", "concepts.html"],
+        ["concepts.md", "concepts.html"],
+        ["decisions", "decisions.html"],
+        ["decisions.md", "decisions.html"],
+        ["devlog", "devlog.html"],
+        ["devlog.md", "devlog.html"],
+        ["notes", "notes.html"],
+        ["notes.md", "notes.html"],
+        ["symbols", "symbols.html"],
+        ["symbols.md", "symbols.html"],
+        ["links", "links.html"],
+        ["links.md", "links.html"]
+    ]);
+    return routes.get(route);
+}
+function sourceHrefForFile(file, context) {
+    if (!file || path_1.default.isAbsolute(file) || file.startsWith("..") || file.includes("://") || file.startsWith("#")) {
+        return undefined;
+    }
+    if (context.sourceBaseUrl) {
+        return remoteSourceHref(file, context.sourceBaseUrl, context.root);
+    }
+    return `${"../".repeat(depthOf(context.currentFile) + 1)}${encodePath(toPosixPath(file))}`;
+}
+function remoteSourceHref(file, sourceBaseUrl, root) {
+    const normalizedFile = toPosixPath(file).replace(/^\.\//, "");
+    const isDirectory = isDirectoryPath(root, normalizedFile);
+    const baseUrl = isDirectory ? treeUrlForBase(sourceBaseUrl) : sourceBaseUrl;
+    return `${baseUrl}${encodePath(normalizedFile)}`;
+}
+function treeUrlForBase(sourceBaseUrl) {
+    return sourceBaseUrl.replace("/blob/", "/tree/");
+}
+function isDirectoryPath(root, file) {
+    try {
+        return fs_1.default.statSync(path_1.default.resolve(root, file)).isDirectory();
+    }
+    catch {
+        return false;
+    }
+}
+function searchIndexJs(model) {
+    const articleEntries = model.records.article.map((article) => ({
+        type: "article",
+        typeLabel: "Article",
+        id: article.id,
+        title: article.title,
+        summary: recordExcerpt(article),
+        tags: [...article.categories, ...article.aliases, ...displayTags(article)],
+        authority: article.authority,
+        confidence: article.confidence,
+        audienceLabel: audienceLabel(article),
+        url: articleHref(article),
+        text: recordSearchText(article)
+    }));
+    const recordEntries = model.sourceRecords.map((record) => ({
+        type: record.type,
+        typeLabel: labelForType(record.type),
+        id: record.id,
+        title: recordTitle(record),
+        summary: recordExcerpt(record),
+        tags: displayTags(record),
+        authority: record.authority,
+        confidence: record.confidence,
+        audienceLabel: audienceLabel(record),
+        url: recordHref(record),
+        text: recordSearchText(record)
+    }));
+    const workEntries = showBeadsWork(model) && model.integrations.beads?.available
+        ? [
+            ...model.integrations.beads.ready,
+            ...model.integrations.beads.in_progress,
+            ...model.integrations.beads.recent_closed
+        ].map((issue) => ({
+            type: "work",
+            typeLabel: "Project Work",
+            id: `beads:${issue.id}`,
+            title: issue.title,
+            summary: beadsIssueSummary(issue),
+            tags: issue.labels,
+            authority: "system",
+            confidence: "high",
+            audienceLabel: "For developers",
+            url: "work.html",
+            text: [
+                issue.id,
+                issue.title,
+                issue.status,
+                issue.type,
+                issue.priority,
+                issue.assignee,
+                issue.labels.join(" ")
+            ].filter(Boolean).join(" ")
+        }))
+        : [];
+    const entries = [...articleEntries, ...recordEntries, ...workEntries];
+    return `/* Generated by Wikiwiki from .wikiwiki/records. Edit structured records instead, then run \`wk site\`. */
+window.WIKIWIKI_SEARCH_INDEX = ${JSON.stringify(entries, null, 2)};
+`;
+}
+function siteManifest(model) {
+    const integrations = siteManifestIntegrations(model);
+    return {
+        generator: "Wikiwiki",
+        generated_from: ".wikiwiki/records",
+        command: "wk site",
+        source_base_url: model.options.sourceBaseUrl ?? null,
+        audience: model.audience,
+        project_name: model.repoName,
+        theme_file: ".wikiwiki/site-theme.json",
+        pages: sitePages(model),
+        ...(integrations ? { integrations } : {}),
+        articles: model.records.article.map((article) => ({
+            id: article.id,
+            title: article.title,
+            slug: article.slug,
+            url: articleHref(article)
+        })),
+        records: model.sourceRecords.map((record) => ({
+            type: record.type,
+            id: record.id,
+            title: recordTitle(record),
+            url: recordHref(record)
+        }))
+    };
+}
+function siteManifestIntegrations(model) {
+    const beads = model.integrations.beads;
+    if (!beads || model.audience === "user") {
+        return undefined;
+    }
+    if (showBeadsWork(model)) {
+        return { beads };
+    }
+    if (!(0, beads_1.shouldReportIntegrations)(model.integrations)) {
+        return undefined;
+    }
+    return {
+        beads: {
+            detected: beads.detected,
+            enabled: beads.enabled,
+            available: beads.available,
+            configured: beads.configured,
+            ...(beads.error ? { error: beads.error } : {}),
+            warnings: beads.warnings,
+            counts: beads.counts,
+            issue_ids: [],
+            ready: [],
+            in_progress: [],
+            recent_closed: []
+        }
+    };
+}
+function sitePages(model) {
+    return [
+        ...exports.siteStaticPageFileNames.filter((fileName) => fileName !== "work.html" || showBeadsWork(model)),
+        ...model.records.article.map(articleHref),
+        ...model.sourceRecords.map(recordHref)
+    ];
+}
+function hrefForRecord(record) {
+    return record.type === "article" ? articleHref(record) : recordHref(record);
+}
+function articleHref(record) {
+    return `articles/${(0, articles_1.articleFileName)(record)}`;
+}
+function recordHref(record) {
+    return `records/${record.type}/${safeFileName(record.id)}.html`;
+}
+function recordTitle(record) {
+    if (record.type === "note") {
+        return noteTitle(record);
+    }
+    if ("name" in record && typeof record.name === "string") {
+        return record.name;
+    }
+    if ("title" in record && typeof record.title === "string") {
+        return record.title;
+    }
+    if ("summary" in record && typeof record.summary === "string") {
+        return record.summary;
+    }
+    if ("body" in record && typeof record.body === "string") {
+        return conciseExcerpt(record.body, 80);
+    }
+    if ("relationship" in record && typeof record.relationship === "string") {
+        return `${record.from} ${record.relationship} ${record.to}`;
+    }
+    return record.id;
+}
+function noteTitle(record) {
+    return record.title ?? `Note from ${formatDate(record.created_at)}`;
+}
+function recordSummary(record) {
+    if ("summary" in record && typeof record.summary === "string" && record.summary.trim()) {
+        return record.summary.trim();
+    }
+    if ("decision" in record && typeof record.decision === "string" && record.decision.trim()) {
+        return record.decision.trim();
+    }
+    if ("body" in record && typeof record.body === "string" && record.body.trim()) {
+        return record.body.trim();
+    }
+    if ("relationship" in record && typeof record.relationship === "string") {
+        return `${record.from} ${record.relationship} ${record.to}`;
+    }
+    return "No summary recorded.";
+}
+function recordExcerpt(record) {
+    return conciseExcerpt(recordSummary(record));
+}
+function conciseExcerpt(text, maxLength = 150) {
+    const normalized = text.replace(/\s+/g, " ").trim();
+    if (normalized.length <= maxLength) {
+        return normalized;
+    }
+    const window = normalized.slice(0, maxLength + 1);
+    const sentenceEnds = [". ", "! ", "? "]
+        .map((marker) => window.lastIndexOf(marker))
+        .filter((index) => index >= 32);
+    const sentenceEnd = sentenceEnds.length ? Math.max(...sentenceEnds) : -1;
+    if (sentenceEnd >= 0) {
+        return window.slice(0, sentenceEnd + 1).trim();
+    }
+    const wordBreak = window.lastIndexOf(" ");
+    const end = wordBreak >= 72 ? wordBreak : maxLength;
+    return `${normalized.slice(0, end).replace(/[\s,;:.-]+$/, "")}...`;
+}
+function recordSearchText(record) {
+    return Object.values(record)
+        .flatMap((value) => Array.isArray(value) ? value : [value])
+        .filter((value) => typeof value === "string")
+        .join(" ");
+}
+function recordTimestamp(record) {
+    if ("updated_at" in record && typeof record.updated_at === "string") {
+        return record.updated_at;
+    }
+    return record.created_at;
+}
+function recordTags(record) {
+    if ("tags" in record && Array.isArray(record.tags)) {
+        return record.tags;
+    }
+    return [];
+}
+function relatedFiles(record) {
+    if ("files" in record && Array.isArray(record.files)) {
+        return record.files.map(toPosixPath);
+    }
+    if ("file" in record && typeof record.file === "string") {
+        return [toPosixPath(record.file)];
+    }
+    return [];
+}
+function filterRecordsByAudience(records, audience) {
+    const filtered = {};
+    for (const type of schemas_1.recordTypes) {
+        filtered[type] = records[type].filter((record) => recordMatchesAudience(record, audience));
+    }
+    return filtered;
+}
+function recordMatchesAudience(record, audience) {
+    if (audience === "all") {
+        return true;
+    }
+    const recordAudienceValue = recordAudience(record);
+    if (recordAudienceValue === "all" || recordAudienceValue === audience) {
+        return true;
+    }
+    if (recordAudienceValue) {
+        return false;
+    }
+    if (audience === "user" && (record.type === "symbol" || record.type === "link")) {
+        return false;
+    }
+    return true;
+}
+function compareRecords(a, b) {
+    return a.type.localeCompare(b.type) ||
+        recordTitle(a).localeCompare(recordTitle(b)) ||
+        a.id.localeCompare(b.id);
+}
+function homepageRecords(model) {
+    const articles = curatedRecords(model, ["article"], 6);
+    if (articles.length > 0) {
+        return articles;
+    }
+    const curated = curatedRecords(model, ["concept", "decision", "note"], 6);
+    if (curated.length > 0) {
+        return curated;
+    }
+    return curatedRecords(model, schemas_1.recordTypes, 6);
+}
+function userGuideRecordsFor(model) {
+    return model.flatRecords
+        .filter((record) => ["concept", "note", "decision"].includes(record.type))
+        .filter(isUserGuideRecord)
+        .sort(compareRecordsForCuration)
+        .slice(0, 8);
+}
+function curatedRecords(model, types, limit) {
+    const allowedTypes = new Set(types);
+    return model.flatRecords
+        .filter((record) => allowedTypes.has(record.type))
+        .sort(compareRecordsForCuration)
+        .slice(0, limit);
+}
+function takeUnusedRecords(records, usedIds, limit) {
+    const result = [];
+    for (const record of records) {
+        if (usedIds.has(record.id)) {
+            continue;
+        }
+        usedIds.add(record.id);
+        result.push(record);
+        if (result.length >= limit) {
+            break;
+        }
+    }
+    return result;
+}
+function compareRecordsForCuration(a, b) {
+    return curationScore(b) - curationScore(a) ||
+        recordTitle(a).localeCompare(recordTitle(b)) ||
+        a.id.localeCompare(b.id);
+}
+function curationScore(record) {
+    let score = 0;
+    const tags = recordTags(record).map((tag) => tag.toLowerCase());
+    if (tags.includes(profiles_1.audienceTags.user) || tags.includes(profiles_1.audienceTags.all)) {
+        score += 16;
+    }
+    if (tags.includes(profiles_1.audienceTags.developer)) {
+        score -= 4;
+    }
+    if (isUserGuideRecord(record)) {
+        score += 28;
+    }
+    if (tags.some((tag) => ["pinned", "homepage", "start-here", "overview", "guide"].includes(tag))) {
+        score += 80;
+    }
+    if (record.authority === "user") {
+        score += 35;
+    }
+    if (record.confidence === "high") {
+        score += 18;
+    }
+    if (record.type === "concept") {
+        score += 24;
+    }
+    if (record.type === "decision") {
+        score += 20;
+    }
+    if (record.type === "note") {
+        score += 6;
+    }
+    if (record.type === "event") {
+        score -= tags.some((tag) => ["release", "milestone", "launch"].includes(tag)) ? 6 : 28;
+    }
+    if (tags.some((tag) => ["internal", "maintenance", "implementation", "package", "ci", "devlog"].includes(tag))) {
+        score -= 12;
+    }
+    return score;
+}
+function isUserGuideRecord(record) {
+    const tags = recordTags(record).map((tag) => tag.toLowerCase());
+    return tags.some((tag) => profiles_1.userMaterialTags.includes(tag)) ||
+        tags.includes(profiles_1.audienceTags.user);
+}
+function statsTypes(model) {
+    const preferred = ["concept", "decision", "event", "note"];
+    const visible = preferred.filter((type) => model.counts[type] > 0);
+    if (visible.length > 0) {
+        return visible;
+    }
+    return schemas_1.recordTypes.filter((type) => model.counts[type] > 0).slice(0, 4);
+}
+function showBeadsWork(model) {
+    const beads = model.integrations.beads;
+    return model.audience !== "user" &&
+        Boolean(beads?.detected) &&
+        Boolean(beads?.enabled) &&
+        beads?.configured === "enabled";
+}
+function beadsNavCount(beads) {
+    if (!beads?.available) {
+        return undefined;
+    }
+    return beads.counts.ready + beads.counts.in_progress;
+}
+function beadsIssueSummary(issue) {
+    return [
+        issue.status,
+        issue.type,
+        issue.priority,
+        issue.assignee ? `assigned to ${issue.assignee}` : ""
+    ].filter(Boolean).join(" · ") || "Beads work item.";
+}
+function tagList(tags) {
+    if (tags.length === 0) {
+        return "";
+    }
+    return `<span class="tag-list">${tags.map((tag) => `<span>${escapeHtml(tag)}</span>`).join("")}</span>`;
+}
+function displayTags(record) {
+    return recordTags(record).filter((tag) => !isAudienceTag(tag));
+}
+function isAudienceTag(tag) {
+    const normalized = tag.toLowerCase();
+    return normalized === profiles_1.audienceTags.user ||
+        normalized === profiles_1.audienceTags.developer ||
+        normalized === profiles_1.audienceTags.all;
+}
+function recordAudience(record) {
+    const tags = recordTags(record).map((tag) => tag.toLowerCase());
+    if (tags.includes(profiles_1.audienceTags.user)) {
+        return "user";
+    }
+    if (tags.includes(profiles_1.audienceTags.developer)) {
+        return "developer";
+    }
+    if (tags.includes(profiles_1.audienceTags.all)) {
+        return "all";
+    }
+    return undefined;
+}
+function audienceLabel(record) {
+    const audience = recordAudience(record);
+    if (audience === "user") {
+        return "For users";
+    }
+    if (audience === "developer") {
+        return "For developers";
+    }
+    if (audience === "all") {
+        return "For everyone";
+    }
+    return "";
+}
+function audienceIntro(audience) {
+    if (audience === "user") {
+        return "This view emphasizes getting started, product orientation, privacy, FAQ, and troubleshooting while keeping developer-only records out of the way.";
+    }
+    if (audience === "developer") {
+        return "This view emphasizes architecture, decisions, source symbols, generated-file workflow, and maintainer context.";
+    }
+    return "Start with curated guides, then browse source-backed user and developer knowledge when you need more detail.";
+}
+function emptyState(message) {
+    return `<div class="empty-state">${escapeHtml(message)}</div>`;
+}
+function labelForType(type) {
+    if (type === "event") {
+        return "Devlog";
+    }
+    return type[0].toUpperCase() + type.slice(1);
+}
+function initialsForName(value) {
+    const words = value
+        .replace(/[_-]+/g, " ")
+        .split(/\s+/)
+        .map((word) => word.trim())
+        .filter(Boolean);
+    const initials = words.length >= 2
+        ? `${words[0][0]}${words[1][0]}`
+        : (words[0] ?? "W").slice(0, 2);
+    return initials.toUpperCase();
+}
+function formatDate(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return value;
+    }
+    return date.toISOString().slice(0, 10);
+}
+function hrefFrom(currentFile, targetFile) {
+    const currentDir = path_1.default.posix.dirname(currentFile);
+    const relative = currentDir === "."
+        ? targetFile
+        : path_1.default.posix.relative(currentDir, targetFile);
+    return escapeAttribute(relative || path_1.default.posix.basename(targetFile));
+}
+function relativePrefix(fileName) {
+    return "../".repeat(depthOf(fileName));
+}
+function depthOf(fileName) {
+    return fileName.split("/").length - 1;
+}
+function safeFileName(value) {
+    return value.replace(/[^a-z0-9._-]+/gi, "-");
+}
+function toPosixPath(value) {
+    return value.replace(/\\/g, "/");
+}
+function encodePath(value) {
+    return value.split("/").map(encodeURIComponent).join("/");
+}
+function escapeHtml(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+}
+function escapeAttribute(value) {
+    return escapeHtml(value);
+}
+function projectThemeCss(theme) {
+    const resolved = resolveThemePalettes(theme);
+    if (!resolved.hasTheme) {
+        return "/* Optional project theme. Add .wikiwiki/site-theme.json to override CSS custom properties. */\n";
+    }
+    const light = themeWithContrastGuardrails(resolved.light, "light");
+    const dark = themeWithContrastGuardrails(resolved.dark, "dark");
+    const comments = [...light.comments, ...dark.comments];
+    const commentBlock = comments.length
+        ? `\n${comments.map((comment) => `/* ${comment} */`).join("\n")}`
+        : "";
+    return `/* Generated from .wikiwiki/site-theme.json. Edit the theme file, then run \`wk site\`. */${commentBlock}
+${themeCssBlock(":root,\n:root[data-theme=\"light\"]", light.theme, "light")}
+
+@media (prefers-color-scheme: dark) {
+${themeCssBlock(":root:not([data-theme=\"light\"])", dark.theme, "dark", "  ")}
+}
+
+${themeCssBlock(":root[data-theme=\"dark\"]", dark.theme, "dark")}
+`;
+}
+function resolveThemePalettes(theme) {
+    const flat = themePaletteFrom(theme);
+    const modeLight = theme.modes?.light ?? {};
+    const modeDark = theme.modes?.dark ?? {};
+    const hasFlat = hasThemePaletteValues(flat);
+    const hasLight = hasThemePaletteValues(modeLight);
+    const hasDark = hasThemePaletteValues(modeDark);
+    if (!hasFlat && !hasLight && !hasDark) {
+        return { hasTheme: false, light: {}, dark: {} };
+    }
+    const common = commonPaletteValues(flat);
+    const light = hasLight || hasFlat
+        ? { ...flat, ...modeLight }
+        : { ...deriveLightPalette(modeDark), ...common };
+    const dark = hasDark
+        ? { ...deriveDarkPalette(light), ...common, ...modeDark }
+        : deriveDarkPalette(light);
+    return { hasTheme: true, light, dark };
+}
+function themePaletteFrom(theme) {
+    const palette = {};
+    for (const key of config_1.siteThemePaletteKeys) {
+        const value = theme[key];
+        if (value) {
+            palette[key] = value;
+        }
+    }
+    return palette;
+}
+function hasThemePaletteValues(theme) {
+    return config_1.siteThemePaletteKeys.some((key) => Boolean(theme[key]?.trim()));
+}
+function commonPaletteValues(theme) {
+    return {
+        ...(theme.radius ? { radius: theme.radius } : {}),
+        ...(theme.font_family ? { font_family: theme.font_family } : {})
+    };
+}
+function deriveLightPalette(theme) {
+    const accent = parseHexColor(theme.accent) ?? parseHexColor(theme.accent_strong) ?? { r: 36, g: 107, b: 98 };
+    const accentHex = theme.accent ?? colorToHex(accent);
+    const accentStrong = theme.accent_strong ?? colorToHex(mixRgb(accent, { r: 29, g: 48, b: 44 }, 0.64));
+    const secondary = theme.secondary ?? colorToHex(mixRgb(accent, { r: 196, g: 63, b: 125 }, 0.45));
+    return {
+        accent: accentHex,
+        accent_strong: accentStrong,
+        secondary,
+        bg: colorToHex(mixRgb(accent, { r: 249, g: 248, b: 242 }, 0.08)),
+        panel: colorToHex(mixRgb(accent, { r: 253, g: 252, b: 247 }, 0.04)),
+        panel_soft: colorToHex(mixRgb(accent, { r: 238, g: 241, b: 232 }, 0.12)),
+        text: "#242521",
+        muted: "#63675e",
+        border: colorToHex(mixRgb(accent, { r: 220, g: 223, b: 214 }, 0.18)),
+        code_bg: colorToHex(mixRgb(accent, { r: 236, g: 238, b: 232 }, 0.12)),
+        shadow: `0 18px 45px ${rgba({ r: 35, g: 38, b: 31 }, 0.08)}`,
+        shadow_strong: `0 24px 70px ${rgba({ r: 35, g: 38, b: 31 }, 0.14)}`,
+        radius: theme.radius ?? "8px",
+        font_family: theme.font_family,
+        sidebar_bg: `linear-gradient(180deg, ${rgba({ r: 253, g: 252, b: 247 }, 0.94)}, ${rgba(mixRgb(accent, { r: 238, g: 241, b: 232 }, 0.12), 0.88)})`,
+        hero_gradient: `linear-gradient(135deg, ${colorToHex(mixRgb(accent, { r: 253, g: 252, b: 247 }, 0.06))} 0%, ${colorToHex(mixRgb(accent, { r: 244, g: 246, b: 238 }, 0.18))} 100%)`,
+        card_gradient: `linear-gradient(180deg, ${colorToHex(mixRgb(accent, { r: 253, g: 252, b: 247 }, 0.04))} 0%, ${colorToHex(mixRgb(accent, { r: 248, g: 247, b: 242 }, 0.05))} 100%)`,
+        brand_gradient: `linear-gradient(135deg, ${accentHex}, ${accentStrong})`,
+        brand_mark_text: "#fffaf0",
+        badge_bg: colorToHex(mixRgb(accent, { r: 229, g: 240, b: 237 }, 0.22)),
+        badge_text: accentStrong,
+        tag_bg: colorToHex(mixRgb(parseHexColor(secondary) ?? accent, { r: 248, g: 232, b: 241 }, 0.18)),
+        tag_text: "#743050",
+        success_bg: "#e7f3df",
+        success_text: "#2d5c1f",
+        warning_bg: "#f5e7df",
+        warning_text: "#7a3c1d",
+        focus_ring: rgba(accent, 0.18),
+        gloss: rgba(accent, 0.14)
+    };
+}
+function deriveDarkPalette(theme) {
+    const accent = parseHexColor(theme.accent) ?? parseHexColor(theme.accent_strong) ?? { r: 56, g: 189, b: 248 };
+    const accentHex = theme.accent ?? colorToHex(accent);
+    const accentStrong = theme.accent_strong ?? colorToHex(mixRgb(accent, { r: 186, g: 230, b: 253 }, 0.72));
+    const secondary = theme.secondary ?? colorToHex(mixRgb(accent, { r: 244, g: 114, b: 182 }, 0.36));
+    const bg = mixRgb(accent, { r: 12, g: 18, b: 31 }, 0.13);
+    const panel = mixRgb(accent, { r: 18, g: 25, b: 42 }, 0.11);
+    const panelSoft = mixRgb(accent, { r: 28, g: 38, b: 58 }, 0.14);
+    return {
+        accent: accentHex,
+        accent_strong: accentStrong,
+        secondary,
+        bg: colorToHex(bg),
+        panel: colorToHex(panel),
+        panel_soft: colorToHex(panelSoft),
+        text: "#f7f2e8",
+        muted: "#c9d0dc",
+        border: colorToHex(mixRgb(accent, { r: 51, g: 65, b: 85 }, 0.16)),
+        code_bg: colorToHex(mixRgb(accent, { r: 10, g: 16, b: 28 }, 0.1)),
+        shadow: `0 22px 60px ${rgba({ r: 4, g: 8, b: 16 }, 0.34)}`,
+        shadow_strong: `0 30px 90px ${rgba({ r: 4, g: 8, b: 16 }, 0.48)}`,
+        radius: theme.radius ?? "8px",
+        font_family: theme.font_family,
+        sidebar_bg: `linear-gradient(180deg, ${rgba(mixRgb(accent, { r: 18, g: 25, b: 42 }, 0.14), 0.94)}, ${rgba(mixRgb(accent, { r: 12, g: 18, b: 31 }, 0.16), 0.9)})`,
+        hero_gradient: `linear-gradient(135deg, ${colorToHex(mixRgb(accent, { r: 21, g: 28, b: 46 }, 0.16))} 0%, ${colorToHex(mixRgb(accent, { r: 9, g: 14, b: 25 }, 0.1))} 100%)`,
+        card_gradient: `linear-gradient(180deg, ${colorToHex(mixRgb(accent, { r: 20, g: 28, b: 45 }, 0.12))} 0%, ${colorToHex(mixRgb(accent, { r: 14, g: 20, b: 34 }, 0.1))} 100%)`,
+        brand_gradient: `linear-gradient(135deg, ${accentHex}, ${accentStrong})`,
+        brand_mark_text: "#fffaf0",
+        badge_bg: rgba(accent, 0.18),
+        badge_text: "#f7f2e8",
+        tag_bg: rgba(parseHexColor(secondary) ?? accent, 0.2),
+        tag_text: "#f7d8e8",
+        success_bg: "rgba(134, 239, 172, 0.16)",
+        success_text: "#bbf7d0",
+        warning_bg: "rgba(253, 186, 116, 0.16)",
+        warning_text: "#fed7aa",
+        focus_ring: rgba(accent, 0.28),
+        gloss: rgba(accent, 0.18)
+    };
+}
+function themeCssBlock(selector, theme, colorScheme, indent = "") {
+    const lines = themeVariableLines(theme)
+        .map((line) => `${indent}${line}`);
+    return `${indent}${selector} {
+${indent}  color-scheme: ${colorScheme};
+${lines.join("\n")}
+${indent}}`;
+}
+function themeVariableLines(theme) {
+    const variables = [
+        ["accent", "--accent"],
+        ["accent_strong", "--accent-strong"],
+        ["secondary", "--secondary"],
+        ["bg", "--bg"],
+        ["panel", "--panel"],
+        ["panel_soft", "--panel-soft"],
+        ["text", "--text"],
+        ["muted", "--muted"],
+        ["border", "--border"],
+        ["code_bg", "--code-bg"],
+        ["shadow", "--shadow"],
+        ["shadow_strong", "--shadow-strong"],
+        ["radius", "--radius"],
+        ["font_family", "--font-family"],
+        ["sidebar_bg", "--sidebar-bg"],
+        ["hero_gradient", "--hero-gradient"],
+        ["card_gradient", "--card-gradient"],
+        ["brand_gradient", "--brand-gradient"],
+        ["brand_mark_text", "--brand-mark-text"],
+        ["badge_bg", "--badge-bg"],
+        ["badge_text", "--badge-text"],
+        ["tag_bg", "--tag-bg"],
+        ["tag_text", "--tag-text"],
+        ["success_bg", "--success-bg"],
+        ["success_text", "--success-text"],
+        ["warning_bg", "--warning-bg"],
+        ["warning_text", "--warning-text"],
+        ["focus_ring", "--focus-ring"],
+        ["gloss", "--gloss"]
+    ];
+    return variables.flatMap(([key, variable]) => {
+        const value = theme[key]?.trim();
+        return value ? [`  ${variable}: ${cssValue(value)};`] : [];
+    });
+}
+function themeWithContrastGuardrails(theme, mode) {
+    const guarded = { ...theme };
+    const comments = [];
+    const bg = parseHexColor(guarded.bg);
+    if (bg && !guarded.panel && relativeLuminance(bg) < 0.18) {
+        guarded.panel = "#111827";
+        guarded.panel_soft = guarded.panel_soft ?? "#1f2937";
+        guarded.text = guarded.text ?? "#f8fafc";
+        guarded.muted = guarded.muted ?? "#cbd5e1";
+        guarded.border = guarded.border ?? "#334155";
+        guarded.code_bg = guarded.code_bg ?? "#0f172a";
+        comments.push(`${mode} mode: Applied dark-theme surface defaults so text remains readable.`);
+    }
+    const panel = parseHexColor(guarded.panel ?? (mode === "dark" ? "#111827" : "#fffdf7"));
+    const text = parseHexColor(guarded.text ?? (mode === "dark" ? "#f8fafc" : "#242521"));
+    if (panel && text && contrastRatio(panel, text) < 4.5) {
+        guarded.text = readableTextFor(panel);
+        comments.push(`${mode} mode: Adjusted --text for readable contrast against --panel.`);
+    }
+    const muted = parseHexColor(guarded.muted ?? (mode === "dark" ? "#cbd5e1" : "#63675e"));
+    const guardedPanel = parseHexColor(guarded.panel ?? (mode === "dark" ? "#111827" : "#fffdf7"));
+    if (guardedPanel && muted && contrastRatio(guardedPanel, muted) < 3) {
+        guarded.muted = relativeLuminance(guardedPanel) > 0.5 ? "#4b5563" : "#cbd5e1";
+        comments.push(`${mode} mode: Adjusted --muted for readable contrast against --panel.`);
+    }
+    const accent = parseHexColor(guarded.accent);
+    if (guardedPanel && accent && contrastRatio(guardedPanel, accent) < 3) {
+        guarded.accent = readableTextFor(guardedPanel);
+        comments.push(`${mode} mode: Adjusted --accent for readable contrast against --panel.`);
+    }
+    const badgeBg = parseHexColor(guarded.badge_bg);
+    const badgeText = parseHexColor(guarded.badge_text);
+    if (badgeBg && badgeText && contrastRatio(badgeBg, badgeText) < 4.5) {
+        guarded.badge_text = readableTextFor(badgeBg);
+        comments.push(`${mode} mode: Adjusted --badge-text for readable contrast against --badge-bg.`);
+    }
+    const tagBg = parseHexColor(guarded.tag_bg);
+    const tagText = parseHexColor(guarded.tag_text);
+    if (tagBg && tagText && contrastRatio(tagBg, tagText) < 4.5) {
+        guarded.tag_text = readableTextFor(tagBg);
+        comments.push(`${mode} mode: Adjusted --tag-text for readable contrast against --tag-bg.`);
+    }
+    return { theme: guarded, comments };
+}
+function parseHexColor(value) {
+    const trimmed = value?.trim();
+    if (!trimmed) {
+        return undefined;
+    }
+    const match = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(trimmed);
+    if (!match) {
+        return undefined;
+    }
+    const hex = match[1].length === 3
+        ? match[1].split("").map((part) => `${part}${part}`).join("")
+        : match[1];
+    return {
+        r: Number.parseInt(hex.slice(0, 2), 16),
+        g: Number.parseInt(hex.slice(2, 4), 16),
+        b: Number.parseInt(hex.slice(4, 6), 16)
+    };
+}
+function contrastRatio(a, b) {
+    const lighter = Math.max(relativeLuminance(a), relativeLuminance(b));
+    const darker = Math.min(relativeLuminance(a), relativeLuminance(b));
+    return (lighter + 0.05) / (darker + 0.05);
+}
+function relativeLuminance(color) {
+    const [r, g, b] = [color.r, color.g, color.b].map((channel) => {
+        const value = channel / 255;
+        return value <= 0.03928
+            ? value / 12.92
+            : ((value + 0.055) / 1.055) ** 2.4;
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function readableTextFor(background) {
+    return relativeLuminance(background) > 0.5 ? "#111827" : "#f8fafc";
+}
+function mixRgb(a, b, aWeight) {
+    const clampedWeight = Math.max(0, Math.min(1, aWeight));
+    const bWeight = 1 - clampedWeight;
+    return {
+        r: Math.round(a.r * clampedWeight + b.r * bWeight),
+        g: Math.round(a.g * clampedWeight + b.g * bWeight),
+        b: Math.round(a.b * clampedWeight + b.b * bWeight)
+    };
+}
+function colorToHex(color) {
+    return `#${[color.r, color.g, color.b]
+        .map((channel) => Math.max(0, Math.min(255, channel)).toString(16).padStart(2, "0"))
+        .join("")}`;
+}
+function rgba(color, alpha) {
+    const clampedAlpha = Math.max(0, Math.min(1, alpha));
+    return `rgba(${color.r}, ${color.g}, ${color.b}, ${Number(clampedAlpha.toFixed(3))})`;
+}
+function cssValue(value) {
+    return value.replace(/[;\n\r]/g, "").trim();
+}
+function faviconSvg(model) {
+    const initials = escapeHtml(model.projectInitials.slice(0, 2));
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="14" fill="#111827"/>
+  <circle cx="46" cy="18" r="8" fill="#38bdf8"/>
+  <text x="32" y="41" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="22" font-weight="700" fill="#f8fafc">${initials}</text>
+</svg>
+`;
+}
+function siteCss() {
+    return `/* Generated by Wikiwiki from .wikiwiki/records. Edit structured records instead, then run \`wk site\`. */
+:root {
+  color-scheme: light;
+  --bg: #f7f7f4;
+  --panel: #fffdf7;
+  --panel-soft: #f0f2ed;
+  --text: #242521;
+  --muted: #63675e;
+  --border: #dcdfd6;
+  --accent: #246b62;
+  --accent-strong: #163f3a;
+  --secondary: #c43f7d;
+  --code-bg: #eceee8;
+  --shadow: 0 18px 45px rgba(35, 38, 31, 0.08);
+  --shadow-strong: 0 24px 70px rgba(35, 38, 31, 0.14);
+  --radius: 8px;
+  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --sidebar-bg: linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(240, 242, 237, 0.88));
+  --hero-gradient: linear-gradient(135deg, #fffdf7 0%, #f4f6f0 100%);
+  --card-gradient: linear-gradient(180deg, #fffdf7 0%, #faf9f3 100%);
+  --brand-gradient: linear-gradient(135deg, var(--accent), var(--accent-strong));
+  --brand-mark-text: #fffaf0;
+  --badge-bg: #e5f0ed;
+  --badge-text: var(--accent-strong);
+  --tag-bg: #f8e8f1;
+  --tag-text: #743050;
+  --success-bg: #e7f3df;
+  --success-text: #2d5c1f;
+  --warning-bg: #f5e7df;
+  --warning-text: #7a3c1d;
+  --focus-ring: rgba(36, 107, 98, 0.18);
+  --gloss: rgba(36, 107, 98, 0.13);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    color-scheme: dark;
+    --bg: #111914;
+    --panel: #18221d;
+    --panel-soft: #223029;
+    --text: #f7f2e8;
+    --muted: #c7d0c9;
+    --border: #34463d;
+    --accent: #6ee7c7;
+    --accent-strong: #a7f3d0;
+    --secondary: #f0abfc;
+    --code-bg: #0d1511;
+    --shadow: 0 22px 60px rgba(4, 8, 16, 0.34);
+    --shadow-strong: 0 30px 90px rgba(4, 8, 16, 0.48);
+    --sidebar-bg: linear-gradient(180deg, rgba(24, 34, 29, 0.95), rgba(17, 25, 20, 0.9));
+    --hero-gradient: linear-gradient(135deg, #1c2b24 0%, #0f1713 100%);
+    --card-gradient: linear-gradient(180deg, #1a261f 0%, #141e18 100%);
+    --brand-gradient: linear-gradient(135deg, var(--accent), #2dd4bf);
+    --brand-mark-text: #101914;
+    --badge-bg: rgba(110, 231, 199, 0.16);
+    --badge-text: #d1fae5;
+    --tag-bg: rgba(240, 171, 252, 0.18);
+    --tag-text: #f5d0fe;
+    --success-bg: rgba(134, 239, 172, 0.16);
+    --success-text: #bbf7d0;
+    --warning-bg: rgba(253, 186, 116, 0.16);
+    --warning-text: #fed7aa;
+    --focus-ring: rgba(110, 231, 199, 0.28);
+    --gloss: rgba(110, 231, 199, 0.16);
+  }
+}
+
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --bg: #111914;
+  --panel: #18221d;
+  --panel-soft: #223029;
+  --text: #f7f2e8;
+  --muted: #c7d0c9;
+  --border: #34463d;
+  --accent: #6ee7c7;
+  --accent-strong: #a7f3d0;
+  --secondary: #f0abfc;
+  --code-bg: #0d1511;
+  --shadow: 0 22px 60px rgba(4, 8, 16, 0.34);
+  --shadow-strong: 0 30px 90px rgba(4, 8, 16, 0.48);
+  --sidebar-bg: linear-gradient(180deg, rgba(24, 34, 29, 0.95), rgba(17, 25, 20, 0.9));
+  --hero-gradient: linear-gradient(135deg, #1c2b24 0%, #0f1713 100%);
+  --card-gradient: linear-gradient(180deg, #1a261f 0%, #141e18 100%);
+  --brand-gradient: linear-gradient(135deg, var(--accent), #2dd4bf);
+  --brand-mark-text: #101914;
+  --badge-bg: rgba(110, 231, 199, 0.16);
+  --badge-text: #d1fae5;
+  --tag-bg: rgba(240, 171, 252, 0.18);
+  --tag-text: #f5d0fe;
+  --success-bg: rgba(134, 239, 172, 0.16);
+  --success-text: #bbf7d0;
+  --warning-bg: rgba(253, 186, 116, 0.16);
+  --warning-text: #fed7aa;
+  --focus-ring: rgba(110, 231, 199, 0.28);
+  --gloss: rgba(110, 231, 199, 0.16);
+}
+
+:root[data-theme="light"] {
+  color-scheme: light;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  background:
+    radial-gradient(circle at 18% -10%, var(--gloss), transparent 34rem),
+    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--secondary) 13%, transparent), transparent 28rem),
+    var(--bg);
+  color: var(--text);
+  font-family: var(--font-family);
+  line-height: 1.55;
+}
+
+a {
+  color: var(--accent);
+  text-decoration-thickness: 0.08em;
+  text-underline-offset: 0.18em;
+}
+
+code {
+  border-radius: 5px;
+  background: var(--code-bg);
+  padding: 0.12rem 0.32rem;
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+  font-size: 0.9em;
+  overflow-wrap: anywhere;
+}
+
+.skip-link {
+  position: absolute;
+  left: 1rem;
+  top: -4rem;
+  z-index: 10;
+  border-radius: 6px;
+  background: var(--text);
+  color: var(--panel);
+  padding: 0.55rem 0.8rem;
+}
+
+.skip-link:focus {
+  top: 1rem;
+}
+
+.site-shell {
+  display: grid;
+  grid-template-columns: 280px minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+.sidebar {
+  position: sticky;
+  top: 0;
+  height: 100vh;
+  overflow: auto;
+  border-right: 1px solid var(--border);
+  background: var(--sidebar-bg);
+  box-shadow: 12px 0 40px rgba(20, 24, 20, 0.04);
+  padding: 1.1rem;
+  backdrop-filter: blur(18px);
+}
+
+.sidebar-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.8rem;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 0.7rem;
+  color: var(--text);
+  text-decoration: none;
+}
+
+.brand-mark {
+  display: grid;
+  place-items: center;
+  width: 2.4rem;
+  height: 2.4rem;
+  border-radius: var(--radius);
+  background: var(--brand-gradient);
+  box-shadow: var(--shadow);
+  color: var(--brand-mark-text);
+  font-size: 0.85rem;
+  font-weight: 800;
+  letter-spacing: 0;
+}
+
+.brand strong,
+.brand small {
+  display: block;
+}
+
+.brand small,
+.nav-heading,
+.eyebrow {
+  color: var(--muted);
+  font-size: 0.76rem;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.nav-toggle {
+  display: none;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--card-gradient);
+  color: var(--text);
+  padding: 0.45rem 0.65rem;
+  font: inherit;
+  font-weight: 700;
+}
+
+.theme-control {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.18rem;
+  margin-top: 1rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--panel-soft);
+  padding: 0.18rem;
+}
+
+.theme-control button {
+  min-width: 0;
+  border: 0;
+  border-radius: calc(var(--radius) - 2px);
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.76rem;
+  font-weight: 800;
+  letter-spacing: 0;
+  padding: 0.34rem 0.2rem;
+}
+
+.theme-control button[aria-pressed="true"] {
+  background: var(--card-gradient);
+  box-shadow: var(--shadow);
+  color: var(--accent-strong);
+}
+
+.theme-control button:focus-visible,
+.nav-toggle:focus-visible,
+.nav-link:focus-visible,
+a:focus-visible {
+  outline: 3px solid var(--focus-ring);
+  outline-offset: 2px;
+}
+
+input[type="search"] {
+  width: 100%;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--panel);
+  color: var(--text);
+  padding: 0.7rem 0.78rem;
+  font: inherit;
+}
+
+input[type="search"]:focus {
+  border-color: var(--accent);
+  outline: 3px solid var(--focus-ring);
+}
+
+.nav {
+  display: grid;
+  gap: 0.2rem;
+  margin-top: 1.2rem;
+}
+
+.nav-heading {
+  margin: 1rem 0 0.25rem;
+}
+
+.nav-link {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.7rem;
+  border-radius: var(--radius);
+  color: var(--text);
+  padding: 0.5rem 0.58rem;
+  text-decoration: none;
+}
+
+.nav-link:hover,
+.nav-link.active {
+  background: var(--panel-soft);
+  color: var(--accent-strong);
+}
+
+.nav-link span {
+  min-width: 1.7rem;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  color: var(--muted);
+  padding: 0.02rem 0.45rem;
+  text-align: center;
+  font-size: 0.76rem;
+}
+
+.content {
+  width: min(100%, 1120px);
+  min-width: 0;
+  padding: 2.3rem clamp(1rem, 4vw, 4rem) 4rem;
+}
+
+.page-header {
+  margin-bottom: 1.5rem;
+}
+
+.page-header h1 {
+  margin: 0.15rem 0 0.45rem;
+  font-size: clamp(2rem, 4vw, 3.8rem);
+  line-height: 1;
+}
+
+.page-header p {
+  max-width: 760px;
+  color: var(--muted);
+  font-size: 1.08rem;
+}
+
+.hero-panel {
+  display: grid;
+  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.9fr);
+  gap: 1rem;
+  align-items: stretch;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--hero-gradient);
+  box-shadow: var(--shadow-strong);
+  padding: clamp(1.1rem, 3vw, 2rem);
+}
+
+.hero-panel h2,
+.section-heading h2 {
+  margin: 0.2rem 0 0;
+  font-size: clamp(1.35rem, 2vw, 2rem);
+  line-height: 1.15;
+}
+
+.hero-panel p {
+  max-width: 680px;
+  color: var(--muted);
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.7rem;
+  margin: 0;
+}
+
+.stats-grid div {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: color-mix(in srgb, var(--panel) 82%, transparent);
+  padding: 0.9rem;
+}
+
+.stats-grid dt {
+  color: var(--muted);
+  font-size: 0.8rem;
+}
+
+.stats-grid dd {
+  margin: 0.1rem 0 0;
+  font-size: 1.7rem;
+  font-weight: 800;
+}
+
+.section {
+  margin-top: 2rem;
+}
+
+.section-heading {
+  margin-bottom: 0.9rem;
+}
+
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.85rem;
+}
+
+.card-grid.compact {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.section-card,
+.record-card,
+.search-result,
+.empty-state,
+.search-panel,
+.record-meta,
+.sources-panel {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--card-gradient);
+}
+
+.section-card {
+  display: block;
+  min-width: 0;
+  min-height: 9.5rem;
+  color: var(--text);
+  padding: 1rem;
+  text-decoration: none;
+}
+
+.section-card:hover,
+.record-card:hover,
+.search-result:hover {
+  border-color: var(--focus-ring);
+  box-shadow: var(--shadow-strong);
+}
+
+.section-card span {
+  color: var(--secondary);
+  font-size: 0.8rem;
+  font-weight: 700;
+}
+
+.section-card strong {
+  display: block;
+  margin: 0.35rem 0;
+  font-size: 1.25rem;
+}
+
+.section-card p,
+.record-card p,
+.search-result p {
+  margin-bottom: 0;
+  color: var(--muted);
+}
+
+.record-list {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.record-card,
+.search-result {
+  min-width: 0;
+  padding: 1rem;
+}
+
+.record-card-top,
+.record-card footer,
+.record-title-row,
+.search-result footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.record-card-top {
+  justify-content: space-between;
+}
+
+.record-card-top > *,
+.record-card footer > *,
+.search-result footer > *,
+.tag-list span {
+  min-width: 0;
+}
+
+.record-card h3,
+.search-result h3 {
+  margin: 0.6rem 0 0.25rem;
+  font-size: 1.15rem;
+}
+
+.record-card h3,
+.record-card p,
+.search-result h3,
+.search-result p,
+.section-card strong,
+.section-card p,
+.prose,
+.record-meta,
+.sources-panel {
+  overflow-wrap: anywhere;
+}
+
+.work-card code {
+  max-width: 100%;
+  white-space: normal;
+}
+
+.record-card h3 a,
+.search-result h3 a {
+  color: var(--text);
+}
+
+.record-card footer,
+.search-result footer {
+  justify-content: space-between;
+  margin-top: 0.85rem;
+}
+
+.type-badge,
+.audience-badge,
+.confidence,
+.tag-list span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.45rem;
+  border-radius: 999px;
+  padding: 0.12rem 0.5rem;
+  font-size: 0.76rem;
+  font-weight: 700;
+}
+
+.type-badge {
+  background: var(--badge-bg);
+  color: var(--badge-text);
+}
+
+.audience-badge {
+  background: var(--panel-soft);
+  color: var(--muted);
+}
+
+.confidence {
+  background: var(--panel-soft);
+  color: var(--muted);
+}
+
+.confidence.high {
+  background: var(--success-bg);
+  color: var(--success-text);
+}
+
+.confidence.low {
+  background: var(--warning-bg);
+  color: var(--warning-text);
+}
+
+.tag-list {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
+}
+
+.tag-list span {
+  background: var(--tag-bg);
+  color: var(--tag-text);
+}
+
+.record-page {
+  max-width: 860px;
+}
+
+.breadcrumbs {
+  display: flex;
+  gap: 0.45rem;
+  margin-bottom: 1rem;
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.prose {
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--panel);
+  padding: clamp(1rem, 3vw, 1.6rem);
+}
+
+.prose h2 {
+  margin: 1.3rem 0 0.3rem;
+  font-size: 1.25rem;
+}
+
+.prose h2:first-child {
+  margin-top: 0;
+}
+
+.prose p,
+.prose ul {
+  color: var(--text);
+}
+
+.record-meta {
+  margin-top: 1rem;
+  padding: 0.75rem 1rem;
+}
+
+.sources-panel {
+  margin-top: 1rem;
+  padding: 1rem;
+}
+
+.sources-panel h2 {
+  margin: 0 0 0.5rem;
+  font-size: 1rem;
+}
+
+.sources-panel ul {
+  margin: 0;
+  padding-left: 1.1rem;
+}
+
+.record-meta summary {
+  cursor: pointer;
+  font-weight: 700;
+}
+
+.record-meta dl {
+  display: grid;
+  gap: 0.55rem;
+  margin: 0.8rem 0 0;
+}
+
+.record-meta dl div {
+  display: grid;
+  grid-template-columns: 7rem minmax(0, 1fr);
+  gap: 0.75rem;
+}
+
+.record-meta dt {
+  color: var(--muted);
+  font-weight: 700;
+}
+
+.record-meta dd {
+  margin: 0;
+}
+
+.record-meta ul {
+  margin: 0;
+  padding-left: 1.1rem;
+}
+
+.search-panel {
+  padding: 1rem;
+}
+
+.search-panel label {
+  display: grid;
+  gap: 0.45rem;
+  font-weight: 700;
+}
+
+.search-results {
+  display: grid;
+  gap: 0.75rem;
+  margin-top: 1rem;
+}
+
+.empty-state {
+  color: var(--muted);
+  padding: 1rem;
+}
+
+.empty-state strong {
+  display: block;
+  color: var(--text);
+  margin-bottom: 0.2rem;
+}
+
+.site-footer {
+  margin-top: 3rem;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  padding-top: 1rem;
+  font-size: 0.9rem;
+}
+
+@media (max-width: 860px) {
+  .site-shell {
+    grid-template-columns: 1fr;
+  }
+
+  .sidebar {
+    position: static;
+    height: auto;
+    border-bottom: 1px solid var(--border);
+    border-right: 0;
+    padding: 0.85rem 1rem;
+  }
+
+  .nav-toggle {
+    display: inline-flex;
+  }
+
+  .sidebar-nav {
+    display: none;
+  }
+
+  .sidebar-nav.open {
+    display: block;
+  }
+
+  .nav {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .nav-heading {
+    grid-column: 1 / -1;
+  }
+
+  .hero-panel,
+  .card-grid,
+  .card-grid.compact {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 560px) {
+  .content {
+    padding: 1.4rem 1rem 3rem;
+  }
+
+  .nav {
+    grid-template-columns: 1fr;
+  }
+
+  .stats-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .record-meta dl div {
+    grid-template-columns: 1fr;
+    gap: 0.1rem;
+  }
+}
+
+@media print {
+  :root {
+    --bg: #ffffff;
+    --panel: #ffffff;
+    --shadow: none;
+  }
+
+  body {
+    background: #ffffff;
+  }
+
+  .site-shell {
+    display: block;
+  }
+
+  .sidebar,
+  .skip-link,
+  .nav-toggle,
+  script {
+    display: none !important;
+  }
+
+  .content {
+    width: auto;
+    padding: 0;
+  }
+
+  .page-header,
+  .hero-panel,
+  .section,
+  .section-card,
+  .record-card,
+  .search-result,
+  .prose,
+  .record-meta,
+  .sources-panel,
+  .site-footer {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+
+  .hero-panel,
+  .section-card,
+  .record-card,
+  .search-result,
+  .prose,
+  .record-meta,
+  .sources-panel {
+    box-shadow: none;
+  }
+
+  a {
+    color: inherit;
+  }
+}
+`;
+}
+function siteJs() {
+    return `/* Generated by Wikiwiki from .wikiwiki/records. Edit structured records instead, then run \`wk site\`. */
+(function () {
+  const entries = Array.isArray(window.WIKIWIKI_SEARCH_INDEX) ? window.WIKIWIKI_SEARCH_INDEX : [];
+  const themeStorageKey = "wikiwiki-theme-mode";
+  const validThemeModes = ["auto", "light", "dark"];
+
+  function escapeHtml(value) {
+    return String(value)
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#39;");
+  }
+
+  function normalize(value) {
+    return String(value || "").toLowerCase();
+  }
+
+  function normalizeThemeMode(value) {
+    return validThemeModes.includes(value) ? value : "auto";
+  }
+
+  function applyThemeMode(mode, persist) {
+    const normalizedMode = normalizeThemeMode(mode);
+    if (normalizedMode === "light" || normalizedMode === "dark") {
+      document.documentElement.dataset.theme = normalizedMode;
+    } else {
+      delete document.documentElement.dataset.theme;
+    }
+    document.documentElement.dataset.themeMode = normalizedMode;
+    document.querySelectorAll("[data-theme-choice]").forEach((button) => {
+      button.setAttribute("aria-pressed", button.getAttribute("data-theme-choice") === normalizedMode ? "true" : "false");
+    });
+    if (persist) {
+      try {
+        localStorage.setItem(themeStorageKey, normalizedMode);
+      } catch (error) {
+        // Ignore localStorage failures in file previews and locked-down browsers.
+      }
+    }
+  }
+
+  function resultHtml(entry) {
+    const tags = Array.isArray(entry.tags) && entry.tags.length
+      ? '<span class="tag-list">' + entry.tags.slice(0, 6).map((tag) => '<span>' + escapeHtml(tag) + '</span>').join("") + '</span>'
+      : "";
+    const audience = entry.audienceLabel
+      ? '<span class="audience-badge">' + escapeHtml(entry.audienceLabel) + '</span>'
+      : "";
+    return '<article class="search-result">' +
+      '<div class="record-card-top"><span class="type-badge">' + escapeHtml(entry.typeLabel || entry.type) + '</span>' + audience + '</div>' +
+      '<h3><a href="' + encodeURI(entry.url) + '">' + escapeHtml(entry.title) + '</a></h3>' +
+      '<p>' + escapeHtml(entry.summary) + '</p>' +
+      (tags ? '<footer>' + tags + '</footer>' : '') +
+    '</article>';
+  }
+
+  function search(query) {
+    const normalizedQuery = normalize(query).trim();
+    if (!normalizedQuery) {
+      return [];
+    }
+
+    const terms = normalizedQuery.split(/\\s+/).filter(Boolean);
+    return entries
+      .map((entry) => {
+        const text = normalize([entry.title, entry.summary, entry.text, entry.id, entry.type, (entry.tags || []).join(" ")].join(" "));
+        const matchedTerms = terms.filter((term) => text.includes(term)).length;
+        return { entry, matchedTerms };
+      })
+      .filter((result) => result.matchedTerms > 0)
+      .sort((a, b) => b.matchedTerms - a.matchedTerms || a.entry.title.localeCompare(b.entry.title))
+      .slice(0, 50)
+      .map((result) => result.entry);
+  }
+
+  function updateSearchPage(query) {
+    const resultsRoot = document.querySelector("[data-search-results]");
+    if (!resultsRoot) {
+      return;
+    }
+
+    if (!normalize(query).trim()) {
+      resultsRoot.innerHTML = '<div class="empty-state"><strong>Search is ready.</strong><p>Try a concept, decision, tag, or source file. Results stay local to this generated site.</p></div>';
+      return;
+    }
+
+    const matches = search(query);
+    resultsRoot.innerHTML = matches.length
+      ? matches.map(resultHtml).join("")
+      : '<div class="empty-state">No matching records.</div>';
+  }
+
+  const params = new URLSearchParams(window.location.search);
+  const initialQuery = params.get("q") || "";
+  const pageInput = document.querySelector("[data-search-page-input]");
+  if (pageInput) {
+    pageInput.value = initialQuery;
+    pageInput.addEventListener("input", () => updateSearchPage(pageInput.value));
+    updateSearchPage(initialQuery);
+  }
+
+  document.querySelectorAll("[data-site-search]").forEach((input) => {
+    input.addEventListener("keydown", (event) => {
+      if (event.key !== "Enter") {
+        return;
+      }
+      event.preventDefault();
+      const target = input.getAttribute("data-search-target") || "search.html";
+      const query = input.value ? "?q=" + encodeURIComponent(input.value) : "";
+      window.location.href = target + query;
+    });
+  });
+
+  document.querySelectorAll("[data-nav-toggle]").forEach((button) => {
+    button.addEventListener("click", () => {
+      const nav = document.querySelector("[data-sidebar-nav]");
+      if (!nav) {
+        return;
+      }
+      const isOpen = nav.classList.toggle("open");
+      button.setAttribute("aria-expanded", isOpen ? "true" : "false");
+    });
+  });
+
+  const defaultThemeMode = normalizeThemeMode(document.documentElement.getAttribute("data-default-theme") || "auto");
+  let savedThemeMode = "";
+  try {
+    savedThemeMode = localStorage.getItem(themeStorageKey) || "";
+  } catch (error) {
+    savedThemeMode = "";
+  }
+  applyThemeMode(savedThemeMode || defaultThemeMode, false);
+  document.querySelectorAll("[data-theme-choice]").forEach((button) => {
+    button.addEventListener("click", () => {
+      applyThemeMode(button.getAttribute("data-theme-choice") || "auto", true);
+    });
+  });
+}());
+`;
+}
+//# sourceMappingURL=site.js.map