@shivaedev/work-board 0.12.0 → 0.14.0

package/src/server/page/backlinksHtml.ts

@@ -1,18 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { backlinksOf } from "#server/metadata/backlinks.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import { relationshipLabel } from "#server/metadata/relationshipLabel.ts";
-import { documentReference } from "./metadataLinks.ts";
-
-export function backlinksHtml(file: string, model: MetadataModel): string {
-	const links = backlinksOf(file, model);
-	if (links.length === 0) {
-		return "";
-	}
-	const entries = [...new Map(links.map((link) => [`${link.file}:${link.kind}:${link.line ?? ""}`, link])).values()];
-	const incomplete =
-		model.unavailable.length > 0
-			? "<p>Available source references only; unreadable files prevent complete backlink and identity validation.</p>"
-			: "";
-	return `<section class="work-context" aria-label="Source backlinks"><details data-key="work-backlinks"><summary>Referenced by (${entries.length})</summary>${incomplete}<ul>${entries.map((link) => `<li>${escapeHtml(relationshipLabel(link.kind))}: <a href="${escapeHtml(documentReference(link.file, model))}">${escapeHtml(link.file)}${link.line === undefined ? "" : `:${link.line}`}</a></li>`).join("")}</ul><p>These are explicit source links, not inferred blockers or workflow rules.</p></details></section>`;
-}

package/src/server/page/boardHtml.ts

@@ -1,55 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { documentHeadings } from "#render/documentHeadings.ts";
-import { type Board, countsOf, type Section } from "#server/render/board.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import { readingTools } from "./readingTools.ts";
-import { updated } from "./updated.ts";
-
-function counts(board: Board): string {
-	return countsOf(board)
-		.map(({ count, title }) => `<span><b>${count}</b> ${escapeHtml(title.toLowerCase())}</span>`)
-		.join(" · ");
-}
-
-type Render = (fragment: string) => ReturnType<typeof renderMarkdown>;
-
-const section = Effect.fn("WorkBoard.section")(function* ({ heading, items, notes }: Section, render: Render) {
-	const title = yield* render(heading);
-	const note = notes === "" ? "" : `<div class="notes">${yield* render(notes)}</div>`;
-	const rendered = yield* Effect.forEach(items, (item) => Effect.map(render(item), (html) => `<article class="item">${html}</article>`));
-	return `<section>${title}${note}${rendered.join("")}</section>`;
-});
-
-export const boardHtml = Effect.fn("WorkBoard.boardHtml")(function* (
-	board: Board,
-	fallbackTitle: string,
-	modified: number,
-	metadata = "",
-	questionActions?: ReadonlyMap<string, string>,
-) {
-	let fragments = 0;
-	const headings = documentHeadings();
-	const render: Render = (fragment) => {
-		fragments += 1;
-		return renderMarkdown(board.definitions === "" ? fragment : `${fragment}\n\n${board.definitions}`, {
-			file: fallbackTitle,
-			headings,
-			idPrefix: `part-${fragments}-`,
-			...(questionActions ? { questionActions } : {}),
-		});
-	};
-	const title = board.title === "" ? `<h1>${escapeHtml(fallbackTitle)}</h1>` : yield* render(board.title);
-	const intro = board.intro === "" ? "" : `<div class="intro">${yield* render(board.intro)}</div>`;
-	const sections = yield* Effect.forEach(board.sections, (each) => section(each, render));
-	const footer = board.footer === "" ? "" : `<footer>${yield* render(board.footer)}</footer>`;
-	return [
-		readingTools(headings.entries),
-		metadata,
-		`<header class="board-head">${title}${intro}`,
-		`<p class="counts">${counts(board)}</p>`,
-		`<p class="meta">${updated(modified)}</p></header>`,
-		`<div class="board">${sections.join("")}</div>`,
-		footer,
-	].join("");
-});

package/src/server/page/criteriaEvidence.ts

