@shivaedev/work-board 0.12.0 → 0.14.0

package/src/server/page/workspaceStyles.ts

@@ -1,89 +0,0 @@
-export const layout = `
-* { box-sizing: border-box; }
-body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 var(--sans); }
-a { color: var(--link); }
-button, select { font: inherit; color: inherit; }
-button, select, summary { cursor: pointer; }
-button, select { padding: 6px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--card); }
-:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
-.skip { position: fixed; top: -100px; left: 16px; z-index: 5; padding: 8px 16px; background: var(--card); }
-.skip:focus { top: 8px; }
-.workspace { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 100vh; }
-:root[data-sidebar="closed"] .workspace { grid-template-columns: minmax(0, 1fr); }
-.sidebar { --focus: #e2bc79; position: sticky; top: 0; align-self: start; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; padding: var(--space) 16px; background: var(--sidebar); color: var(--sidebar-text); }
-.sidebar[hidden] { display: none; }
-.brand { display: block; padding: 0 12px 28px; font-size: 24px; font-weight: 600; letter-spacing: -0.8px; text-decoration: none; color: var(--sidebar-text); }
-.brand span { display: block; margin-top: 4px; font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--sidebar-muted); }
-.sidebar .nav-heading { margin: 0 12px 12px; font: 600 12px var(--sans); color: var(--sidebar-muted); }
-.primary-navigation { flex: none; display: grid; gap: 4px; margin-bottom: 12px; }
-.primary-navigation a { display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 12px; border-radius: 5px; color: var(--sidebar-text); text-decoration: none; font-size: 14px; }
-.primary-navigation a:hover, .primary-navigation a[aria-current="page"] { background: #385242; }
-#library-open { flex: none; margin: 0 0 12px; color: var(--sidebar-text); background: transparent; border-color: var(--sidebar-border); }
-.sidebar > * { flex-shrink: 0; }
-.files { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; font-size: 14px; }
-.sidebar-backdrop { display: none; }
-.files ul { list-style: none; margin: 0 0 10px; padding: 0; }
-.files li { display: flex; align-items: baseline; gap: 8px; margin: 0; padding: 4px 10px; border-radius: 5px; }
-.files li:has(> a[aria-current="page"]) { background: #385242; }
-.files a { flex: 1; min-width: 0; color: var(--sidebar-text); text-decoration: none; overflow-wrap: anywhere; }
-.files a:hover, .files a[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
-.files li.file-folder { display: block; padding: 0; }
-.files details { margin: 8px 0; }
-.files summary { padding: 6px 10px; color: var(--sidebar-muted); overflow-wrap: anywhere; }
-.files details > ul { margin-left: 14px; border-left: 1px solid var(--sidebar-border); }
-.age { color: var(--muted); font: 12px var(--mono); margin-left: 6px; white-space: nowrap; }
-.files .age { color: var(--sidebar-muted); margin: 0; flex-shrink: 0; }
-.page { min-width: 0; }
-.bar { display: flex; align-items: center; gap: 16px; padding: 16px var(--space); border-bottom: 1px solid var(--border); font-size: 13px; }
-.bar button { flex-shrink: 0; }
-.breadcrumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; flex: 1; min-width: 0; overflow-wrap: anywhere; }
-.breadcrumbs > span:not(.separator) { min-width: 0; }
-.separator { color: var(--muted); }
-.live { color: var(--muted); font: 12px/1.9 var(--mono); }
-.live[data-state="down"], .live[data-state="stale"] { color: var(--danger); }
-.preferences { border: 0; margin: 0; min-width: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; align-items: center; padding: 14px var(--space) 0; color: var(--muted); font-size: 12px; }
-.preference { display: flex; gap: 8px; align-items: center; }
-#preference-status:empty { display: none; }
-#doc { padding: var(--space) var(--space) 64px; min-width: 0; }
-.document-view { max-width: calc(72ch + 2 * var(--space)); margin-inline: auto; }
-.board-view { max-width: 1600px; margin-inline: auto; }
-.meta { color: var(--muted); font-size: 13px; margin: 0; overflow-wrap: anywhere; }
-.meta .age { margin: 0; }
-@media (max-width: 767px) {
-  .workspace { grid-template-columns: minmax(0, 1fr); }
-  html[data-js][data-sidebar="open"] body { overflow: hidden; }
-  html[data-js] .sidebar { position: fixed; inset: 0 auto 0 0; width: min(320px, calc(100vw - 48px)); z-index: 4; }
-  html[data-js] .sidebar-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 3; background: rgb(0 0 0 / .45); }
-  html:not([data-js]) .sidebar { position: relative; height: 100dvh; }
-  .brand { padding-bottom: 16px; }
-  .bar { flex-wrap: wrap; gap: 12px; }
-  .breadcrumbs { flex-basis: calc(100% - 100px); }
-  .live { margin-left: auto; }
-  .preferences { justify-content: flex-start; }
-  :root { --space: 18px; }
-}
-`;
-const light = `
-  color-scheme: light;
-  --bg: #f7f8f4; --surface: #edf1e7; --card: #ffffff; --text: #263c34; --muted: #596957;
-  --border: #d5dfd0; --link: #315f45; --danger: #a03024; --focus: #976323;
-  --sidebar: #203a30; --sidebar-text: #e7eee2; --sidebar-muted: #b6c8ad; --sidebar-border: #4a624c;
-`;
-const dark = `
-  color-scheme: dark;
-  --bg: #18251f; --surface: #26382d; --card: #203027; --text: #e7eee2; --muted: #b0c1a6;
-  --border: #455a48; --link: #b1d4a1; --danger: #ffafa2; --focus: #e2bc79;
-  --sidebar: #142219; --sidebar-text: #e7eee2; --sidebar-muted: #b6c8ad; --sidebar-border: #455a48;
-`;
-
-export const theme = `
-:root {
-  --sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
-  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
-  --space: 24px; --card-space: 20px;
-  ${light}
-}
-@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { ${dark} } }
-:root[data-theme="dark"] { ${dark} }
-:root[data-density="compact"] { --space: 16px; --card-space: 12px; }
-`;

