@shivaedev/work-board 0.2.1 → 0.3.0

package/dist/page/metadataLinks.js

@@ -0,0 +1,31 @@
+import { fileUrl } from "#files/url.ts";
+import { referenceTarget } from "#metadata/links.ts";
+import { sourceFile, sourceHref } from "#metadata/sourceLinks.ts";
+import { escapeHtml } from "./escape.js";
+export function referenceHtml(label, target, model) {
+    const href = referenceTarget(target, model);
+    return href
+        ? `<a href="${escapeHtml(href)}">${escapeHtml(label)}</a>`
+        : `<span>${escapeHtml(label)} (unresolved, ambiguous, or unavailable)</span>`;
+}
+export function sourceHtml(source, file, model) {
+    const href = sourceHref(source, file);
+    if (!href) {
+        return escapeHtml(source);
+    }
+    const target = sourceFile(source, file, model);
+    const missing = target && !model.documents.some((document) => document.file === target);
+    let problem = "";
+    if (missing) {
+        problem = model.unavailable.includes(target) ? " (source unavailable)" : " (missing Markdown source)";
+    }
+    return `<a href="${escapeHtml(href)}" rel="noreferrer">${escapeHtml(source)}</a>${problem}`;
+}
+export function documentReference(file, model, hash = "") {
+    const id = model.documents.find((document) => document.file === file)?.parsed.fields.id;
+    return ((id ? referenceTarget(id, model) : undefined) ?? fileUrl(file)) + hash;
+}
+export function valueHtml(text) {
+    return escapeHtml(text ?? "Not recorded");
+}
+//# sourceMappingURL=metadataLinks.js.map

package/dist/page/metadataLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadataLinks.js","sourceRoot":"","sources":["../../src/page/metadataLinks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,MAAc,EAAE,KAAoB;IAChF,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5C,OAAO,IAAI;QACV,CAAC,CAAC,YAAY,UAAU,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,CAAC,MAAM;QAC1D,CAAC,CAAC,SAAS,UAAU,CAAC,KAAK,CAAC,iDAAiD,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,MAAc,EAAE,IAAY,EAAE,KAAoB;IAC5E,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACtC,IAAI,CAAC,IAAI,EAAE,CAAC;QACX,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACxF,IAAI,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,4BAA4B,CAAC;IACvG,CAAC;IACD,OAAO,YAAY,UAAU,CAAC,IAAI,CAAC,sBAAsB,UAAU,CAAC,MAAM,CAAC,OAAO,OAAO,EAAE,CAAC;AAC7F,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY,EAAE,KAAoB,EAAE,IAAI,GAAG,EAAE;IAC9E,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACxF,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAwB;IACjD,OAAO,UAAU,CAAC,IAAI,IAAI,cAAc,CAAC,CAAC;AAC3C,CAAC"}

package/dist/page/nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAqBnD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,YAAY,EAAE,EAAE,SAAS,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,KAAG,MAMnG,CAAC"}
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoBnD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,YAAY,EAAE,EAAE,SAAS,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS,KAAG,MAQnG,CAAC"}

package/dist/page/nav.js

@@ -1,11 +1,11 @@
+import { fileUrl } from "#files/url.ts";
 import { escapeHtml } from "./escape.js";
 const nameOf = (path) => path.slice(path.lastIndexOf("/") + 1).replace(/\.md$/u, "");
 const folderOf = (path) => path.slice(0, Math.max(0, path.lastIndexOf("/")));