@@ -1,36 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { referenceTarget } from "#server/metadata/links.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import type { ParsedMetadata } from "#server/metadata/parse.ts";
-import { documentReference } from "./metadataLinks.ts";
-
-function evidenceFor(reference: string, model: MetadataModel): string {
-	const records = model.documents.flatMap(
-		(document) =>
-			document.parsed.fields.evidence?.flatMap((evidence, index) =>
-				evidence.criterion === reference ? [{ file: document.file, index, line: document.parsed.lines[`evidence.${index}.source`] }] : [],
-			) ?? [],
-	);
-	if (records.length === 0) {
-		return "<p>No recorded evidence naming this criterion. Acceptance is not established.</p>";
-	}
-	return `<p>${records.length} recorded ${records.length === 1 ? "claim" : "claims"}, not verified acceptance:</p><ul>${records.map((record) => `<li><a href="${escapeHtml(documentReference(record.file, model, `#recorded-evidence-${record.index}`))}">${escapeHtml(record.file)}${record.line === undefined ? "" : `:${record.line}`} — open recorded evidence</a></li>`).join("")}</ul>`;
-}
-
-export function criteriaEvidence(parsed: ParsedMetadata, model: MetadataModel): string {
-	const criteria = parsed.fields.criteria ?? [];
-	if (criteria.length === 0) {
-		return "";
-	}
-	return `<h3>Criteria and recorded evidence</h3><ul>${criteria
-		.map((criterion) => {
-			const unique = criteria.filter((candidate) => candidate.id === criterion.id).length === 1;
-			const reference = parsed.fields.id ? `${parsed.fields.id}#${criterion.id}` : "";
-			const evidence =
-				reference && referenceTarget(reference, model)
-					? evidenceFor(reference, model)
-					: "<p>Evidence association requires unique item/criterion IDs and a readable workspace. Acceptance is not established.</p>";
-			return `<li${unique ? ` id="criterion-${escapeHtml(criterion.id)}" tabindex="-1"` : ""}><b>${escapeHtml(criterion.id)}</b>: ${escapeHtml(criterion.text)}${evidence}</li>`;
-		})
-		.join("")}</ul>`;
-}

package/src/server/page/documentHtml.ts

@@ -1,23 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { documentHeadings } from "#render/documentHeadings.ts";
-import type { MarkdownFile } from "#server/files/list.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import { readingTools } from "./readingTools.ts";
-import { updated } from "./updated.ts";
-
-export const documentHtml = Effect.fn("WorkBoard.documentHtml")(function* (
-	source: string,
-	file: MarkdownFile,
-	metadata = "",
-	introduction = "",
-	questionActions?: ReadonlyMap<string, string>,
-) {
-	const headings = documentHeadings(true);
-	const html = yield* renderMarkdown(source, { file: file.path, headings, ...(questionActions ? { questionActions } : {}) });
-	const title = /^<h1\b[^>]*>[\s\S]*?<\/h1>/u.exec(html)?.[0] ?? "";
-	return `<div class="document-layout"><header class="item-introduction">${title || `<h1>${escapeHtml(file.path)}</h1>`}${introduction}</header>
- <details class="item-context" data-key="item-context"><summary>Context and tools</summary><div class="context-content">
- <p class="meta">Source: ${escapeHtml(file.path)} · ${updated(file.modified)}</p>${metadata}${readingTools(headings.entries)}</div></details>
- <article class="doc">${html.slice(title.length)}</article></div>`;
-});

package/src/server/page/itemIntroduction.ts

@@ -1,10 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { ParsedMetadata } from "#server/metadata/parse.ts";
-
-export function itemIntroduction(parsed: ParsedMetadata): string {
-	if (parsed.raw === undefined) {
-		return "";
-	}
-	const fields = parsed.fields;
-	return `<div class="item-summary" aria-label="Authored work"><p>Status (source): <b>${escapeHtml(fields.status ?? "Not recorded")}</b>${fields.owner ? ` · Owner: ${escapeHtml(fields.owner)}` : ""}</p><p>Next action: ${escapeHtml(fields.nextAction ?? "Not recorded")}</p></div>`;
-}

package/src/server/page/itemStyles.ts

@@ -1,29 +0,0 @@
-export function itemStyles(): string {
-	return `
-.document-view:has(.document-layout) { max-width: 1220px; }
-.page:has(.document-layout) > .bar,
-.page:has(.document-layout) > .preferences { max-height: 25vh; overflow: auto; }
-.document-view:has(.document-layout) > .response-panel { max-width: 72ch; margin-inline: 0; }
-.document-layout { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
-.document-layout > * { min-width: 0; }
-.item-introduction h1 { margin: 0 0 .6em; }
-.item-summary { padding: 12px 16px; background: var(--surface); border-left: 3px solid var(--link); border-radius: 4px; overflow-wrap: anywhere; }
-.item-summary p { margin: 0; }
-.item-summary p + p { margin-top: 8px; }
-.item-context { align-self: start; margin: 0; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: .9rem; overflow-wrap: anywhere; }
-.item-context > summary { color: var(--text); font-weight: 600; }
-.item-context .work-meta, .item-context .work-context { margin: 16px 0; padding: 0; border: 0; background: transparent; }
-.item-context .reading-tools { margin: 16px 0 0; }
-.document-layout > .doc > :first-child { margin-top: 0; }
-@media (min-width: 1100px) {
-  .document-layout { grid-template-columns: minmax(0, 72ch) minmax(240px, 280px); grid-template-rows: auto 1fr; gap: 24px 32px; }
-  .item-introduction { grid-column: 1; grid-row: 1; }
-  .item-context { grid-column: 2; grid-row: 1 / span 2; }
-  .document-layout > .doc { grid-column: 1; grid-row: 2; }
-}
-@media print {
-  .document-layout { display: block; }
-  .item-context { display: none; }
-}
-`;
-}

package/src/server/page/metadata.ts

@@ -1,58 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { identityUrl } from "#server/metadata/links.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import type { ParsedMetadata } from "#server/metadata/parse.ts";
-import { backlinksHtml } from "#server/page/backlinksHtml.ts";
-import { metadataDetails } from "#server/page/metadataDetails.ts";
-import { stateOf, viewUrl } from "#server/views/state.ts";
-
-function handoffLink(id: string | undefined, kind: string | undefined, unique: boolean) {
-	return unique && id && !["question", "response", "handoff"].includes(kind ?? "")
-		? `<p><a href="/_board/handoff?item=${encodeURIComponent(id)}">Prepare an agent handoff</a></p>`
-		: "";
-}
-
-function resultLink(id: string | undefined, kind: string | undefined, unique: boolean) {
-	return unique && id && kind === "result" ? `<p><a href="/_board/result?item=${encodeURIComponent(id)}">Review returned result</a></p>` : "";
-}
-
-function recordedSummary(parsed: ParsedMetadata, identity: string, summary: boolean): string {
-	const fields = parsed.fields;
-	return summary
-		? `<p class="metadata-summary">Recorded work · ${identity}${fields.status ? ` · ${escapeHtml(fields.status)}` : ""}${fields.owner ? ` · ${escapeHtml(fields.owner)}` : ""}</p>${fields.nextAction ? `<p>Next action: ${escapeHtml(fields.nextAction)}</p>` : ""}`
-		: `<p class="metadata-summary">Recorded work · ${identity}</p>`;
-}
-
-export function metadataHtml(parsed: ParsedMetadata, file: string, model: MetadataModel, summary = true): string {
-	const backlinks = backlinksHtml(file, model);
-	const diagnostics = model.diagnostics.get(file) ?? parsed.diagnostics;
-	if (parsed.raw === undefined && diagnostics.length === 0) {
-		return backlinks;
-	}
-	const fields = parsed.fields;
-	const unique = model.unavailable.length === 0 && fields.id !== undefined && model.ids.get(fields.id)?.length === 1;
-	const problems =
-		diagnostics.length > 0
-			? `<div class="metadata-problems" role="status"><b>Source diagnostics</b><ul>${diagnostics.map((problem) => `<li>${escapeHtml(file)}:${problem.line} — ${escapeHtml(problem.message)}</li>`).join("")}</ul></div>`
-			: "";
-	const identity =
-		unique && fields.id
-			? `<a href="${identityUrl(fields.id)}">Item link: ${escapeHtml(fields.id)}</a>`
-			: `ID: ${escapeHtml(fields.id ?? "Not recorded")}`;
-	const details = metadataDetails(parsed, file, model);
-	const boardLink =
-		unique && fields.kind === "board" && fields.id
-			? `<p><a href="${escapeHtml(viewUrl(stateOf("/"), { board: fields.id }))}">View this board</a></p>`
-			: "";
-	const lead = recordedSummary(parsed, identity, summary);
-	return `<section class="work-meta" aria-label="Recorded work">${lead}${boardLink}${resultLink(fields.id, fields.kind, unique)}${handoffLink(fields.id, fields.kind, unique)}${problems}<details data-key="work-metadata"><summary>Work details and source</summary>${details}<p>Source: ${escapeHtml(file)}:${parsed.lines.id ?? 1}; prose starts at line ${parsed.bodyLine}.</p>${parsed.raw ? `<details data-key="frontmatter-source"><summary>Original frontmatter</summary><pre>${escapeHtml(parsed.raw)}</pre></details>` : ""}</details></section>${backlinks}`;
-}
-
-export const metadataStyles = `
-.work-meta{font-size:.9rem;margin:16px 0 24px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow-wrap:anywhere}
-.metadata-summary{font-weight:600;margin:0}.work-meta>p{margin-bottom:8px}.work-meta details{margin:0}.work-meta summary{color:var(--link)}
-.work-meta dl{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:4px 12px;margin:12px 0}.work-meta dt{color:var(--muted)}.work-meta dd{margin:0}
-.work-meta pre{max-height:300px;overflow:auto;margin-top:12px}.metadata-problems{color:var(--danger);margin:12px 0}.metadata-problems ul{margin:4px 0 12px;padding-left:20px}
-.work-context{font-size:.9rem;margin:12px 0 24px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.work-context details{margin:0}.work-context ul{margin:12px 0}.work-context p{font-size:13px;color:var(--muted);margin:8px 0 0}
-[id^="recorded-evidence-"],[id^="criterion-"]{scroll-margin-top:20px}
-`;

package/src/server/page/metadataDetails.ts

@@ -1,38 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import type { ParsedMetadata } from "#server/metadata/parse.ts";
-import { relationshipLabel } from "#server/metadata/relationshipLabel.ts";
-import { attentionDetails } from "./attentionDetails.ts";
-import { criteriaEvidence } from "./criteriaEvidence.ts";
-import { referenceHtml, valueHtml } from "./metadataLinks.ts";
-import { recordedEvidence } from "./recordedEvidence.ts";
-
-export function metadataDetails(parsed: ParsedMetadata, file: string, model: MetadataModel): string {
-	const fields = parsed.fields;
-	const details = [
-		fields.handoff
-			? `<h3>Agent handoff</h3><p>${referenceHtml(fields.handoff.item, fields.handoff.item, model)} · ${escapeHtml(fields.handoff.recipient)} · ${escapeHtml(fields.handoff.state)}</p><p>Receipt is separate from execution and acceptance.</p><p>${escapeHtml(fields.handoff.by ?? "Attribution not recorded")}${fields.handoff.note ? ` · ${escapeHtml(fields.handoff.note)}` : ""}</p><p>Reviewed SHA-256: <code>${fields.handoff.reviewedRevision}</code></p><p><a href="/_board/handoff?item=${encodeURIComponent(fields.handoff.item)}">Read handoff history and copy its prompt</a></p>`
-			: "",
-		`<dl><dt>Kind</dt><dd>${valueHtml(fields.kind)}</dd><dt>Status</dt><dd>${valueHtml(fields.status)}</dd><dt>Owner</dt><dd>${valueHtml(fields.owner)}</dd><dt>Next action</dt><dd>${valueHtml(fields.nextAction)}</dd></dl>`,
-		fields.relationships?.length
-			? `<h3>Relationships</h3><ul>${fields.relationships.map((link) => `<li>${escapeHtml(relationshipLabel(link.kind))}: ${referenceHtml(link.target, link.target, model)}</li>`).join("")}</ul>`
-			: "",
-		fields.items?.length
-			? `<h3>Declared board membership</h3><ul>${fields.items.map((id) => `<li>${referenceHtml(id, id, model)}</li>`).join("")}</ul>`
-			: "",
-
-		fields.question
-			? `<h3>Reviewed question</h3><p>${referenceHtml(fields.question.item, fields.question.item, model)} / ${escapeHtml(fields.question.request)} · ${escapeHtml(fields.question.reason)}</p><p>Reviewed SHA-256: <code>${fields.question.reviewedRevision}</code>. Registered: ${new Date(fields.question.registeredAt).toISOString()}. Unanswered deadline: ${new Date(fields.question.deadline).toISOString()}.</p>`
-			: "",
-		fields.response
-			? `<h3>Recorded response</h3><p>${referenceHtml(fields.response.question, fields.response.question, model)} · ${escapeHtml(fields.response.author)} · ${escapeHtml(fields.response.type)}</p><p>Reviewed SHA-256: <code>${fields.response.reviewedRevision}</code>. This is authored feedback, not verified acceptance.</p>${fields.response.supersedes ? `<p>Explicitly supersedes ${referenceHtml(fields.response.supersedes, fields.response.supersedes, model)}.</p>` : ""}`
-			: "",
-		fields.requestReceipt
-			? `<h3>Managed request receipt</h3><p>${referenceHtml(fields.requestReceipt.question, fields.requestReceipt.question, model)} · ${fields.requestReceipt.disposition}</p><p>Reviewed SHA-256: <code>${fields.requestReceipt.reviewedRevision}</code>. This acknowledges request handling, not execution, acceptance or delivery authority.</p>${fields.requestReceipt.response ? `<p>Applied response: ${referenceHtml(fields.requestReceipt.response, fields.requestReceipt.response, model)}</p>` : ""}`
-			: "",
-		criteriaEvidence(parsed, model),
-		attentionDetails(parsed, file, model),
-		recordedEvidence(parsed, file, model),
-	].join("");
-	return details;
-}

package/src/server/page/metadataLinks.ts

@@ -1,35 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { fileUrl } from "#files/url.ts";
-import { referenceTarget } from "#server/metadata/links.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import { sourceFile, sourceHref } from "#server/metadata/sourceLinks.ts";
-
-export function referenceHtml(label: string, target: string, model: MetadataModel): string {
-	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: string, file: string, model: MetadataModel): string {
-	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: string, model: MetadataModel, hash = ""): string {
-	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: string | undefined): string {
-	return escapeHtml(text ?? "Not recorded");
-}

package/src/server/page/nav.ts

@@ -1,12 +0,0 @@
-import { navigationHtml } from "#browser/navigation/html.ts";
-import type { MarkdownFile } from "#server/files/list.ts";
-import { inboxCount as countOf, navigationData } from "#server/navigation/model.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-
-export function navHtml(files: readonly MarkdownFile[], current: string, home: string | undefined, snapshot?: Snapshot): string {
-	return navigationHtml(navigationData(files, current, home, snapshot));
-}
-
-export function inboxCount(snapshot?: Snapshot): string {
-	return String(countOf(snapshot) ?? "?");
-}

package/src/server/page/readingStyles.ts

@@ -1,31 +0,0 @@
-export function readingStyles(): string {
-	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; }
-#library-dialog { width: min(560px, calc(100vw - 32px)); max-height: min(600px, calc(100dvh - 32px)); overflow-y: auto; padding: 20px; color: var(--text); background: var(--card); border: 1px solid var(--border); border-radius: 12px; }
-#library-dialog::backdrop { background: rgb(0 0 0 / .45); }
-.reading-library { font-size: 14px; margin-top: 20px; }
-.reading-library .nav-heading { font-size: 14px; }
-.reading-library[hidden] { display: none; }
-.reading-library ul { list-style: none; padding: 0 12px; margin: 0 0 20px; }
-.reading-library a { color: var(--link); overflow-wrap: anywhere; }
-.reading-library a[aria-current="page"] { font-weight: 600; }
-.reading-library .missing { color: var(--muted); }
-.library-status { padding: 0 12px; color: var(--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%; }
-`;
-}

package/src/server/page/readingTools.ts

@@ -1,12 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Heading } from "#render/documentHeadings.ts";
-
-export function readingTools(headings: readonly Heading[]): string {
-	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>`;
-}

package/src/server/page/recordedEvidence.ts

@@ -1,12 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { MetadataModel } from "#server/metadata/model.ts";
-import type { ParsedMetadata } from "#server/metadata/parse.ts";
-import { referenceHtml, sourceHtml, valueHtml } from "./metadataLinks.ts";
-
-export function recordedEvidence(parsed: ParsedMetadata, file: string, model: MetadataModel): string {
-	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>`;
-}