package/src/server/responses/authoredQuestionHtml.ts

@@ -1,46 +0,0 @@
-import { Effect, type FileSystem, type Path } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { QuestionPreview } from "#browser/responses/schema.ts";
-import type { RenderFailed } from "#render/failed.ts";
-import { openItem } from "#server/attention/inbox.ts";
-import type { MetadataDocument } from "#server/metadata/model.ts";
-import type { Highlighter } from "#server/render/Highlighter.ts";
-import { composerHtml } from "./composerHtml.ts";
-import { historyHtml } from "./historyHtml.ts";
-import { questionId, revisionOf } from "./records.ts";
-import { Responses } from "./service.ts";
-
-export const authoredQuestionHtml = Effect.fn("WorkBoard.authoredQuestionHtml")(function* (
-	document: MetadataDocument,
-	source: string,
-	enabled: boolean,
-): Effect.fn.Return<string, RenderFailed, Highlighter | FileSystem.FileSystem | Path.Path | Responses> {
-	const service = yield* Responses;
-	const item = document.parsed.fields.id ?? "";
-	const revision = revisionOf(source);
-	const preview: QuestionPreview = {
-		context: source,
-		id: questionId(item, "answer", revision, document.file),
-		item,
-		reason: document.parsed.fields.nextAction ?? "A question needs your answer",
-		request: "answer",
-		reviewedRevision: revision,
-		source: document.file,
-	};
-	const records = yield* service.history(preview).pipe(Effect.result);
-	const history =
-		records._tag === "Success"
-			? yield* historyHtml(preview, records.success)
-			: '<p role="status">Recorded responses are unavailable. Check the workspace source issues and retry.</p>';
-	if (!openItem(document)) {
-		return `<section class="response-panel"><h2>Question closed</h2><p role="status">This question is closed. Recorded answers remain below.</p>${history}</section>`;
-	}
-	return yield* service.locate(item, "answer").pipe(
-		Effect.flatMap((question) => (records._tag === "Success" ? composerHtml(question, records.success, enabled) : Effect.succeed(history))),
-		Effect.catch((error) =>
-			Effect.succeed(
-				`<section class="response-panel"><h2>Answer unavailable</h2><p role="status">${escapeHtml(error.message)}</p>${history}</section>`,
-			),
-		),
-	);
-});

package/src/server/responses/composerHtml.ts

