@dogsbay/ssg 0.2.0-beta.152 → 0.2.0-beta.154

package/dist/package/client.mjs

@@ -196,7 +196,7 @@ if (document.readyState === "loading") {
 document.addEventListener("astro:page-load", init);
 
 // src/client/search.ts
-import { loadDetails, parseQuery as parseQuery2, scriptData, search } from "@dogsbay/search/query";
+import { loadDetails, parseQuery as parseQuery2, scriptData, search, searchSources } from "@dogsbay/search/query";
 
 // src/client/pagefind.ts
 import { parseQuery } from "@dogsbay/search/query";
@@ -221,14 +221,118 @@ function pagefindSearch(unitRoot) {
     const more = Promise.all(hits.slice(10, 30).map((h, i) => toResult(h, i + 10)));
     more.catch(() => {
     });
-    return { results: first, more, total: hits.length, highlight: parseQuery(q).highlight };
+    const later = (from, n) => Promise.all(hits.slice(from, from + n).map((h, i) => toResult(h, from + i)));
+    return { results: first, more, later, total: hits.length, highlight: parseQuery(q).highlight };
   };
 }
 function text(html) {
   return new DOMParser().parseFromString(html, "text/html").body.textContent ?? "";
 }
 
+// src/client/search-scope.ts
+function searchScopes(site, ownPrefix) {
+  const units = site?.units ?? [];
+  const own = units.find((u) => u.prefix === ownPrefix);
+  if (!own) return {};
+  const productKey = (u) => u.product ?? "";
+  const versionsOf = (product) => site?.products?.[product] ?? { versions: site?.versions, defaultVersion: site?.defaultVersion };
+  const versionDef = (u) => versionsOf(productKey(u)).versions?.find((v) => v.id === u.version);
+  const productLabel = (product) => site?.products?.[product]?.label ?? (product || site?.name || "");
+  const label = (u) => [
+    productKey(u) !== productKey(own) ? productLabel(productKey(u)) : "",
+    u.version !== void 0 ? versionDef(u)?.label ?? u.version : ""
+  ].filter(Boolean).join(" \xB7 ");
+  const scoped = (u) => ({ prefix: u.prefix, product: productKey(u), label: label(u), own: u === own, versioned: u.version !== void 0 });
+  const sameLocale = units.filter((u) => u.locale === own.locale);
+  const own_ = versionsOf(productKey(own));
+  const order = (own_.versions ?? []).map((v) => v.id);
+  const rank = (u) => u === own ? -2 : u.version === own_.defaultVersion ? -1 : versionDef(u)?.prerelease ? order.length + order.indexOf(u.version) : order.indexOf(u.version);
+  const versions = sameLocale.filter((u) => productKey(u) === productKey(own) && u.version !== void 0 && (u === own || !versionDef(u)?.hidden)).sort((a, b) => rank(a) - rank(b));
+  const products = [];
+  for (const u of sameLocale) {
+    const key = productKey(u);
+    if (products.some((p) => productKey(p) === key)) continue;
+    if (key === productKey(own)) {
+      products.push(own);
+      continue;
+    }
+    const mine = sameLocale.filter((x) => productKey(x) === key);
+    const def = versionsOf(key).defaultVersion;
+    products.push(mine.find((x) => x.version === def) ?? mine.find((x) => !versionDef(x)?.hidden) ?? mine[0]);
+  }
+  const out = {};
+  if (versions.length > 1) out.versions = versions.map(scoped);
+  if (products.length > 1) out.products = products.map(scoped);
+  if (out.versions || out.products) out.version = [scoped(own)];
+  return out;
+}
+var OWN_UNIT_BOOST = 1.5;
+
+// src/client/search-facets.ts
+function docFacets(meta, id) {
+  const out = {};
+  const tags = meta.docs[id]?.[3];
+  if (tags?.length) out.tag = tags.map((x) => meta.tags[x]).filter((x) => typeof x === "string");
+  const ids = meta.docs[id]?.[4];
+  if (!ids || !meta.facets) return out;
+  meta.facets.forEach((f, i) => {
+    const v = ids[i];
+    if (v?.length) out[f.name] = v.map((x) => f.values[x]).filter((x) => typeof x === "string");
+  });
+  return out;
+}
+var norm = (v) => v.trim().toLowerCase();
+function passes(values, filters, except) {
+  for (const [name, wanted] of Object.entries(filters)) {
+    if (name === except || !wanted.length) continue;
+    const have = new Set((values[name] ?? []).map(norm));
+    if (!wanted.some((w) => have.has(norm(w)))) return false;
+  }
+  return true;
+}
+function filterResults(results, valuesOf, filters) {
+  return results.filter((r) => passes(valuesOf(r), filters));
+}
+function countFacets(results, valuesOf, filters, names) {
+  const out = {};
+  for (const name of names) {
+    const counts = {};
+    const seen = /* @__PURE__ */ new Map();
+    for (const r of results) {
+      const values = valuesOf(r);
+      if (!values[name]?.length || !passes(values, filters, name)) continue;
+      const mine = /* @__PURE__ */ new Set();
+      for (const v of values[name]) {
+        if (mine.has(norm(v))) continue;
+        mine.add(norm(v));
+        const key = seen.get(norm(v)) ?? (seen.set(norm(v), v), v);
+        counts[key] = (counts[key] ?? 0) + 1;
+      }
+    }
+    for (const w of filters[name] ?? []) if (!seen.has(norm(w))) counts[w] = 0;
+    if (Object.keys(counts).length) out[name] = counts;
+  }
+  return out;
+}
+function filtersFromParams(params, names) {
+  const out = {};
+  for (const f of params.getAll("filter")) {
+    const i = f.indexOf(":");
+    if (i <= 0) continue;
+    const name = f.slice(0, i);
+    const value = f.slice(i + 1);
+    if (!names.includes(name) || !value) continue;
+    if (!(out[name] ??= []).some((v) => norm(v) === norm(value))) out[name].push(value);
+  }
+  return out;
+}
+
 // src/client/search.ts