-const hrefOf = (path) => `/${path.split("/").map(encodeURIComponent).join("/")}`;
 const link = (file, current) => {
     const here = file.path === current ? ' aria-current="page"' : "";
     const age = `<span class="age short" data-modified="${file.modified}"></span>`;
-    return `<a href="${hrefOf(file.path)}"${here}>${escapeHtml(nameOf(file.path))}</a>${age}`;
+    return `<a href="${fileUrl(file.path)}"${here}>${escapeHtml(nameOf(file.path))}</a>${age}`;
 };
 const folder = (name, files, current) => {
     const links = files.map((file) => `<li>${link(file, current)}</li>`).join("");
@@ -16,7 +16,7 @@ export const navHtml = (files, current, home) => {
     const ordered = [...files.filter((file) => file.path === home), ...files.filter((file) => file.path !== home)];
     const folders = Map.groupBy(ordered, (file) => (file.path === home ? "" : folderOf(file.path)));
     return [...folders]
-        .map(([name, grouped]) => (name === "" ? grouped.map((file) => `<span>${link(file, current)}</span>`).join("") : folder(name, grouped, current)))
+        .map(([name, grouped]) => name === "" ? `<ul>${grouped.map((file) => `<li>${link(file, current)}</li>`).join("")}</ul>` : folder(name, grouped, current))
         .join("");
 };
 //# sourceMappingURL=nav.js.map

package/dist/page/nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../src/page/nav.ts"],"names":[],"mappings":"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"}

package/dist/page/navigationScript.d.ts

@@ -0,0 +1,2 @@
+export declare function navigationScript(): string;
+//# sourceMappingURL=navigationScript.d.ts.map

package/dist/page/navigationScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationScript.d.ts","sourceRoot":"","sources":["../../src/page/navigationScript.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,IAAI,MAAM,CAsGzC"}

package/dist/page/navigationScript.js

@@ -0,0 +1,104 @@
+export function navigationScript() {
+    return `
+import { applyPage, capturePage } from "/_board/page-state.js";
+import { reportMissingPassage, restoreReading, scrollToPassage } from "/_board/reading-state.js";
+import { refreshLibrary } from "/_board/library.js";
+
+const cache = new Map();
+const readingKey = "work-board:reading:" + document.documentElement.dataset.workspace;
+let savedReading = {};
+try {
+  const saved = JSON.parse(sessionStorage.getItem(readingKey) ?? "{}");
+  if (saved && typeof saved === "object" && !Array.isArray(saved)) savedReading = saved;
+} catch {}
+let count = 0;
+const newId = () => Date.now() + "-" + ++count;
+let displayedId = history.state?.workBoard?.id ?? newId();
+let version = 0;
+let controller;
+export const pageVersion = () => version;
+const stateWith = (id, reading = null) => ({ ...history.state, workBoard: { id, reading } });
+history.replaceState(stateWith(displayedId, history.state?.workBoard?.reading), "");
+history.scrollRestoration = "manual";
+document.getElementById("doc").dataset.scheme = document.documentElement.dataset.scheme;
+refreshLibrary(true);
+const initialReading = savedReading[displayedId] ?? history.state.workBoard.reading;
+requestAnimationFrame(() => {
+  if (initialReading) restoreReading(initialReading);
+  else scrollToPassage(location.hash);
+  reportMissingPassage();
+});
+
+const saveCurrent = (write = true) => {
+  const snapshot = capturePage();
+  cache.delete(displayedId);
+  cache.set(displayedId, snapshot);
+  delete savedReading[displayedId];
+  savedReading[displayedId] = snapshot.reading;
+  savedReading = Object.fromEntries(Object.entries(savedReading).slice(-30));
+  try { sessionStorage.setItem(readingKey, JSON.stringify(savedReading)); } catch {}
+  if (cache.size > 30) cache.delete(cache.keys().next().value);
+  if (write && history.state?.workBoard?.id === displayedId) history.replaceState(stateWith(displayedId, snapshot.reading), "");
+};
+window.addEventListener("pagehide", () => saveCurrent(false));
+
+const navigate = async (target, entry) => {
+  const sameDocument = document.getElementById("favorite-toggle") !== null && displayedId === history.state?.workBoard?.id && target.pathname === location.pathname && target.search === location.search;
+  saveCurrent(!entry);
+  const id = entry?.id ?? newId();
+  if (!entry) history.pushState(stateWith(id), "", target);
+  else if (history.state?.workBoard?.id !== id) history.replaceState(stateWith(id, entry.reading), "");
+  const mine = ++version;
+  controller?.abort();
+  controller = new AbortController();
+  const status = document.getElementById("navigation-status");
+  status.textContent = "";
+  if (!entry && sameDocument) {
+    displayedId = id;
+    scrollToPassage(target.hash);
+    return;
+  }
+  const cached = cache.get(id);
+  if (cached) {
+    applyPage(cached.page);
+    displayedId = id;
+    restoreReading(cached.reading);
+  } else status.textContent = "Opening document…";
+  try {
+    const response = await fetch(target.pathname + target.search, { cache: "no-store", signal: controller.signal });
+    const page = new DOMParser().parseFromString(await response.text(), "text/html");
+    if (mine !== version) return;
+    if (!applyPage(page, Boolean(cached))) throw new Error("Invalid page");
+    displayedId = id;
+    status.textContent = response.ok ? "" : response.status === 404 ? "This document is missing or was renamed." : "This document could not be opened.";
+    if (response.ok) reportMissingPassage();
+    if (!cached) {
+      document.getElementById("doc").focus({ preventScroll: true });
+      if (savedReading[id] ?? entry?.reading) restoreReading(savedReading[id] ?? entry.reading);
+      else scrollToPassage(target.hash);
+    }
+  } catch (error) {
+    if (mine !== version || error.name === "AbortError") return;
+    status.textContent = "Could not open this document. Retry the link or reload the page.";
+  }
+};
+document.addEventListener("click", (event) => {
+  const link = event.target.closest?.("a[href]");
+  if (!link || event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || link.hasAttribute("download") || (link.target && link.target !== "_self")) return;
+  const target = new URL(link.href, location.href);
+  if (target.origin !== location.origin || !(target.pathname === "/" || (target.pathname === "/_board/work" || target.pathname.startsWith("/_board/item/")) || /\\.md$/i.test(target.pathname))) return;
+  event.preventDefault();
+  navigate(target);
+});
+document.addEventListener("submit", (event) => {
+  const form = event.target;
+  if (!form.matches?.("#work-filters")) return;
+  event.preventDefault();
+  const target = new URL(form.action, location.href);
+  target.search = new URLSearchParams([...new FormData(form)].map(([key, value]) => [key, String(value)])).toString();
+  navigate(target);
+});
+window.addEventListener("popstate", (event) => navigate(new URL(location.href), event.state?.workBoard ?? { id: newId() }));
+`;
+}
+//# sourceMappingURL=navigationScript.js.map

package/dist/page/navigationScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationScript.js","sourceRoot":"","sources":["../../src/page/navigationScript.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGP,CAAC;AACF,CAAC"}

package/dist/page/readingStateScript.d.ts

@@ -0,0 +1,2 @@
+export declare function readingStateScript(): string;
+//# sourceMappingURL=readingStateScript.d.ts.map

package/dist/page/readingStateScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingStateScript.d.ts","sourceRoot":"","sources":["../../src/page/readingStateScript.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,IAAI,MAAM,CA4D3C"}

package/dist/page/readingStateScript.js

@@ -0,0 +1,62 @@
+export function readingStateScript() {
+    return `
+const pathOf = (node, root) => {
+  const path = [];
+  for (; node !== root; node = node.parentNode) {
+    if (!node?.parentNode) return null;
+    path.unshift([...node.parentNode.childNodes].indexOf(node));
+  }
+  return path;
+};
+const nodeAt = (path, root) => path.reduce((node, index) => node?.childNodes[index], root);
+
+export const captureReading = () => {
+  const root = document.getElementById("doc");
+  const selection = document.getSelection();
+  const anchor = selection?.anchorNode && pathOf(selection.anchorNode, root);
+  const focus = selection?.focusNode && pathOf(selection.focusNode, root);
+  return {
+    scroll: [scrollX, scrollY],
+    sidebar: document.getElementById("sidebar").scrollTop,
+    details: [...root.querySelectorAll("details")].map((detail) => detail.open),
+    selection: anchor && focus ? { anchor, focus, a: selection.anchorOffset, f: selection.focusOffset } : null,
+  };
+};
+
+export const restoreReading = (state, restoreDetails = true) => {
+  if (!state || !Array.isArray(state.scroll) || state.scroll.length !== 2 || !state.scroll.every(Number.isFinite)) return;
+  const root = document.getElementById("doc");
+  [...root.querySelectorAll("details")].forEach((detail, index) => {
+    if (restoreDetails && typeof state.details?.[index] === "boolean") detail.open = state.details[index];
+  });
+  document.getElementById("sidebar").scrollTop = state.sidebar ?? 0;
+  const saved = state.selection;
+  if (saved && Array.isArray(saved.anchor) && Array.isArray(saved.focus) && Number.isInteger(saved.a) && Number.isInteger(saved.f) && saved.a >= 0 && saved.f >= 0) {
+    const anchor = nodeAt(saved.anchor, root);
+    const focus = nodeAt(saved.focus, root);
+    const limit = (node) => node.nodeType === 3 ? node.textContent.length : node.childNodes.length;
+    if (anchor && focus) document.getSelection()?.setBaseAndExtent(anchor, Math.min(saved.a, limit(anchor)), focus, Math.min(saved.f, limit(focus)));
+  }
+  scrollTo(...state.scroll);
+};
+
+const passageAt = (hash) => {
+  try { return document.getElementById(decodeURIComponent(hash.slice(1))); } catch { return null; }
+};
+export const reportMissingPassage = () => {
+  if (!location.hash || !document.getElementById("favorite-toggle")) return;
+  const status = document.getElementById("navigation-status");
+  if (!passageAt(location.hash)) status.textContent = "This passage is no longer in the document.";
+  else if (status.textContent === "This passage is no longer in the document.") status.textContent = "";
+};
+export const scrollToPassage = (hash) => {
+  if (!hash) { scrollTo(0, 0); return; }
+  const target = passageAt(hash);
+  if (!target) { reportMissingPassage(); return; }
+  for (let parent = target.parentElement; parent; parent = parent.parentElement) if (parent.tagName === "DETAILS") parent.open = true;
+  target.scrollIntoView();
+  target.focus({ preventScroll: true });
+};
+`;
+}
+//# sourceMappingURL=readingStateScript.js.map

package/dist/page/readingStateScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingStateScript.js","sourceRoot":"","sources":["../../src/page/readingStateScript.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DP,CAAC;AACF,CAAC"}

package/dist/page/readingStyles.d.ts

@@ -0,0 +1,2 @@
+export declare function readingStyles(): string;
+//# sourceMappingURL=readingStyles.d.ts.map

package/dist/page/readingStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingStyles.d.ts","sourceRoot":"","sources":["../../src/page/readingStyles.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,IAAI,MAAM,CA2BtC"}

package/dist/page/readingStyles.js

@@ -0,0 +1,29 @@
+export function readingStyles() {
+    return `
+.reading-tools { display: flex; align-items: start; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; font-size: 13px; }
+.reading-tools button[aria-pressed="true"] { background: var(--surface); border-color: var(--link); }
+.outline { margin: 0; min-width: 180px; max-width: 100%; }
+.outline > summary { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; color: var(--text); }
+.outline nav { margin-top: 12px; padding: 0 12px; max-height: 40vh; overflow-y: auto; }
+.outline ol { padding-left: 18px; }
+.outline li { overflow-wrap: anywhere; }
+.outline li[data-depth="3"], .outline li[data-depth="4"] { margin-left: 12px; }
+.outline li[data-depth="5"], .outline li[data-depth="6"] { margin-left: 24px; }
+.heading-anchor { display: inline-block; margin-left: 8px; font-size: 0.7em; text-decoration: none; opacity: 0.35; }
+.heading-anchor::after { content: "#"; }
+.heading-anchor:hover, .heading-anchor:focus-visible { opacity: 1; }
+[id^="heading-"] { scroll-margin-top: 20px; }
+.reading-library { font-size: 13px; margin-bottom: 24px; }
+.reading-library[hidden] { display: none; }
+.reading-library ul { list-style: none; padding: 0 12px; margin: 0 0 20px; }
+.reading-library a { color: var(--sidebar-text); overflow-wrap: anywhere; }
+.reading-library a[aria-current="page"] { font-weight: 600; }
+.reading-library .missing { color: var(--sidebar-muted); }
+.library-status { padding: 0 12px; color: var(--sidebar-muted); }
+#navigation-status { color: var(--danger); overflow-wrap: anywhere; }
+#navigation-status:empty { display: none; }
+.bar:has(#navigation-status:not(:empty)) { flex-wrap: wrap; }
+#navigation-status:not(:empty) { flex-basis: 100%; }
+`;
+}
+//# sourceMappingURL=readingStyles.js.map

package/dist/page/readingStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingStyles.js","sourceRoot":"","sources":["../../src/page/readingStyles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AACF,CAAC"}

package/dist/page/readingTools.d.ts

@@ -0,0 +1,3 @@
+import type { Heading } from "#render/documentHeadings.ts";
+export declare function readingTools(headings: readonly Heading[]): string;
+//# sourceMappingURL=readingTools.d.ts.map

package/dist/page/readingTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingTools.d.ts","sourceRoot":"","sources":["../../src/page/readingTools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG3D,wBAAgB,YAAY,CAAC,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,MAAM,CAQjE"}

package/dist/page/readingTools.js

@@ -0,0 +1,10 @@
+import { escapeHtml } from "./escape.js";
+export function readingTools(headings) {
+    const outline = headings.length === 0
+        ? ""
+        : `<details class="outline" data-key="outline"><summary>On this page</summary><nav aria-label="Document outline"><ol>${headings
+            .map(({ depth, id, title }) => `<li data-depth="${depth}"><a href="#${escapeHtml(id)}">${escapeHtml(title || "Section")}</a></li>`)
+            .join("")}</ol></nav></details>`;
+    return `<div class="reading-tools"><button id="favorite-toggle" type="button" aria-pressed="false" disabled>Save favorite</button>${outline}</div>`;
+}
+//# sourceMappingURL=readingTools.js.map

package/dist/page/readingTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readingTools.js","sourceRoot":"","sources":["../../src/page/readingTools.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY,CAAC,QAA4B;IACxD,MAAM,OAAO,GACZ,QAAQ,CAAC,MAAM,KAAK,CAAC;QACpB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,qHAAqH,QAAQ;aAC5H,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,mBAAmB,KAAK,eAAe,UAAU,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,KAAK,IAAI,SAAS,CAAC,WAAW,CAAC;aAClI,IAAI,CAAC,EAAE,CAAC,uBAAuB,CAAC;IACrC,OAAO,6HAA6H,OAAO,QAAQ,CAAC;AACrJ,CAAC"}

package/dist/page/recordedEvidence.d.ts

@@ -0,0 +1,4 @@
+import type { MetadataModel } from "#metadata/model.ts";
+import type { ParsedMetadata } from "#metadata/parse.ts";
+export declare function recordedEvidence(parsed: ParsedMetadata, file: string, model: MetadataModel): string;
+//# sourceMappingURL=recordedEvidence.d.ts.map

package/dist/page/recordedEvidence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordedEvidence.d.ts","sourceRoot":"","sources":["../../src/page/recordedEvidence.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,GAAG,MAAM,CAMnG"}

package/dist/page/recordedEvidence.js

@@ -0,0 +1,10 @@
+import { escapeHtml } from "./escape.js";
+import { referenceHtml, sourceHtml, valueHtml } from "./metadataLinks.js";
+export function recordedEvidence(parsed, file, model) {
+    const records = parsed.fields.evidence ?? [];
+    if (records.length === 0) {
+        return "";
+    }
+    return `<h3>Recorded evidence</h3><p>Source claims — not independently verified. A recorded outcome does not establish human acceptance. Work Board does not check recorded revisions against the current workspace.</p><ul>${records.map((item, index) => `<li id="recorded-evidence-${index}" tabindex="-1">${sourceHtml(item.source, file, model)}<dl><dt>Recorded in</dt><dd>${escapeHtml(file)}:${parsed.lines[`evidence.${index}.source`] ?? parsed.lines.evidence ?? 1}</dd><dt>Criterion</dt><dd>${item.criterion ? referenceHtml(item.criterion, item.criterion, model) : "Not recorded"}</dd><dt>Checked revision</dt><dd>${valueHtml(item.checkedRevision)}</dd><dt>Observed time</dt><dd>${valueHtml(item.observedAt)}</dd><dt>Method</dt><dd>${valueHtml(item.method)}</dd><dt>Recorded outcome</dt><dd>${valueHtml(item.outcome)}</dd></dl></li>`).join("")}</ul>`;
+}
+//# sourceMappingURL=recordedEvidence.js.map

package/dist/page/recordedEvidence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordedEvidence.js","sourceRoot":"","sources":["../../src/page/recordedEvidence.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1E,MAAM,UAAU,gBAAgB,CAAC,MAAsB,EAAE,IAAY,EAAE,KAAoB;IAC1F,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC;IAC7C,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,OAAO,uNAAuN,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,6BAA6B,KAAK,mBAAmB,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,+BAA+B,UAAU,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,8BAA8B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,qCAAqC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,kCAAkC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,2BAA2B,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,qCAAqC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC;AACl1B,CAAC"}

package/dist/page/searchDialog.d.ts

@@ -0,0 +1,3 @@
+export declare const searchDialog = "<dialog id=\"search-dialog\" aria-labelledby=\"search-title\">\n<div class=\"search-header\"><h2 id=\"search-title\">Find work</h2><button type=\"button\" id=\"search-close\" aria-label=\"Close search\">Close</button></div>\n<form id=\"search-form\"><label for=\"search-query\">Search documents, headings, and passages</label><input id=\"search-query\" type=\"search\" autocomplete=\"off\" maxlength=\"200\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"true\" aria-controls=\"search-results\"><button type=\"submit\">Search</button></form>\n<p class=\"search-help\">Ctrl/Cmd+K to open \u00B7 \u2191/\u2193 to choose \u00B7 Enter to open \u00B7 Escape to close</p>\n<p id=\"search-status\" role=\"status\"></p><ul id=\"search-results\" role=\"listbox\" aria-label=\"Search results\"></ul>\n</dialog>";
+export declare const searchStyles = "\n#search-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}\n#search-dialog::backdrop{background:rgb(0 0 0 / .45)}\n.search-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-header h2{margin:0;font-size:1.3rem}\n#search-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:16px}#search-form label{grid-column:1/-1}#search-query{min-width:0;width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font:inherit}\n.search-help{margin-top:12px}.search-help,#search-status{font-size:.85rem;color:var(--muted)}#search-results{list-style:none;padding:0;margin:0}\n#search-results a{display:block;padding:12px;border-radius:6px;text-decoration:none;overflow-wrap:anywhere}#search-results a[aria-selected=\"true\"]{background:var(--surface);outline:2px solid var(--focus);outline-offset:-2px}\n#search-results strong,#search-results small,#search-results p{display:block}#search-results small{color:var(--muted);font-size:.8rem}#search-results p{margin:6px 0 0;font-size:.9rem}\n";
+//# sourceMappingURL=searchDialog.d.ts.map

package/dist/page/searchDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchDialog.d.ts","sourceRoot":"","sources":["../../src/page/searchDialog.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,mzBAKf,CAAC;AAEX,eAAO,MAAM,YAAY,gsCAQxB,CAAC"}

package/dist/page/searchDialog.js

@@ -0,0 +1,16 @@
+export const searchDialog = `<dialog id="search-dialog" aria-labelledby="search-title">
+<div class="search-header"><h2 id="search-title">Find work</h2><button type="button" id="search-close" aria-label="Close search">Close</button></div>
+<form id="search-form"><label for="search-query">Search documents, headings, and passages</label><input id="search-query" type="search" autocomplete="off" maxlength="200" role="combobox" aria-autocomplete="list" aria-expanded="true" aria-controls="search-results"><button type="submit">Search</button></form>
+<p class="search-help">Ctrl/Cmd+K to open · ↑/↓ to choose · Enter to open · Escape to close</p>
+<p id="search-status" role="status"></p><ul id="search-results" role="listbox" aria-label="Search results"></ul>
+</dialog>`;
+export const searchStyles = `
+#search-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}
+#search-dialog::backdrop{background:rgb(0 0 0 / .45)}
+.search-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-header h2{margin:0;font-size:1.3rem}
+#search-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:16px}#search-form label{grid-column:1/-1}#search-query{min-width:0;width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font:inherit}
+.search-help{margin-top:12px}.search-help,#search-status{font-size:.85rem;color:var(--muted)}#search-results{list-style:none;padding:0;margin:0}
+#search-results a{display:block;padding:12px;border-radius:6px;text-decoration:none;overflow-wrap:anywhere}#search-results a[aria-selected="true"]{background:var(--surface);outline:2px solid var(--focus);outline-offset:-2px}
+#search-results strong,#search-results small,#search-results p{display:block}#search-results small{color:var(--muted);font-size:.8rem}#search-results p{margin:6px 0 0;font-size:.9rem}
+`;
+//# sourceMappingURL=searchDialog.js.map

package/dist/page/searchDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchDialog.js","sourceRoot":"","sources":["../../src/page/searchDialog.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;UAKlB,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;CAQ3B,CAAC"}

package/dist/page/searchResultsScript.d.ts

@@ -0,0 +1,2 @@
+export declare function searchResultsScript(): string;
+//# sourceMappingURL=searchResultsScript.d.ts.map

package/dist/page/searchResultsScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchResultsScript.d.ts","sourceRoot":"","sources":["../../src/page/searchResultsScript.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,IAAI,MAAM,CA8D5C"}

package/dist/page/searchResultsScript.js

@@ -0,0 +1,64 @@
+export function searchResultsScript() {
+    return `
+const results = document.getElementById("search-results");
+const input = document.getElementById("search-query");
+let selected = -1;
+const commands = [
+ { kind: "command", title: "Open workspace", href: "/" },
+ { kind: "command", title: "Show or hide files", command: "sidebar-toggle" },
+ { kind: "command", title: "Toggle compact density", command: "density" },
+ { kind: "command", title: "Toggle light or dark theme", command: "theme" },
+];
+export const matchingCommands = (query) => commands.filter(item => item.title.toLowerCase().includes(query.trim().toLowerCase()));
+export const choose = (index) => {
+ const options = [...results.querySelectorAll("a")];
+ selected = options.length ? (index + options.length) % options.length : -1;
+ options.forEach((option, at) => option.setAttribute("aria-selected", String(at === selected)));
+ if (selected >= 0) {
+  input.setAttribute("aria-activedescendant", options[selected].id);
+  options[selected].scrollIntoView({ block: "nearest" });
+ } else input.removeAttribute("aria-activedescendant");
+};
+export const move = (delta) => choose(selected + delta);
+export const activate = () => results.querySelector('a[aria-selected="true"]')?.click();
+export const showResults = (items) => {
+ results.replaceChildren();
+ items.forEach((item, index) => {
+  const li = document.createElement("li");
+  li.setAttribute("role", "presentation");
+  const link = document.createElement("a");
+  link.id = "search-result-" + index;
+  link.href = item.href ?? "#";
+  link.setAttribute("role", "option");
+  if (item.command) link.dataset.command = item.command;
+  const title = document.createElement("strong");
+  title.textContent = item.title;
+  const source = document.createElement("small");
+  source.textContent = item.kind + (item.file ? " · " + item.file + (item.line ? ":" + item.line : "") : "");
+  link.append(title, source);
+  if (item.snippet) {
+   const snippet = document.createElement("p");
+   snippet.textContent = item.snippet;
+   link.append(snippet);
+  }
+  li.append(link); results.append(li);
+ });
+ choose(0);
+};
+results.addEventListener("click", (event) => {
+ const link = event.target.closest("a");
+ if (!link) return;
+ const control = document.getElementById(link.dataset.command);
+ if (control) {
+  event.preventDefault();
+  if (control.id === "sidebar-toggle") control.click();
+  else {
+   control.value = control.id === "density" ? (control.value === "compact" ? "comfortable" : "compact") : (control.value === "dark" ? "light" : "dark");
+   control.dispatchEvent(new Event("change"));
+  }
+ }
+ document.getElementById("search-dialog").close(!control && event.button === 0 && !event.ctrlKey && !event.metaKey && !event.shiftKey && !event.altKey ? "navigate" : "");
+});
+`;
+}
+//# sourceMappingURL=searchResultsScript.js.map

package/dist/page/searchResultsScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchResultsScript.js","sourceRoot":"","sources":["../../src/page/searchResultsScript.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB;IAClC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DP,CAAC;AACF,CAAC"}

package/dist/page/searchScript.d.ts

@@ -0,0 +1,2 @@
+export declare function searchScript(): string;
+//# sourceMappingURL=searchScript.d.ts.map

package/dist/page/searchScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchScript.d.ts","sourceRoot":"","sources":["../../src/page/searchScript.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,IAAI,MAAM,CAuErC"}

package/dist/page/searchScript.js

@@ -0,0 +1,73 @@
+export function searchScript() {
+    return `
+import { activate, matchingCommands, move, showResults } from "/_board/search-results.js";
+const dialog = document.getElementById("search-dialog");
+const input = document.getElementById("search-query");
+const status = document.getElementById("search-status");
+const open = document.getElementById("search-open");
+open.disabled = false;
+let previous;
+let version = 0;
+let timer;
+let controller;
+const invalidate = () => {
+ ++version;
+ clearTimeout(timer);
+ controller?.abort();
+};
+const search = async () => {
+ invalidate();
+ const mine = version;
+ const query = input.value.trim();
+ const commands = matchingCommands(query);
+ showResults(commands);
+ if (!query) { status.textContent = "Type to search this workspace, or choose a command."; return; }
+ status.textContent = "Searching…";
+ controller = new AbortController();
+ try {
+  const response = await fetch("/_board/search?q=" + encodeURIComponent(query), { cache: "no-store", signal: controller.signal });
+  if (!response.ok) throw new Error("Search unavailable");
+  const body = await response.json();
+  if (mine !== version || !dialog.open) return;
+  showResults([...commands, ...body.results]);
+  status.textContent = (body.total ? (body.total > body.results.length ? "Showing " + body.results.length + " of " : "") + body.total + " matches." : "No document matches.") + (body.unavailable.length ? " Could not read " + body.unavailable.length + " files; results are incomplete." : "");
+ } catch (error) {
+  if (mine !== version || error.name === "AbortError") return;
+  status.textContent = "Search could not be completed. Press Search to retry.";
+ }
+};
+open.addEventListener("click", () => {
+ previous = document.activeElement;
+ dialog.returnValue = "";
+ dialog.showModal();
+ input.focus();
+ input.select();
+ search();
+});
+document.getElementById("search-close").addEventListener("click", () => dialog.close());
+dialog.addEventListener("close", () => { invalidate(); if (dialog.returnValue !== "navigate") previous?.focus({ preventScroll: true }); });
+dialog.addEventListener("cancel", () => invalidate());
+dialog.addEventListener("keydown", (event) => {
+ if (event.key === "Escape") { event.preventDefault(); dialog.close(); }
+});
+input.addEventListener("input", () => {
+ invalidate();
+ showResults([]);
+ status.textContent = input.value.trim() ? "Searching…" : "Type to search this workspace.";
+ timer = setTimeout(search, 150);
+});
+document.getElementById("search-form").addEventListener("submit", (event) => { event.preventDefault(); search(); });
+input.addEventListener("keydown", (event) => {
+ if (event.key === "ArrowDown" || event.key === "ArrowUp") { event.preventDefault(); move(event.key === "ArrowDown" ? 1 : -1); }
+ if (event.key === "Enter" && document.querySelector('#search-results a[aria-selected="true"]')) { event.preventDefault(); activate(); }
+});
+document.addEventListener("keydown", (event) => {
+ if ((event.ctrlKey || event.metaKey) && !event.altKey && event.key.toLowerCase() === "k") {
+  event.preventDefault();
+  if (dialog.open) dialog.close(); else open.click();
+ }
+});
+document.addEventListener("board-index-change", () => { if (dialog.open) search(); });
+`;
+}
+//# sourceMappingURL=searchScript.js.map

package/dist/page/searchScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchScript.js","sourceRoot":"","sources":["../../src/page/searchScript.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY;IAC3B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEP,CAAC;AACF,CAAC"}

package/dist/page/shell.d.ts

@@ -1,2 +1,2 @@
-export declare const shell: (title: string, nav: string, main: string) => string;
+export declare const shell: (title: string, nav: string, main: string, workspace: string, board: boolean, identity?: string, view?: boolean) => string;
 //# sourceMappingURL=shell.d.ts.map

package/dist/page/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/page/shell.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,KAAG,MAStD,CAAC"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/page/shell.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,EAAE,WAAW,MAAM,EAAE,OAAO,OAAO,EAAE,WAAW,MAAM,EAAE,cAAY,KAAG,MAmB1H,CAAC"}