@@ -1,25 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { QuestionPreview, RecordedResponse } from "#browser/responses/schema.ts";
-import { fileUrl } from "#files/url.ts";
-import { metadataParse } from "#server/metadata/parse.ts";
-import { historyHtml } from "./historyHtml.ts";
-import { templateHtml } from "./templateHtml.ts";
-
-export const composerHtml = Effect.fn("WorkBoard.composerHtml")(function* (
-	q: QuestionPreview,
-	records: readonly RecordedResponse[],
-	enabled: boolean,
-) {
-	const template = yield* templateHtml(q.context, q.request, q.source);
-	const standalone = metadataParse(q.context).fields.kind === "question";
-	const prior = records
-		.map(
-			(record) =>
-				`<option value="${escapeHtml(record.id)}">${escapeHtml(record.id)} · ${escapeHtml(record.response.author)} · ${record.response.reviewedRevision.slice(0, 12)}</option>`,
-		)
-		.join("");
-	const body = `<label>${template.hasPrompts ? "Overall response / next action (optional)" : "Your response"}<textarea name="body" rows="4" maxlength="32768" ${template.hasPrompts ? "" : "required"}></textarea></label>`;
-	const details = `<details data-key="response-details"><summary>Response details</summary><label>Response kind <select name="type"><option value="answer">Answer (including no)</option><option value="clarify">Ask back / clarify</option><option value="not_now">Not now</option></select></label>${standalone && template.hasPrompts ? body : ""}<label>Supersedes an earlier response (optional)<select name="supersedes"><option value="">Adds feedback; does not supersede</option>${prior}</select></label></details>`;
-	return `<section class="response-panel"><h${standalone ? "2" : "1"}>${standalone ? "Answer this question" : `Respond to ${escapeHtml(q.item)} / ${escapeHtml(q.request)}`}</h${standalone ? "2" : "1"}><p>${escapeHtml(q.reason)}</p><p><a href="${fileUrl(q.source)}">Source: ${escapeHtml(q.source)}</a> · Reviewed SHA-256: <code>${q.reviewedRevision}</code></p><p>${standalone ? "An answer removes this question from the Inbox for this source revision." : "Saved replies are authored feedback. They do not close the request or establish acceptance."}</p>${standalone ? "" : `<section class="response-context">${template.background}</section>`}<details><summary>Exact source being reviewed</summary><pre>${escapeHtml(q.context)}</pre></details><form novalidate id="response-form" data-question="${q.id}" data-writable="${enabled}" data-item="${escapeHtml(q.item)}" data-request="${escapeHtml(q.request)}" data-revision="${q.reviewedRevision}"><label>Local author label <input name="author" maxlength="200" required autocomplete="nickname"></label>${template.controls}${standalone && template.hasPrompts ? "" : body}${details}<pre id="response-draft-recovery" hidden></pre><p>Submit the whole packet together. Drafts stay in this browser for 30 days after the last edit, with a 2 MiB workspace limit. Saved responses are Markdown files in responses/.</p><button id="response-preview" type="button" disabled>Preview Markdown</button><pre id="response-preview-content" hidden></pre><button id="response-submit" type="submit" disabled>Record response</button><button id="response-clear" type="button" disabled>Clear workspace drafts</button><p id="response-status" role="status">${enabled ? "JavaScript is required to record a response." : "Read-only mode. Restart with --responses to explicitly enable local writes."}</p></form>${yield* historyHtml(q, records)}</section>`;
-});

package/src/server/responses/historyHtml.ts

@@ -1,20 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { QuestionPreview, RecordedResponse } from "#browser/responses/schema.ts";
-import type { RenderFailed } from "#render/failed.ts";
-import type { Highlighter } from "#server/render/Highlighter.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-
-export const historyHtml = Effect.fn("WorkBoard.historyHtml")(function* (
-	q: QuestionPreview,
-	records: readonly RecordedResponse[],
-): Effect.fn.Return<string, RenderFailed, Highlighter> {
-	const history = yield* Effect.forEach(records, (record) =>
-		Effect.map(
-			renderMarkdown(record.body, { file: `responses/${record.id}.md`, safe: true }),
-			(html) =>
-				`<article id="${escapeHtml(record.id)}"><h3><a href="/responses/${record.id}.md">${escapeHtml(record.response.author)} · ${record.response.type}</a></h3><p>${record.response.question === q.id ? "This reviewed revision" : "Earlier reviewed context — does not approve the current source"} · <code>${record.response.reviewedRevision}</code></p>${record.response.supersedes ? `<p>Explicitly supersedes <a href="/responses/${escapeHtml(record.response.supersedes)}.md">${escapeHtml(record.response.supersedes)}</a>.</p>` : ""}${html}</article>`,
-		),
-	);
-	return `<section id="response-history"><h2>Recorded responses</h2>${history.join("") || "<p>No response is recorded for this source revision.</p>"}</section>`;
-});

package/src/server/responses/optionControls.ts

@@ -1,13 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Prompt } from "#browser/responses/Prompt.ts";
-import type { Metadata } from "#metadata/schema.ts";
-
-export function optionControls(prompt: Prompt, fields: Metadata): string {
-	const options = prompt.options
-		.map((option, index) => {
-			const source = fields.options?.[index];
-			return `<input type="radio" name="choice-answer" value="${option.id}" data-option-source="${escapeHtml(option.source)}" hidden><button type="button" class="question-choice" data-choice="${option.id}" aria-pressed="false"><strong>${escapeHtml(source?.label ?? "")}${source?.label === fields.recommended ? " · Recommended" : ""}</strong><small>${escapeHtml(source?.description ?? "")}</small></button>`;
-		})
-		.join("");
-	return `<fieldset data-prompt="answer" data-mode="one" data-source="${escapeHtml(prompt.source)}"><legend>Your answer</legend><p>Choose an option or write another answer. Nothing is selected for you.</p><div class="question-choices">${options}</div><button type="button" data-clear-choices>Clear selection</button><label>Another answer / additional text<textarea data-answer-text maxlength="8192" rows="4"></textarea></label></fieldset>`;
-}

package/src/server/responses/page.ts