package/src/server/page/searchDialog.ts

@@ -1,16 +0,0 @@
-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}
-`;

package/src/server/page/startHtml.ts

@@ -1,10 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { startTemplates } from "./startTemplates.ts";
-
-export function startHtml(empty = false): string {
-	return `<article class="doc onboarding"><h1>${empty ? "Start your local workspace" : "Project and report templates"}</h1>
-<p>Work Board reads Markdown files from your workspace folder. Use your editor or existing agent tools to create and update them; this viewer does not write project files.</p>
-<ol><li>Choose a template below. Focus its text area, select all, and copy the Markdown.</li><li>Save it in the served folder with the suggested filename, or adjust its links to your chosen filenames.</li><li>Replace the example IDs with unique stable IDs and update every matching relationship and criterion reference. Frontmatter is optional; ordinary Markdown and existing heading boards also work.</li><li>Fill in real context and observations. Work Board discovers saved files automatically. Start with the project, then follow the investigation and result links.</li></ol>
-<p>Unknown checks stay unknown. Add criterion evidence only after a real observation; a finished agent run is not verified acceptance. No project content is created or marked seen by opening these templates.</p>
-${startTemplates.map((template) => `<section class="start-template"><h2>${template.label}</h2><p>Suggested file: <code>${template.file}</code></p><details data-key="template:${template.file}"><summary>Read and copy ${template.label.toLowerCase()} Markdown</summary><label for="template-${template.file}">${template.label} template Markdown</label><textarea id="template-${template.file}" readonly rows="16" spellcheck="false">${escapeHtml(template.source)}</textarea></details></section>`).join("")}</article>`;
-}

package/src/server/page/style.ts

@@ -1,117 +0,0 @@
-import { inboxStyle } from "#server/attention/inboxHtml.ts";
-import { attentionStyle } from "#server/attention/style.ts";
-import { diagnosticsStyle } from "#server/diagnostics/style.ts";
-import { itemStyles } from "#server/page/itemStyles.ts";
-import { metadataStyles } from "#server/page/metadata.ts";
-import { readingStyles } from "#server/page/readingStyles.ts";
-import { searchStyles } from "#server/page/searchDialog.ts";
-import { visualStyles } from "#server/page/visualDialog.ts";
-import { layout, theme } from "#server/page/workspaceStyles.ts";
-import { workStyle } from "#server/views/workStyle.ts";
-
-const prose = `
-h1, h2, h3, h4 { font-weight: 600; line-height: 1.25; margin: 1.6em 0 0.5em; }
-h1 { overflow-wrap: anywhere; font-size: 1.9em; margin-top: 1em; }
-h2 { font-size: 1.45em; }
-h3 { font-size: 1.15em; }
-h1 strong, h2 strong, h3 strong { font-weight: inherit; }
-p, ul, ol, pre, table, blockquote, details, figure { margin: 0 0 1.1em; }
-li + li { margin-top: 0.25em; }
-.contains-task-list { list-style: none; padding-left: 0.4em; }
-hr { border: 0; border-top: 1px solid var(--border); margin: 2em 0; }
-blockquote { padding-left: 1em; border-left: 3px solid var(--border); color: var(--muted); }
-code { font: 0.875em var(--mono); background: var(--surface); padding: 0.1em 0.35em; border-radius: 4px; overflow-wrap: anywhere; }
-pre { background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 12px 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
-pre code { background: none; padding: 0; font-size: 0.85em; }
-.shiki span { color: var(--shiki-light); }
-@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .shiki span { color: var(--shiki-dark); } }
-:root[data-theme="dark"] .shiki span { color: var(--shiki-dark); }
-table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 0.925em; }
-th, td { text-align: left; vertical-align: top; padding: 6px 10px; border: 1px solid var(--border); }
-tr:nth-child(2n) td { background: var(--surface); }
-@media (max-width: 600px) { table { table-layout: fixed; } td, th { overflow-wrap: anywhere; } }
-summary { cursor: pointer; color: var(--muted); }
-details[open] > summary { margin-bottom: 0.5em; }
-img, svg { max-width: 100%; height: auto; }
-.empty { color: var(--muted); font-style: italic; }
-.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
-`;
-
-const board = `
-.board-head .intro { color: var(--muted); }
-.counts { margin: 0; }
-.counts b { font-variant-numeric: tabular-nums; }
-.board { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: var(--space); margin-top: 2em; align-items: start; }
-.board section { min-width: 0; }
-.board section > h2 { margin: 0 0 0.8em; font-size: 1.1em; overflow-wrap: anywhere; }
-.item, .notes { padding: var(--card-space); margin-bottom: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); overflow-wrap: anywhere; }
-.item > :last-child, .notes > :last-child { margin-bottom: 0; }
-.item > h3 { margin: 0 0 0.4em; }
-.item > h3 > code:first-child { background: none; padding: 0; margin-right: 0.6em; color: var(--muted); font-weight: 400; }
-footer { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.925em; }
-`;
-
-const diagrams = `
-[data-live-change] { outline: 2px solid var(--border); outline-offset: 3px; border-radius: 3px; }
-figure.diagram { margin-left: 0; margin-right: 0; }
-figure.diagram[data-state="pending"] { min-height: 12rem; background: var(--surface); border-radius: 6px; }
-figure.diagram .diagram-source { display: none; }
-figure.diagram[data-state="failed"] .diagram-source { display: block; }
-[data-diagram-error] { color: var(--danger); font-size: 0.875em; }
-@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
-`;
-
-const documents = `
-.start-open { display: block; padding: 0 12px 18px; color: var(--sidebar-text); }
-.onboarding { max-width: 76ch; }
-.start-template textarea { display: block; box-sizing: border-box; width: 100%; margin: 12px 0; padding: 12px; font-family: var(--mono); font-size: 13px; color: var(--text); background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
-@media print {
-  .sidebar, .bar, .preferences, .reading-tools, .visual-tools { display: none !important; }
-  .workspace { display: block !important; }
-  .page { width: 100%; }
-  #doc { padding: 0; }
-  .doc pre, .doc table { white-space: pre-wrap; overflow: visible; }
-  figure.diagram[data-state="pending"] .diagram-source, figure.diagram[data-state="failed"] .diagram-source { display: block; }
-}
-
-.visual-document, .visual-callout { border: 1px solid var(--border); border-radius: 12px; padding: 1em 1.2em; margin: 1.2em 0; overflow-wrap: anywhere; }
-.visual-document > :last-child, .visual-callout > :last-child { margin-bottom: 0; }
-.visual-label { font-weight: 650; margin-top: 0; }
-.visual-value { font-size: 1.35em; font-variant-numeric: tabular-nums; }
-.visual-document progress { display: block; width: 100%; height: 1em; accent-color: var(--link); }
-.visual-timeline-entries { border-left: 2px solid var(--border); padding-left: 1.6em; }
-.visual-timeline-entries > li { padding: .3em 0 .7em .2em; }
-.visual-callout { border-left: 4px solid var(--link); background: var(--surface); }
-.visual-warning, .visual-caution { border-left-color: #b97720; }
-.visual-diagnostic { font-weight: 600; color: var(--muted); }
-@media print { .visual-document, .visual-callout { break-inside: avoid; } }
-`;
-
-const questionnaires = `
-.questionnaire-option { padding: .25rem 0 .25rem 1rem; margin: 1rem 0; border-left: 2px solid var(--border); overflow-wrap: anywhere; }
-.questionnaire-option > :last-child { margin-bottom: 0; }
-.questionnaire-answer { display: inline-block; padding: .65rem 1rem; border-radius: 6px; background: var(--link); color: var(--bg); font-weight: 650; text-decoration: none; }
-.questionnaire-answer:hover { text-decoration: underline; }
-.questionnaire-answer:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
-`;
-
-export const style =
-	theme
-	+ diagnosticsStyle()
-	+ layout
-	+ inboxStyle
-	+ prose
-	+ board
-	+ diagrams
-	+ readingStyles()
-	+ searchStyles
-	+ metadataStyles
-	+ itemStyles()
-	+ workStyle()
-	+ attentionStyle()
-	+ visualStyles
-	+ documents
-	+ questionnaires
-	+ ".response-panel fieldset, .questionnaire-question { min-width: 0; border: 1px solid var(--border); border-radius: 12px; padding: 1rem; margin: 1rem 0; } .response-panel legend { font-weight: 650; } .response-panel .question-option { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .75rem; padding: 1rem; margin: .5rem 0; border: 1px solid var(--border); border-radius: 8px; } .response-panel .question-option:has(input:checked) { border-color: var(--link); background: var(--surface); } .response-panel .question-option input { width: 1.2rem; height: 1.2rem; margin-top: .2rem; accent-color: var(--link); } .response-panel .question-option label { font-weight: 650; cursor: pointer; } .response-panel .question-option p { margin-top: .5rem; } .response-panel #response-history article { border-top: 1px solid var(--border); margin-top: 1.5rem; padding-top: 1rem; } .response-context, .question-option, .response-panel fieldset { overflow-wrap: anywhere; }"
-	+ "[data-view=result] .response-panel { overflow-wrap: anywhere; } #result-criteria ul { padding-inline-start: 1.25rem; } #result-criteria dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; margin: .75rem 0; } #result-criteria dt { color: var(--muted); } #result-criteria dd { margin: 0 0 .5rem; min-width: 0; } #result-feedback article { border-top: 1px solid var(--border); margin-top: 1.5rem; padding-top: 1rem; }"
-	+ ".response-panel { max-width: 850px; margin: auto; padding: 1.5rem; } .response-field-error { color: var(--danger); font-size: .9em; } .response-panel form { display: grid; gap: 1rem; } .response-panel label { display: grid; gap: .5rem; } .response-panel input, .response-panel textarea, .response-panel select { width: 100%; box-sizing: border-box; font: inherit; background: var(--surface); color: inherit; padding: .75rem; border: 1px solid var(--border); } .response-panel pre, .response-panel code { white-space: pre-wrap; overflow-wrap: anywhere; }";

package/src/server/page/updated.ts

@@ -1,3 +0,0 @@
-export function updated(modified: number): string {
-	return `<span class="age" data-modified="${modified}">updated</span>`;
-}

package/src/server/page/visualDialog.ts

@@ -1,25 +0,0 @@
-export const visualDialog = `<dialog id="visual-dialog" aria-labelledby="visual-title">
-<div id="visual-stage">
-<div class="visual-bar"><h2 id="visual-title">Visual evidence</h2><button id="visual-close" type="button">Close</button></div>
-<p id="visual-context"></p>
-<div class="visual-bar" role="group" aria-label="Visual controls">
-<button id="visual-previous" type="button">Previous image</button><button id="visual-next" type="button">Next image</button>
-<button id="visual-out" type="button" aria-label="Zoom out">−</button><button id="visual-fit" type="button">Fit</button><button id="visual-actual" type="button" aria-pressed="false">Actual size</button><button id="visual-in" type="button" aria-label="Zoom in">+</button>
-<button id="visual-fullscreen" type="button">Fullscreen</button><a id="visual-download" download>Save locally</a>
-</div><p id="visual-status" role="status"></p><div id="visual-viewport" tabindex="0" aria-label="Scrollable visual"><div id="visual-content"></div></div>
-<p class="visual-help">Arrow keys choose images · Zoom and scroll to inspect · Escape returns to the source. Recorded evidence does not verify acceptance.</p>
-</div></dialog>`;
-
-export const visualStyles = `
-#visual-dialog{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text)}
-#visual-dialog::backdrop{background:rgb(0 0 0 / .6)}
-.visual-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.visual-bar h2{flex:1;margin:0;font-size:1.2rem}
-.visual-bar button,.visual-bar a{font:inherit;padding:6px 10px;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px}
-#visual-context,.visual-help,#visual-status{font-size:.85rem;overflow-wrap:anywhere;color:var(--muted)}
-#visual-viewport{overflow:auto;max-height:65dvh;min-height:150px;background:var(--surface);border:1px solid var(--border);padding:12px}
-#visual-content{width:100%;min-width:0}#visual-content img,#visual-content svg{display:block;width:100%;max-width:none;height:auto}
-#visual-stage:fullscreen{width:100vw;height:100dvh;box-sizing:border-box;padding:16px;background:var(--card);color:var(--text);overflow:auto}#visual-stage:fullscreen #visual-viewport{max-height:75dvh}
-[data-local-image]{cursor:zoom-in}[data-local-image]:focus-visible{outline:2px solid var(--focus)}
-[data-visual-tools]{display:block;margin:8px 0;font-size:.85rem}[data-visual-tools] button{font:inherit;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:5px 10px}
-[data-image-error]{display:block;color:var(--danger);font-size:.85rem}
-`;