package/dist/page/shell.js

@@ -1,11 +1,29 @@
+import { fileUrl } from "#files/url.ts";
 import { escapeHtml } from "./escape.js";
-export const shell = (title, nav, main) => [
-    '<!doctype html><html lang="en"><head><meta charset="utf-8">',
+import { searchDialog } from "./searchDialog.js";
+function location(file) {
+    return file
+        .split("/")
+        .map((part) => `<span>${escapeHtml(part)}</span>`)
+        .join('<span class="separator">/</span>');
+}
+export const shell = (title, nav, main, workspace, board, identity, view = false) => [
+    `<!doctype html><html lang="en" data-workspace="${escapeHtml(workspace)}"><head><meta charset="utf-8">`,
     '<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="light dark">',
     `<title>${escapeHtml(title)}</title>`,
     '<link rel="stylesheet" href="/_board/style.css"><script type="module" src="/_board/client.js"></script>',
-    '</head><body><div class="page"><header class="bar">',
-    `<nav id="files" class="files">${nav}</nav><span id="live" class="live">connecting</span></header>`,
-    `<main id="doc">${main}</main></div></body></html>`,
+    '</head><body><a class="skip" href="#doc">Skip to content</a><div class="workspace">',
+    '<aside id="sidebar" class="sidebar"><a class="brand" href="/">work board<span>Local workspace</span></a>',
+    '<div id="reading-library" class="reading-library" hidden></div><h2 class="nav-heading">Project files</h2>',
+    `<nav id="files" class="files" aria-label="Project files">${nav}</nav></aside>`,
+    '<div class="page"><header class="bar"><button id="sidebar-toggle" type="button" aria-controls="sidebar" aria-expanded="true">Files</button>',
+    `<nav id="breadcrumbs" class="breadcrumbs" aria-label="File location"><a href="/">Workspace</a><span class="separator">/</span>${location(title)}</nav>`,
+    `<a id="work-open" class="work-open" href="/_board/work?view=board"${view ? ' aria-current="page"' : ""}>Work</a><button id="search-open" type="button" disabled aria-haspopup="dialog" aria-controls="search-dialog">Search <kbd>⌘/Ctrl K</kbd></button><span id="live" class="live" role="status">connecting</span><span id="navigation-status" role="status"></span></header>`,
+    '<div class="preferences" role="group" aria-label="Reading preferences">',
+    '<div class="preference"><label for="theme">Theme</label><select id="theme"><option value="system">System</option><option value="light">Light</option><option value="dark">Dark</option></select></div>',
+    '<div class="preference"><label for="density">Density</label><select id="density"><option value="comfortable">Comfortable</option><option value="compact">Compact</option></select></div>',
+    '<span id="preference-status" role="status"></span></div>',
+    `<main${view ? ' data-view="work"' : ""}${identity ? ` data-identity="${escapeHtml(identity)}"` : ""} id="doc" data-file="${escapeHtml(title)}" data-url="${escapeHtml(fileUrl(title))}" class="${board ? "board-view" : "document-view"}" tabindex="-1">${main}</main>`,
+    `</div></div>${searchDialog}</body></html>`,
 ].join("");
 //# sourceMappingURL=shell.js.map