@@ -1,37 +0,0 @@
-import { Effect } from "effect";
-import type { HttpServerRequest } from "effect/unstable/http";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Changes } from "#server/files/changes.ts";
-import { respond } from "#server/http/respond.ts";
-import { navHtml } from "#server/page/nav.ts";
-import { shell } from "#server/page/shell.ts";
-import type { searchSnapshot } from "#server/search/snapshot.ts";
-import { composerHtml } from "./composerHtml.ts";
-import { Responses } from "./service.ts";
-
-export function responsePage(
-	changes: Changes,
-	home: string | undefined,
-	enabled: boolean,
-	index?: Effect.Success<ReturnType<typeof searchSnapshot>>,
-) {
-	return Effect.fn("WorkBoard.responsePage")(function* (request: HttpServerRequest.HttpServerRequest) {
-		const service = yield* Responses;
-		const params = new URL(request.url, "http://127.0.0.1").searchParams;
-		const files = yield* changes.files;
-		const snapshot = index ? yield* index : undefined;
-		function layout(body: string, status = 200) {
-			return respond(
-				shell("Respond", navHtml(files, "", home, snapshot), body, changes.realRoot, false, undefined, "response", snapshot),
-				"text/html",
-				status,
-			);
-		}
-		return yield* Effect.gen(function* () {
-			const question = yield* service.locate(params.get("item") ?? "", params.get("request") ?? "");
-			yield* service.read(question.id).pipe(Effect.catch((error) => (error._tag === "NotFound" ? Effect.void : Effect.fail(error))));
-			const records = yield* service.history(question);
-			return layout(yield* composerHtml(question, records, enabled));
-		}).pipe(Effect.catch((error) => Effect.succeed(layout(`<h1>Response unavailable</h1><p>${escapeHtml(error.message)}</p>`, 409))));
-	});
-}

package/src/server/responses/templateHtml.ts

@@ -1,34 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { RenderFailed } from "#render/failed.ts";
-import { metadataParse } from "#server/metadata/parse.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import { optionControls } from "./optionControls.ts";
-import { questionTemplate } from "./template.ts";
-
-export const templateHtml = Effect.fn("WorkBoard.templateHtml")(function* (context: string, request: string, file: string) {
-	const template = yield* Effect.try({ catch: (cause) => new RenderFailed({ cause }), try: () => questionTemplate(context, request, file) });
-	function render(source: string) {
-		return renderMarkdown(source, { file, safe: true });
-	}
-	const background = yield* render(template.context);
-	const fields = metadataParse(context).fields;
-	const choicePrompt = fields.kind === "question" && !fields.question && fields.options !== undefined ? template.prompts.at(0) : undefined;
-	if (choicePrompt) {
-		return { background, controls: optionControls(choicePrompt, fields), hasPrompts: true };
-	}
-	const controls = yield* Effect.forEach(template.prompts, (prompt, index) =>
-		Effect.gen(function* () {
-			const description = yield* render(prompt.source);
-			const options = yield* Effect.forEach(prompt.options, (option, choice) =>
-				Effect.map(
-					render(option.source),
-					(html) =>
-						`<div class="question-option"><input id="question-${index}-${choice}" type="${prompt.mode === "one" ? "radio" : "checkbox"}" name="choice-${escapeHtml(prompt.id)}" value="${escapeHtml(option.id)}" data-option-source="${escapeHtml(option.source)}"><div><label for="question-${index}-${choice}">Option ${escapeHtml(option.id)}</label>${html}</div></div>`,
-				),
-			);
-			return `<fieldset data-prompt="${escapeHtml(prompt.id)}" data-mode="${prompt.mode}" data-source="${escapeHtml(prompt.source)}"><legend>Question ${index + 1} · ${escapeHtml(prompt.id)}</legend>${description}<p>${prompt.mode === "text" ? "Answer in your own words" : `${prompt.mode === "one" ? "Choose one option" : "Choose any combination"}, or answer in your own words`}. Nothing is selected for you.</p>${options.join("")}${prompt.mode === "text" ? "" : '<button type="button" data-clear-choices>Clear selections</button>'}<label>Additional text / another answer<textarea data-answer-text maxlength="8192" rows="3"></textarea></label></fieldset>`;
-		}),
-	);
-	return { background, controls: controls.join(""), hasPrompts: template.prompts.length > 0 };
-});

package/src/server/results/criteria.ts