+import { buildFacetTree, countActiveFilters, resolveFacetLabel, shapeFacets, sortFacetNames, toggleFilter } from "@dogsbay/search/facets";
+var RETRY_AFTER_MS = 6e4;
+var DIALOG_RESULTS = 30;
+var PAGE_RESULTS = 20;
+var SCOPES = ["version", "versions", "products"];
 function initSearch(opts) {
   const { signal } = opts;
   const dialog = document.getElementById("db-search");
@@ -236,29 +340,119 @@ function initSearch(opts) {
   const input = dialog.querySelector("[data-db-search-input]");
   const list = dialog.querySelector("[data-part='listbox']");
   const status = dialog.querySelector("[data-db-search-status]");
-  const hint = status.textContent ?? "";
-  const data = scriptData(`${opts.unitRoot}_dogsbay/search/`, opts.loadScript, window);
-  const engine = document.body.dataset.search ?? "builtin";
-  const served = location.protocol !== "file:";
-  const pagefind = engine === "pagefind" || engine === "both" && served ? pagefindSearch(opts.unitRoot) : void 0;
-  const needsServer = engine === "pagefind" && !served;
+  const ui = wire(opts, { input, list, status, page: false });
   dialog.addEventListener("db-dialog:open", () => {
     input.focus();
     input.select();
-    if (needsServer) status.textContent = list.dataset.needsServer ?? "";
-    else if (!pagefind) void data.meta().catch(() => status.textContent = "Search index could not be loaded.");
+    ui.activate();
   }, { signal });
   document.addEventListener("keydown", (e) => {
     const typing = e.target.closest("input, textarea, select, [contenteditable]");
     if (e.key === "/" && !typing || e.key.toLowerCase() === "k" && (e.metaKey || e.ctrlKey)) {
       e.preventDefault();
-      if (!dialog.open) dialog.show();
+      const own = document.querySelector("[data-db-search-page] [data-db-search-input]");
+      if (own && !dialog.open) own.focus();
+      else if (!dialog.open) dialog.show();
       else input.focus();
     }
   }, { signal });
-  list.addEventListener("click", (e) => {
+  dialog.addEventListener("click", (e) => {
     if (e.target.closest("a")) dialog.close("api");
   }, { signal });
+}
+function initSearchPage(opts) {
+  const root = document.querySelector("[data-db-search-page]");
+  if (!root) return;
+  const input = root.querySelector("[data-db-search-input]");
+  const list = root.querySelector("[data-db-search-list]");
+  const status = root.querySelector("[data-db-search-status]");
+  const params = readParams();
+  const p = params.get("p") || void 0;
+  const v = params.get("v") || void 0;
+  const scope = params.get("scope") ?? (params.get("q") ? "version" : void 0);
+  const ui = wire(opts, { input, list, status, page: true, params, scope, forward: p !== void 0 || v !== void 0 ? { product: p, version: v } : void 0 });
+  root.querySelector("form")?.addEventListener("submit", (e) => e.preventDefault(), { signal: opts.signal });
+  input.value = params.get("q") ?? "";
+  ui.activate();
+  if (input.value.trim()) ui.run();
+}
+function readParams() {
+  const q = new URLSearchParams(location.search);
+  if (location.hash.includes("=")) {
+    for (const [k, v] of new URLSearchParams(location.hash.slice(1))) if (!q.has(k)) q.set(k, v);
+  }
+  return q;
+}
+var inFragment = () => !location.search && location.hash.includes("=");
+function wire(opts, { input, list, status, page, scope: askedScope, forward, params }) {
+  const { signal } = opts;
+  const hint = status.textContent ?? "";
+  const data = scriptData(`${opts.unitRoot}_dogsbay/search/`, opts.loadScript, window);
+  const engine = document.body.dataset.search ?? "builtin";
+  const served = location.protocol !== "file:";
+  const pagefind = engine === "pagefind" || engine === "both" && served ? pagefindSearch(opts.unitRoot) : void 0;
+  const needsServer = engine === "pagefind" && !served;
+  const siteRoot = opts.siteRoot ?? "";
+  const ownPrefix = opts.prefix ?? "";
+  let scopes = {};
+  let scope = "version";
+  let scopesLoaded;
+  const scopeKey = `db-search-scope:${new URL(siteRoot || "./", location.href).pathname}`;
+  const applyScopes = () => {
+    const site = window.__DOGSBAY_SITE__;
+    if (forward && site && forwardTo(site)) return;
+    forward = void 0;
+    if (pagefind) return;
+    scopes = searchScopes(site, ownPrefix);
+    const wanted = askedScope ?? session(() => sessionStorage.getItem(scopeKey));
+    const before = scope;
+    if (wanted && Object.prototype.hasOwnProperty.call(scopes, wanted)) scope = wanted;
+    chips();
+    if (scope !== before && input.value.trim()) void run(++seq);
+  };
+  const forwardTo = (site) => {
+    const units = site.units ?? [];
+    const own = units.find((u) => u.prefix === ownPrefix);
+    if (!own) return false;
+    const product = forward.product ?? own.product ?? "";
+    const mine = units.filter((u) => u.locale === own.locale && (u.product ?? "") === product);
+    const def = site.products?.[product]?.defaultVersion ?? site.defaultVersion;
+    const target = forward.version !== void 0 ? mine.find((u) => u.version === forward.version || u.prefix && u.prefix.split("/").pop() === forward.version) : mine.find((u) => u === own) ?? mine.find((u) => u.version === def) ?? mine[0];
+    if (!target || target.prefix === ownPrefix || !target.search) return false;
+    const keep = new URLSearchParams(params);
+    keep.delete("p");
+    keep.delete("v");
+    const query = keep.toString();
+    location.replace(`${rootOf(target.prefix)}${target.search}${query ? inFragment() ? `#${query}` : `?${query}` : ""}`);
+    return true;
+  };
+  const loadScopes = () => scopesLoaded ??= opts.loadScript(`${siteRoot}_dogsbay/site.js`).then(applyScopes, applyScopes);
+  const rootOf = (prefix) => `${siteRoot}${prefix ? `${prefix}/` : ""}`;
+  const sources = /* @__PURE__ */ new Map([[ownPrefix, data]]);
+  const dataOf = (prefix) => {
+    let d = sources.get(prefix);
+    if (!d) sources.set(prefix, d = scriptData(`${rootOf(prefix)}_dogsbay/search/`, opts.loadScript, window));
+    return d;
+  };
+  const failedAt = /* @__PURE__ */ new Map();
+  const facetsBox = (page ? list.closest("[data-db-search-page]") : list.closest("dialog"))?.querySelector("[data-db-search-facets]") ?? void 0;
+  const display = (() => {
+    try {
+      return JSON.parse(list.dataset.facets ?? "{}");
+    } catch {
+      return {};
+    }
+  })();
+  const facetNames = facetsBox ? Object.keys(display) : [];
+  let filters = page && params ? filtersFromParams(params, facetNames) : {};
+  const activate = () => {
+    if (forward) void loadScopes();
+    if (needsServer) status.textContent = list.dataset.needsServer ?? "";
+    else if (!pagefind) {
+      void data.meta().catch(() => status.textContent = "Search index could not be loaded.");
+      void loadScopes();
+    }
+  };
   let seq = 0;
   let parsed;
   let timer;
@@ -275,51 +469,137 @@ function initSearch(opts) {
         observer.unobserve(e.target);
       }
   }) : void 0;
+  const keepAddress = (q) => {
+    if (!page || forward) return;
+    const p = new URLSearchParams();
+    if (q) p.set("q", q);
+    if (scope !== "version") p.set("scope", scope);
+    for (const [name, values] of Object.entries(filters)) for (const v of values) p.append("filter", `${name}:${v}`);
+    const s = p.toString();
+    const hashed = inFragment();
+    session(() => history.replaceState(history.state, "", `${location.pathname}${s ? hashed ? `${location.search}#${s}` : `?${s}` : ""}`));
+  };
   const run = async (mine) => {
     const q = input.value.trim();
+    keepAddress(q);
     if (!q) {
       observer?.disconnect();
       pending.clear();
       filterBar.hidden = true;
+      if (facetsBox) facetsBox.hidden = true;
+      last = void 0;
       list.replaceChildren();
+      more.hidden = seeAll.hidden = true;
       status.textContent = hint;
       return;
     }
     if (needsServer) return;
+    last = void 0;
     try {
       if (pagefind) {
         const found = await pagefind(q);
         if (mine !== seq) return;
-        render(q, found.results, found.highlight, found.total);
-        const more = await found.more;
-        if (mine === seq && more.length) append(q, more, found.highlight);
+        if (page) {
+          const rest = await found.more;
+          if (mine !== seq) return;
+          render(q, [...found.results, ...rest].slice(0, PAGE_RESULTS), found.highlight, found.total, found.later);
+        } else {
+          render(q, found.results, found.highlight, found.total);
+          const rest = await found.more;
+          if (mine === seq && rest.length) append(q, rest, found.highlight);
+        }
+      } else if (scope !== "version" && scopes[scope]) {
+        const now = Date.now();
+        const all = scopes[scope];
+        const units = all.filter((u) => u.own || now - (failedAt.get(u.prefix) ?? -Infinity) > RETRY_AFTER_MS);
+        const found = await searchSources(q, units.map((u) => ({ data: dataOf(u.prefix), boost: u.own ? OWN_UNIT_BOOST : 1, collapse: u.product })));
+        for (const i of found.missing) failedAt.set(units[i].prefix, Date.now());
+        if (mine !== seq) return;
+        parsed = found.parsed;
+        const shown = found.results.map((r) => {
+          const u = units[r.source];
+          return Object.assign(r, {
+            base: rootOf(u.prefix),
+            from: u.own ? void 0 : u.label,
+            also: r.others?.map((o) => units[o.source].label).filter(Boolean),
+            data: dataOf(u.prefix)
+          });
+        });
+        const missing = found.missing.length + all.length - units.length;
+        await show(mine, q, shown, found.parsed.highlight, missing ? ` \xB7 ${(list.dataset.unavailable ?? "{n}").replace("{n}", String(missing))}` : "");
       } else {
         const found = await search(q, data);
         if (mine !== seq) return;
         parsed = found.parsed;
-        render(q, found.results.slice(0, 30), found.parsed.highlight, found.results.length, found.results);
+        await show(mine, q, found.results, found.parsed.highlight, "");
       }
     } catch {
-      if (mine === seq) status.textContent = "Search index could not be loaded.";
+      if (mine !== seq) return;
+      status.textContent = "Search index could not be loaded.";
+      if (facetsBox) facetsBox.hidden = true;
     }
   };
   const filterBar = document.createElement("div");
   filterBar.setAttribute("role", "group");
   filterBar.setAttribute("aria-label", list.dataset.filterSection ?? "Filter by section");
-  filterBar.className = "flex flex-wrap gap-1 px-3 pb-2";
+  filterBar.className = page ? "flex flex-wrap gap-1 pb-3" : "flex flex-wrap gap-1 px-3 pb-2";
   filterBar.hidden = true;
   list.before(filterBar);
+  const scopeBar = document.createElement("div");
+  scopeBar.setAttribute("role", "group");
+  scopeBar.setAttribute("aria-label", list.dataset.scope ?? "Search in");
+  scopeBar.className = page ? "flex flex-wrap items-center gap-1 pb-3" : "flex flex-wrap items-center gap-1 px-3 pb-2";
+  scopeBar.hidden = true;
+  filterBar.before(scopeBar);
+  const seeAll = document.createElement("a");
+  seeAll.className = "mx-3 mb-2 mt-1 block rounded-md px-3 py-2 text-center text-sm font-medium hover:bg-accent";
+  seeAll.dataset.dbSearchSeeAll = "";
+  seeAll.hidden = true;
+  const more = document.createElement("button");
+  more.type = "button";
+  more.className = "mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-accent";
+  more.textContent = list.dataset.more ?? "More results";
+  more.hidden = true;
+  list.after(page ? more : seeAll);
+  const chips = () => {
+    const names = SCOPES.filter((n) => scopes[n]);
+    const label = { version: scopes.version?.[0]?.versioned === false ? list.dataset.scopeProduct : list.dataset.scopeVersion, versions: list.dataset.scopeVersions, products: list.dataset.scopeProducts };
+    scopeBar.replaceChildren(
+      ...names.map((n) => {
+        const b = document.createElement("button");
+        b.type = "button";
+        b.dataset.scope = n;
+        b.setAttribute("aria-pressed", String(n === scope));
+        b.className = "rounded-md border px-2.5 py-0.5 text-xs hover:bg-accent aria-pressed:bg-primary aria-pressed:text-primary-foreground";
+        b.textContent = label[n] ?? n;
+        b.addEventListener("click", () => {
+          if (scope === n) return;
+          scope = n;
+          session(() => sessionStorage.setItem(scopeKey, n));
+          chips();
+          scopeBar.querySelector(`[data-scope="${n}"]`)?.focus();
+          if (input.value.trim()) void run(++seq);
+          else keepAddress("");
+        }, { signal });
+        return b;
+      })
+    );
+    scopeBar.hidden = names.length < 2;
+  };
   signal?.addEventListener("abort", () => {
     clearTimeout(timer);
     seq++;
     observer?.disconnect();
     pending.clear();
     filterBar.remove();
+    scopeBar.remove();
+    seeAll.remove();
+    more.remove();
   });
   const bare = (name) => name.replace(/"/g, "");
   const sectionToken = (name) => `section:"${bare(name)}"`;
   let refocus;
-  const filters = (q, all) => {
+  const sectionFilters = (q, all) => {
     const counts = /* @__PURE__ */ new Map();
     for (const r of all) if (r.section) counts.set(r.section, (counts.get(r.section) ?? 0) + 1);
     const active = [...q.matchAll(/section:"([^"]*)"/gi)].map((m) => m[1].toLowerCase());
@@ -351,37 +631,199 @@ function initSearch(opts) {
       refocus = void 0;
     }
   };
-  const render = (q, results, terms, total, all = results) => {
+  let last;
+  const show = async (mine, q, results, terms, note) => {
+    if (!facetNames.length) {
+      render(q, results, terms, results.length);
+      status.textContent += note;
+      return;
+    }
+    const metas = /* @__PURE__ */ new Map();
+    for (const r of results) {
+      const d = r.data ?? data;
+      if (!metas.has(d)) metas.set(d, await d.meta());
+    }
+    if (mine !== seq) return;
+    const values = new Map(results.map((r) => [r, docFacets(metas.get(r.data ?? data), r.id)]));
+    last = { q, results, terms, note, valuesOf: (r) => values.get(r) ?? {} };
+    applyFacets();
+  };
+  const applyFacets = () => {
+    if (!last) return;
+    const { q, results, terms, note, valuesOf } = last;
+    const kept = filterResults(results, valuesOf, filters);
+    renderFacets(countFacets(results, valuesOf, filters, facetNames));
+    render(q, kept, terms, kept.length);
+    status.textContent += note;
+  };
+  let refocusFacet;
+  const renderFacets = (counts) => {
+    if (!facetsBox) return;
+    const names = sortFacetNames(Object.keys(counts), display);
+    facetsBox.hidden = !names.length;
+    if (!names.length) return facetsBox.replaceChildren();
+    const box = (name, value, label, count) => {
+      const row = document.createElement("label");
+      row.className = "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1 hover:bg-accent";
+      const cb = document.createElement("input");
+      cb.type = "checkbox";
+      cb.dataset.facetName = name;
+      cb.dataset.facetValue = value;
+      cb.checked = (filters[name] ?? []).some((v) => v.toLowerCase() === value.toLowerCase());
+      cb.className = "size-3.5 rounded border-border accent-primary";
+      const text2 = document.createElement("span");
+      text2.className = "flex-1 truncate";
+      text2.textContent = label;
+      const n = document.createElement("span");
+      n.className = "text-xs text-muted-foreground";
+      n.textContent = String(count);
+      row.append(cb, text2, n);
+      return row;
+    };
+    const tree = (name, nodes) => {
+      const ul = document.createElement("ul");
+      ul.className = "space-y-0.5";
+      for (const node of nodes) {
+        const li = document.createElement("li");
+        if (node.hasValue) li.append(box(name, node.value, node.label, node.count));
+        else {
+          const span = document.createElement("span");
+          span.className = "block px-2 py-1 text-muted-foreground";
+          span.textContent = node.label;
+          li.append(span);
+        }
+        if (node.children.length) {
+          const sub = tree(name, node.children);
+          sub.classList.add("ml-4");
+          li.append(sub);
+        }
+        ul.append(li);
+      }
+      return ul;
+    };
+    const parts = [];
+    const active = countActiveFilters(filters);
+    if (active) {
+      const clear = document.createElement("button");
+      clear.type = "button";
+      clear.dataset.clearFilters = "";
+      clear.className = "mb-3 w-full rounded-md border border-border px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground";
+      clear.textContent = (list.dataset.facetsClear ?? "Clear all ({n})").replace("{n}", String(active));
+      parts.push(clear);
+    }
+    for (const name of names) {
+      const entries = shapeFacets({ [name]: counts[name] })[name] ?? [];
+      const set = document.createElement("fieldset");
+      set.className = "mb-3";
+      const legend = document.createElement("legend");
+      legend.className = "mb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground";
+      legend.textContent = display[name]?.title ?? name;
+      set.append(legend);
+      if (display[name]?.hierarchical || entries.some((e) => e.value.includes("/"))) set.append(tree(name, buildFacetTree(name, entries, { display })));
+      else {
+        const ul = document.createElement("ul");
+        ul.className = "space-y-0.5";
+        for (const e of entries) {
+          const li = document.createElement("li");
+          li.append(box(name, e.value, resolveFacetLabel(name, e.value, display), e.count));
+          ul.append(li);
+        }
+        set.append(ul);
+      }
+      parts.push(set);
+    }
+    facetsBox.replaceChildren(...parts);
+    if (refocusFacet !== void 0) {
+      const again = refocusFacet ? [...facetsBox.querySelectorAll("input[data-facet-name]")].find((c) => `${c.dataset.facetName}\0${c.dataset.facetValue}` === refocusFacet) : facetsBox.querySelector("[data-clear-filters]");
+      (again ?? input).focus();
+      refocusFacet = void 0;
+    }
+  };
+  facetsBox?.addEventListener("change", (e) => {
+    const cb = e.target;
+    if (!cb.dataset.facetName) return;
+    const name = cb.dataset.facetName;
+    const value = cb.dataset.facetValue;
+    const selected = (filters[name] ?? []).find((v) => v.toLowerCase() === value.toLowerCase());
+    filters = toggleFilter(filters, name, selected ?? value);
+    refocusFacet = `${name}\0${value}`;
+    keepAddress(input.value.trim());
+    applyFacets();
+  }, { signal });
+  facetsBox?.addEventListener("click", (e) => {
+    if (!e.target.closest("[data-clear-filters]")) return;
+    filters = {};
+    refocusFacet = "";
+    keepAddress(input.value.trim());
+    applyFacets();
+  }, { signal });
+  let current2;
+  const render = (q, results, terms, total, later) => {
     observer?.disconnect();
     pending.clear();
-    filters(q, all);
-    list.replaceChildren(...items(q, results, terms));
+    sectionFilters(q, results);
+    const first = results.slice(0, page ? PAGE_RESULTS : DIALOG_RESULTS);
+    current2 = { q, results, terms, shown: first.length, total, later };
+    list.replaceChildren(...items(q, first, terms));
     status.textContent = total ? `${total} result${total === 1 ? "" : "s"}` : `${list.dataset.noResults} \u201C${q}\u201D`;
+    more.hidden = !page || !hasMore();
+    seeAll.hidden = page || !total || !list.dataset.searchPage;
+    if (!seeAll.hidden) {
+      const p = new URLSearchParams({ q });
+      if (scope !== "version") p.set("scope", scope);
+      for (const [name, values] of Object.entries(filters)) for (const v of values) p.append("filter", `${name}:${v}`);
+      seeAll.href = `${list.dataset.searchPage}?${p}`;
+      seeAll.textContent = (list.dataset.seeAll ?? "See all {n} results").replace("{n}", String(total));
+    }
   };
   const append = (q, results, terms) => list.append(...items(q, results, terms));
+  const hasMore = () => !!current2 && (current2.results.length > current2.shown || !!current2.later && current2.shown < current2.total);
+  more.addEventListener("click", async () => {
+    const c = current2;
+    if (!c) return;
+    let next = c.results.slice(c.shown, c.shown + PAGE_RESULTS);
+    if (!next.length && c.later) {
+      next = await c.later(c.shown, PAGE_RESULTS).catch(() => []);
+      if (c !== current2) return;
+      c.results.push(...next);
+    }
+    const added = items(c.q, next, c.terms);
+    list.append(...added);
+    c.shown += next.length;
+    more.hidden = !next.length || !hasMore();
+    added[0]?.querySelector("a")?.focus();
+  }, { signal });
   const items = (q, results, terms) => {
     const items2 = [];
     for (const r of results) {
-      const page = option(r.url, terms, "block rounded-md p-3 hover:bg-accent");
+      const base = r.base ?? opts.unitRoot;
+      const result = option(base, r.url, terms, "block rounded-md p-3 hover:bg-accent");
       const t = document.createElement("div");
       t.className = "font-medium";
       t.append(...highlight(r.title, terms));
-      page.a.appendChild(t);
-      if (r.section) {
+      result.a.appendChild(t);
+      const where = [r.from, r.section].filter(Boolean).join(" \xB7 ");
+      if (where) {
         const s = document.createElement("div");
         s.className = "text-xs text-muted-foreground";
-        s.textContent = r.section;
-        page.a.appendChild(s);
+        s.textContent = where;
+        result.a.appendChild(s);
       }
       const excerpt = document.createElement("div");
       excerpt.className = "mt-1 line-clamp-2 text-xs text-muted-foreground";
-      page.a.appendChild(excerpt);
-      items2.push(page.li);
+      result.a.appendChild(excerpt);
+      if (r.also?.length) {
+        const also = document.createElement("div");
+        also.className = "mt-1 text-xs text-muted-foreground";
+        also.textContent = `${list.dataset.alsoIn ?? "Also in"} ${r.also.join(", ")}`;
+        result.a.appendChild(also);
+      }
+      items2.push(result.li);
       const fill = () => {
         if (!r.fragment) return [];
         if (r.fragment[0]) excerpt.replaceChildren(...highlight(r.fragment[0], terms));
         return (r.sections ?? []).map(([text2, id]) => {
-          const sub = option(`${r.url}#${id}`, terms, "ml-4 block rounded-md border-l px-3 py-1.5 text-sm hover:bg-accent");
+          const sub = option(base, `${r.url}#${id}`, terms, "ml-4 block rounded-md border-l px-3 py-1.5 text-sm hover:bg-accent");
           sub.a.append(...highlight(text2, terms));
           return sub.li;
         });
@@ -389,26 +831,36 @@ function initSearch(opts) {
       if (r.fragment) items2.push(...fill());
       else if (observer) {
         const p = parsed ?? parseQuery2(q);
-        pending.set(page.li, () => void loadDetails(p, [r], data).then(() => page.li.after(...fill()), () => {
+        pending.set(result.li, () => void loadDetails(p, [r], r.data ?? data).then(() => result.li.after(...fill()), () => {
         }));
-        observer.observe(page.li);
+        observer.observe(result.li);
       }
     }
     return items2;
   };
-  const option = (url, terms, className) => {
+  const option = (base, url, terms, className) => {
     const li = document.createElement("li");
-    li.setAttribute("role", "none");
+    if (!page) li.setAttribute("role", "none");
     li.className = "mb-1";
     const a = document.createElement("a");
-    a.setAttribute("data-part", "option");
-    a.dataset.value = url;
-    a.href = withHighlight(opts.unitRoot + url, terms);
-    a.tabIndex = -1;
+    if (!page) {
+      a.setAttribute("data-part", "option");
+      a.dataset.value = url;
+      a.tabIndex = -1;
+    }
+    a.href = withHighlight(base + url, terms);
     a.className = className;
     li.appendChild(a);
     return { li, a };
   };
+  return { activate, run: () => void run(++seq) };
+}
+function session(f) {
+  try {
+    return f();
+  } catch {
+    return void 0;
+  }
 }
 function withHighlight(href, terms) {
   if (!terms.length) return href;
@@ -557,20 +1009,28 @@ function isRelativeTarget(t) {
 
 // src/client/mount.ts
 var loaded = /* @__PURE__ */ new Map();
+var LOAD_TIMEOUT_MS = 15e3;
 function loadScript(src) {
   let p = loaded.get(src);
   if (!p) {
-    p = new Promise((resolve, reject) => {
+    const mine = new Promise((resolve, reject) => {
       const s = document.createElement("script");
       s.src = src;
-      s.onload = () => resolve();
-      s.onerror = () => {
-        loaded.delete(src);
+      const timer = setTimeout(() => fail(), LOAD_TIMEOUT_MS);
+      const fail = () => {
+        clearTimeout(timer);
+        s.onload = s.onerror = null;
+        if (loaded.get(src) === mine) loaded.delete(src);
         reject(new Error(`could not load ${src}`));
       };
+      s.onload = () => {
+        clearTimeout(timer);
+        resolve();
+      };
+      s.onerror = fail;
       document.head.appendChild(s);
     });
-    loaded.set(src, p);
+    loaded.set(src, p = mine);
   }
   return p;
 }
@@ -693,7 +1153,10 @@ function mount(o = {}) {
   initPageActions(signal);
   if (o.switchers !== false) initSwitchers(siteRoot, signal);
   initAnchors(signal);
-  if (o.search !== false) initSearch({ unitRoot, loadScript, signal });
+  if (o.search !== false) {
+    initSearch({ unitRoot, siteRoot, prefix: body.dataset.prefix ?? "", loadScript, signal });
+    initSearchPage({ unitRoot, siteRoot, prefix: body.dataset.prefix ?? "", loadScript, signal });
+  }
   initHighlights(signal);
   initImageZoom(signal);
   const page = {