@@ -1,37 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { referenceTarget } from "#server/metadata/links.ts";
-import type { MetadataDocument, MetadataModel } from "#server/metadata/model.ts";
-import { referenceHtml, sourceHtml, valueHtml } from "#server/page/metadataLinks.ts";
-
-function criterionRow(reference: string, text: string, result: MetadataDocument, model: MetadataModel): string {
-	if (!referenceTarget(reference, model)) {
-		return `<li>${escapeHtml(text)} — criterion identity is ambiguous; evidence association unavailable.</li>`;
-	}
-	const claims = result.parsed.fields.evidence?.filter((claim) => claim.criterion === reference) ?? [];
-	const evidence =
-		claims.length > 0
-			? `<p>${claims.length} recorded claim(s) in this result; not verified acceptance.</p><ul>${claims.map((claim) => `<li>${sourceHtml(claim.source, result.file, model)}<dl><dt>Checked Git revision (reported)</dt><dd>${valueHtml(claim.checkedRevision)}</dd><dt>Method</dt><dd>${valueHtml(claim.method)}</dd><dt>Outcome (reported)</dt><dd>${valueHtml(claim.outcome)}</dd><dt>Observed time</dt><dd>${valueHtml(claim.observedAt)}</dd></dl></li>`).join("")}</ul>`
-			: "<p>No recorded evidence in this result naming this criterion. Acceptance is not established.</p>";
-	return `<li>${referenceHtml(text, reference, model)}${evidence}</li>`;
-}
-function targetRow(target: string, result: MetadataDocument, model: MetadataModel): string {
-	const [id, criterion] = target.split("#");
-	const document = model.ids.get(id ?? "")?.[0];
-	if (!(document && referenceTarget(target, model))) {
-		return `<li>${referenceHtml(target, target, model)} — criteria unavailable.</li>`;
-	}
-	const criteria = (document.parsed.fields.criteria ?? []).filter((item) => !criterion || item.id === criterion);
-	const rows =
-		criteria.length > 0
-			? `<ul>${criteria.map((item) => criterionRow(`${id}#${item.id}`, item.text, result, model)).join("")}</ul>`
-			: "<p>No criteria declared in this source.</p>";
-	return `<li>${referenceHtml(target, target, model)} · source status: ${valueHtml(document.parsed.fields.status)}${rows}</li>`;
-}
-export function resultCriteria(result: MetadataDocument, model: MetadataModel): string {
-	const targets = new Set(result.parsed.fields.relationships?.map((link) => link.target));
-	if (result.parsed.fields.id) {
-		targets.add(result.parsed.fields.id);
-	}
-	const rows = [...targets].map((target) => targetRow(target, result, model));
-	return `<section id="result-criteria"><h2>Criteria and this result’s claims</h2><p>Only explicit relationships and criterion references are associated. Missing provenance stays missing. Git revisions are authored records; Work Board does not compare them with the current checkout. Evidence freshness is unknown.</p>${rows.length > 0 ? `<ul>${rows.join("")}</ul>` : "<p>No explicitly linked work or criteria.</p>"}<p>${escapeHtml(result.file)} does not change the linked work’s status.</p></section>`;
-}

package/src/server/results/feedback.ts

@@ -1,44 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { fileUrl } from "#files/url.ts";
-import type { MetadataDocument } from "#integration/metadata.ts";
-import type { RenderFailed } from "#render/failed.ts";
-import type { Highlighter } from "#server/render/Highlighter.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import { readResponses } from "#server/responses/read.ts";
-import { malformedResponse, questionFrom, revisionOf } from "#server/responses/records.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-
-export const resultFeedback = Effect.fn("WorkBoard.resultFeedback")(function* (
-	result: MetadataDocument,
-	data: Snapshot,
-): Effect.fn.Return<string, RenderFailed, Highlighter> {
-	const unknown =
-		data.unavailable.length > 0
-		|| data.documents.some((document) => malformedResponse(document) || (document.parsed.fields.kind === "question" && !questionFrom(document)));
-	const questions = data.documents.flatMap((document) => {
-		const question = questionFrom(document);
-		return question && question.question.item === result.parsed.fields.id ? [question] : [];
-	});
-	const read = readResponses(Effect.succeed(data));
-	const readings = yield* Effect.forEach(questions, (question) => Effect.result(read(question.id)));
-	if (unknown || readings.some((reading) => reading._tag === "Failure")) {
-		return '<section id="result-feedback"><h2>Recorded human feedback</h2><p role="status">Response history is unknown or ambiguous. Unreadable records do not establish that no feedback exists. Read the source files before relying on it.</p></section>';
-	}
-	const current = revisionOf((result.parsed.raw ?? "") + result.parsed.body);
-	const records = readings.flatMap((reading) =>
-		reading._tag === "Success" ? reading.success.responses.map((response) => ({ question: reading.success.question, response })) : [],
-	);
-	records.sort((a, b) => b.response.response.recordedAt - a.response.response.recordedAt || a.response.id.localeCompare(b.response.id));
-	const bodies = yield* Effect.forEach(records, ({ question, response }) =>
-		Effect.gen(function* () {
-			const matching = question.question.reviewedRevision === current && question.question.source === result.file;
-			const responseFile = data.model.ids.get(response.id)?.[0]?.file ?? `responses/${response.id}.md`;
-			const questionFile = data.model.ids.get(question.id)?.[0]?.file ?? `responses/${question.id}.md`;
-			const body = yield* renderMarkdown(response.body, { file: responseFile, safe: true });
-			const selected = response.response.answers?.map((answer) => `${answer.prompt}: ${answer.selected.join(", ") || "text only"}`).join("; ");
-			return `<article id="${escapeHtml(response.id)}"><h3>${escapeHtml(response.response.author)} · ${escapeHtml(response.response.type)}</h3><p><b>${matching ? "Feedback on this exact result revision" : "Earlier or moved result context — does not apply automatically to this revision"}</b></p><p>Reviewed source: ${escapeHtml(question.question.source)} · SHA-256 <code>${question.question.reviewedRevision}</code></p>${selected ? `<p>Recorded option IDs: ${escapeHtml(selected)}. Labels and reasoning are recorded below.</p>` : ""}${response.response.supersedes ? `<p>Explicitly supersedes <a href="${fileUrl(data.model.ids.get(response.response.supersedes)?.[0]?.file ?? `responses/${response.response.supersedes}.md`)}">${escapeHtml(response.response.supersedes)}</a>.</p>` : ""}${body}<p><a href="${fileUrl(responseFile)}">Response source</a> · <a href="${fileUrl(questionFile)}">Registered reviewed context</a></p><details><summary>Exact reviewed result source</summary><pre>${escapeHtml(question.context)}</pre></details></article>`;
-		}),
-	);
-	return `<section id="result-feedback"><h2>Recorded human feedback</h2><p>Human direction is pinned to its reviewed report. Option IDs and authored acceptance text are not a computed verified-acceptance state. Completing a run or receiving feedback does not change work status.</p>${bodies.join("") || "<p>No readable response is recorded for this result.</p>"}</section>`;
-});

package/src/server/results/page.ts

@@ -1,63 +0,0 @@
-import { Effect, type FileSystem, type Path, type PlatformError } from "effect";
-import type { HttpServerRequest, HttpServerResponse } from "effect/unstable/http";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { fileUrl } from "#files/url.ts";
-import type { Changes } from "#server/files/changes.ts";
-import { respond } from "#server/http/respond.ts";
-import type { MetadataDocument } from "#server/metadata/model.ts";
-import { metadataHtml } from "#server/page/metadata.ts";
-import { navHtml } from "#server/page/nav.ts";
-import { shell } from "#server/page/shell.ts";
-import type { Highlighter } from "#server/render/Highlighter.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import { revisionOf } from "#server/responses/records.ts";
-import { resultCriteria } from "#server/results/criteria.ts";
-import { resultFeedback } from "#server/results/feedback.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-
-function reviewActions(result: MetadataDocument) {
-	const requests = result.parsed.fields.attention ?? [];
-	const actions = requests
-		.filter(
-			(attention) => attention.kind === "review" && attention.state === "open" && requests.filter((other) => other.id === attention.id).length === 1,
-		)
-		.map(
-			(attention) =>
-				`<li><a href="/_board/respond?item=${encodeURIComponent(result.parsed.fields.id ?? "")}&amp;request=${encodeURIComponent(attention.id)}">Review ${escapeHtml(attention.id)}</a> — ${escapeHtml(attention.reason)}</li>`,
-		);
-	return `<section id="result-actions"><h2>Respond to this report</h2>${actions.length > 0 ? `<ul>${actions.join("")}</ul>` : "<p>No unique open review request is declared. The agent can add an explicit attention review and Markdown question packet with ordinary file editing. Work Board does not infer one from status.</p>"}</section>`;
-}
-
-export function resultPage(index: Effect.Effect<Snapshot, unknown, FileSystem.FileSystem | Path.Path>, changes: Changes, home: string | undefined) {
-	return Effect.fn("WorkBoard.resultPage")(function* (
-		request: HttpServerRequest.HttpServerRequest,
-	): Effect.fn.Return<HttpServerResponse.HttpServerResponse, PlatformError.PlatformError, FileSystem.FileSystem | Path.Path | Highlighter> {
-		const item = new URL(request.url, "http://127.0.0.1").searchParams.get("item") ?? "";
-		const files = yield* changes.files;
-		const snapshot = yield* index.pipe(Effect.catch(() => Effect.succeed(undefined)));
-		function layout(body: string, status = 200) {
-			return respond(
-				shell("Result review", navHtml(files, "", home, snapshot), body, changes.realRoot, false, undefined, "result", snapshot),
-				"text/html",
-				status,
-			);
-		}
-		return yield* Effect.gen(function* () {
-			const data = yield* index;
-			const matches = data.model.ids.get(item);
-			const result = matches?.length === 1 ? matches[0] : undefined;
-			if (result?.parsed.fields.kind !== "result" || data.unavailable.length > 0) {
-				return layout(
-					'<h1>Result unavailable</h1><p role="status">Choose one uniquely identified, readable result. Missing or ambiguous work is not accepted.</p>',
-					409,
-				);
-			}
-			const report = yield* renderMarkdown(result.parsed.body, { file: result.file, safe: true });
-			const feedback = yield* resultFeedback(result, data);
-			const revision = revisionOf((result.parsed.raw ?? "") + result.parsed.body);
-			return layout(
-				`<section class="response-panel"><h1>Review returned result · ${escapeHtml(item)}</h1><p>Result status (source): <b>${escapeHtml(result.parsed.fields.status ?? "Not recorded")}</b>. This is a supplied claim, not an execution receipt or work acceptance.</p><p>Current report SHA-256: <code>${revision}</code> · <a href="${fileUrl(result.file)}">Read source</a></p>${metadataHtml(result.parsed, result.file, data.model)}${reviewActions(result)}${resultCriteria(result, data.model)}<section id="result-report"><h2>Report, evidence and limitations</h2>${report}</section>${feedback}</section>`,
-			);
-		}).pipe(Effect.catch((error) => Effect.succeed(layout(`<h1>Result review unavailable</h1><p>${escapeHtml(String(error))}</p>`, 409))));
-	});
-}

package/src/server/rpc/transport.ts

@@ -1,34 +0,0 @@
-import { Effect } from "effect";
-import { HttpIncomingMessage, HttpServerResponse } from "effect/unstable/http";
-import { RpcSerialization, RpcServer } from "effect/unstable/rpc";
-import { localRpcGuard } from "@shivaedev/platform/rpc-server/local.ts";
-import type { Document } from "#browser/document/schema.ts";
-import { workRpcs } from "#rpc/contract.ts";
-import type { Changes } from "#server/files/changes.ts";
-import { MAX_BYTES } from "#server/history/limits.ts";
-import { HEADERS } from "#server/http/respond.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-import { handlers } from "./handlers.ts";
-
-export interface ServerOptions {
-	readonly changes: Changes;
-	readonly document?: (url: string) => Effect.Effect<Document, unknown>;
-	readonly home: string | undefined;
-	readonly index: Effect.Effect<Snapshot, unknown>;
-	readonly page: (url: string) => Effect.Effect<HttpServerResponse.HttpServerResponse, unknown>;
-}
-
-export const server = Effect.fn("WorkBoard.server")(function* (options: ServerOptions) {
-	const rpcHandlers = yield* handlers(options);
-	const wire = RpcSerialization.ndjson;
-	const handler = yield* RpcServer.toHttpEffect(workRpcs).pipe(
-		Effect.provide(rpcHandlers),
-		Effect.provideService(RpcSerialization.RpcSerialization, wire),
-	);
-	return handler.pipe(
-		localRpcGuard,
-		Effect.provideService(RpcSerialization.RpcSerialization, wire),
-		Effect.provideService(HttpIncomingMessage.MaxBodySize, BigInt(4 * MAX_BYTES + 4096)),
-		Effect.map((response) => HttpServerResponse.setHeaders(response, HEADERS)),
-	);
-});

package/src/server/views/tools.ts

@@ -1,11 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { type State, viewUrl } from "./state.ts";
-
-export function viewTools(state: State): string {
-	const layouts = ["board", "table"] as const;
-	return `<nav class="view-layouts" aria-label="Work layout">${layouts.map((view) => `<a href="${escapeHtml(viewUrl(state, { view }, "work-results"))}"${state.view === view ? ' aria-current="page"' : ""}>${view === "board" ? "Board" : "Table"}</a>`).join("")}</nav>
- <section id="saved-work-views" class="saved-work-views" aria-label="Saved local views" data-url="${escapeHtml(viewUrl(state, { item: "" }))}">
- <form id="save-work-view"><label for="view-name">View name</label><input id="view-name" maxlength="60" placeholder="Name this view" required><button type="submit" disabled>Save view</button></form>
- <div class="view-picker"><label for="saved-view">Saved views</label><select id="saved-view" disabled><option value="">No saved views</option></select><a id="open-saved-view" hidden>Open</a><button id="remove-saved-view" type="button" disabled>Remove</button><button id="clear-saved-views" type="button" disabled>Clear all</button></div>
- <p id="saved-view-status" role="status">Save board, filters, sort, and layout locally. Item selection stays in the URL. Saving requires JavaScript.</p></section>`;
-}

package/src/server/views/workCards.ts

@@ -1,27 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Item } from "./items.ts";
-import { type State, viewUrl } from "./state.ts";
-
-function card(item: Item, state: State, waiting: ReadonlyMap<string, string>): string {
-	const fields = item.document.parsed.fields;
-	const selected = item.id === state.item;
-	return `<article class="work-card" data-key="item:${escapeHtml(item.id)}" data-item="${escapeHtml(item.id)}"${selected ? ' data-selected="true"' : ""}>
- ${waiting.has(item.id) ? `<span class="waiting-badge" title="${escapeHtml(waiting.get(item.id) ?? "")}">Waiting on you</span>` : ""}
- <p class="work-kind">${escapeHtml(fields.kind ?? "Kind not recorded")}</p>
- <h3><a href="${escapeHtml(viewUrl(state, { item: item.id }, "work-detail"))}"${selected ? ' aria-current="true"' : ""}>${escapeHtml(item.title)}</a></h3>
- <p class="work-id">${escapeHtml(item.id)}</p><p class="work-owner">Owner: ${escapeHtml(fields.owner ?? "Not recorded")}</p>
- ${fields.nextAction ? `<p class="work-next">Next: ${escapeHtml(fields.nextAction)}</p>` : ""}</article>`;
-}
-export function workCards(items: readonly Item[], state: State, waiting: ReadonlyMap<string, string> = new Map()): string {
-	if (items.length === 0) {
-		return '<p class="empty">No work matches these filters.</p>';
-	}
-	const columns = Map.groupBy(items, (item) => item.document.parsed.fields.status);
-	return `<div class="work-columns">${[...columns]
-		.map(
-			([status, rows]) => `<section class="work-column" data-key="status:${escapeHtml(status ?? "")}"
- aria-label="${escapeHtml(status ?? "Status not recorded")}"><h2>${escapeHtml(status ?? "Status not recorded")} <span class="work-count">${rows.length}</span></h2>
- ${rows.map((item) => card(item, state, waiting)).join("")}</section>`,
-		)
-		.join("")}</div>`;
-}

package/src/server/views/workControls.ts

@@ -1,38 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Item } from "./items.ts";
-import type { Projection } from "./projection.ts";
-import { fieldFilter, type State, viewUrl } from "./state.ts";
-
-function option(value: string, title: string, current: string): string {
-	return `<option value="${escapeHtml(value)}"${value === current ? " selected" : ""}>${escapeHtml(title)}</option>`;
-}
-function fieldOptions(items: readonly Item[], field: "owner" | "status", current: string): string {
-	const values = new Map(
-		items.map((item) => {
-			const value = item.document.parsed.fields[field];
-			return [fieldFilter(value), value ?? `${field === "owner" ? "Owner" : "Status"} not recorded`];
-		}),
-	);
-	if (current && !values.has(current)) {
-		values.set(current, `${current.startsWith("value:") ? current.slice(6) : current} (no current matches)`);
-	}
-	return (
-		option("", `All ${field === "owner" ? "owners" : "statuses"}`, current)
-		+ [...values]
-			.sort((a, b) => a[1].localeCompare(b[1], "en"))
-			.map(([value, label]) => option(value, label, current))
-			.join("")
-	);
-}
-export function workControls(projection: Projection, state: State): string {
-	const boards = option("", "All work", state.board) + projection.boards.map((board) => option(board.id, board.title, state.board)).join("");
-	const unavailable = state.board && !projection.validBoard ? option(state.board, `${state.board} (unavailable)`, state.board) : "";
-	return `<form id="work-filters" class="work-filters" action="/_board/work#work-results" method="get">
- <input type="hidden" name="view" value="${state.view}"><input type="hidden" name="item" value="${escapeHtml(state.item)}">
- <label><span>Board</span><select name="board" id="work-board">${boards}${unavailable}</select></label>
- <label><span>Status</span><select name="status" id="work-status">${fieldOptions(projection.items, "status", state.status)}</select></label>
- <label><span>Owner</span><select name="owner" id="work-owner">${fieldOptions(projection.items, "owner", state.owner)}</select></label>
- <label><span>Find work</span><input name="q" id="work-query" type="search" value="${escapeHtml(state.query)}" maxlength="200"></label>
- <label><span>Sort by</span><select name="sort" id="work-sort">${["title", "owner", "status"].map((sort) => option(sort, sort.charAt(0).toUpperCase() + sort.slice(1), state.sort)).join("")}</select></label>
- <button type="submit">Apply</button><a href="${escapeHtml(viewUrl(state, { owner: "", query: "", status: "" }, "work-results"))}">Clear filters</a></form>`;
-}

package/src/server/views/workDetail.ts

@@ -1,28 +0,0 @@
-import { Effect } from "effect";
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { documentHeadings } from "#render/documentHeadings.ts";
-import { identityUrl } from "#server/metadata/links.ts";
-import { metadataHtml } from "#server/page/metadata.ts";
-import { renderMarkdown } from "#server/render/markdown.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-import type { Projection } from "./projection.ts";
-import { type State, viewUrl } from "./state.ts";
-
-export const workDetail = Effect.fn("WorkBoard.workDetail")(function* (projection: Projection, state: State, snapshot: Snapshot) {
-	if (!state.item) {
-		return "";
-	}
-	const close = `<a class="detail-close" href="${escapeHtml(viewUrl(state, { item: "" }, "work-results"))}">Close detail</a>`;
-	const selected = projection.selected;
-	if (!selected) {
-		const ambiguous = (snapshot.model.ids.get(state.item)?.length ?? 0) > 1;
-		return `<aside id="work-detail" class="work-detail" tabindex="-1" aria-label="Selected work">${close}<h2>Item unavailable</h2><p>${escapeHtml(state.item)} ${ambiguous ? "has a duplicate ID" : "is missing or its identity changed"}. No source was selected.</p><a href="${escapeHtml(identityUrl(state.item))}">Inspect item identity</a></aside>`;
-	}
-	const { document } = selected;
-	const prose = yield* renderMarkdown(document.parsed.body, { file: document.file, headings: documentHeadings() });
-	return `<aside id="work-detail" class="work-detail" data-key="detail:${escapeHtml(selected.id)}" tabindex="-1" aria-label="Selected work">
- <header>${close}<a href="${escapeHtml(identityUrl(selected.id))}">Open document</a></header>
- ${projection.selectedOutside ? '<p class="detail-notice" role="status">This selected item is outside the current board or filters.</p>' : ""}
- <p class="meta">Source: ${escapeHtml(document.file)}</p>${metadataHtml(document.parsed, document.file, snapshot.model)}
- <article class="doc">${prose}</article></aside>`;
-});