@shivaedev/work-board 0.12.0 → 0.14.0

package/src/client/responses/drafts.ts

@@ -1,82 +0,0 @@
-import { Schema } from "effect";
-import { Answers, type PromptAnswer } from "#browser/responses/schema.ts";
-import { Identity } from "#path/Identity.ts";
-
-export const DRAFT_BYTES = 2 * 1024 * 1024;
-export const DRAFT_AGE = 30 * 24 * 60 * 60 * 1000;
-export interface Draft {
-	readonly answers?: readonly PromptAnswer[] | undefined;
-	readonly author: string;
-	readonly body: string;
-	readonly id: string;
-	readonly question?: string | undefined;
-	readonly recovery?: string | undefined;
-	readonly revision: string;
-	readonly supersedes?: string | undefined;
-	readonly type: string;
-	readonly updatedAt: number;
-}
-function extraFields(entry: object) {
-	return {
-		...("question" in entry ? { question: Schema.decodeUnknownSync(Identity)(entry.question) } : {}),
-		...("recovery" in entry ? { recovery: Schema.decodeUnknownSync(Schema.String)(entry.recovery) } : {}),
-		...("answers" in entry ? { answers: Schema.decodeUnknownSync(Answers, { onExcessProperty: "error" })(entry.answers) } : {}),
-		...("supersedes" in entry ? { supersedes: Schema.decodeUnknownSync(Identity)(entry.supersedes) } : {}),
-	};
-}
-export function readDrafts(raw: string | null, now: number): { drafts: Record<string, Draft>; expired: boolean } {
-	if (raw === null) {
-		return { drafts: {}, expired: false };
-	}
-	if (new TextEncoder().encode(raw).length > DRAFT_BYTES) {
-		throw new Error("Draft storage exceeds the workspace limit.");
-	}
-	const value: unknown = JSON.parse(raw);
-	if (typeof value !== "object" || value === null || Array.isArray(value)) {
-		throw new Error("Draft storage is malformed.");
-	}
-	const drafts: Record<string, Draft> = {};
-	let expired = false;
-	for (const [key, entry] of Object.entries(value)) {
-		if (
-			typeof entry !== "object"
-			|| entry === null
-			|| !("author" in entry)
-			|| !("body" in entry)
-			|| !("id" in entry)
-			|| !("revision" in entry)
-			|| !("type" in entry)
-			|| !("updatedAt" in entry)
-			|| typeof entry.author !== "string"
-			|| typeof entry.body !== "string"
-			|| typeof entry.id !== "string"
-			|| typeof entry.revision !== "string"
-			|| (entry.type !== "answer" && entry.type !== "clarify" && entry.type !== "not_now")
-			|| typeof entry.updatedAt !== "number"
-			|| !Number.isFinite(entry.updatedAt)
-		) {
-			throw new Error("Draft storage is malformed.");
-		}
-		if (entry.updatedAt > now || now - entry.updatedAt >= DRAFT_AGE) {
-			expired = true;
-			continue;
-		}
-		drafts[key] = {
-			...extraFields(entry),
-			author: entry.author,
-			body: entry.body,
-			id: entry.id,
-			revision: entry.revision,
-			type: entry.type,
-			updatedAt: entry.updatedAt,
-		};
-	}
-	return { drafts, expired };
-}
-export function encodeDrafts(drafts: Readonly<Record<string, Draft>>): string {
-	const value = JSON.stringify(drafts);
-	if (new TextEncoder().encode(value).length > DRAFT_BYTES) {
-		throw new Error("Draft storage is full. Copy this draft before clearing workspace drafts.");
-	}
-	return value;
-}

package/src/client/responses/feedback.ts

@@ -1,81 +0,0 @@
-import type { responseFields } from "./fields.ts";
-
-type Control = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
-
-function promptName(prompt: HTMLFieldSetElement) {
-	return prompt.querySelector("legend")?.textContent ?? "Question";
-}
-function unanswered(prompt: HTMLFieldSetElement) {
-	return !(prompt.querySelector("input:checked") || prompt.querySelector<HTMLTextAreaElement>("textarea")?.value.trim());
-}
-function errorFor(control: Control, author: HTMLInputElement, missing: readonly HTMLFieldSetElement[]) {
-	if (control === author && !author.value.trim()) {
-		return "Add your local author label.";
-	}
-	const prompt = control.closest("fieldset");
-	if (prompt && missing.includes(prompt)) {
-		return `Unanswered: ${promptName(prompt)}. Choose an option or answer in your own words.`;
-	}
-	return control.validationMessage;
-}
-function displayError(control: Control, message: HTMLElement, error: string) {
-	message.textContent = error;
-	message.hidden = !error;
-	control.setAttribute("aria-invalid", String(Boolean(error)));
-	if (error) {
-		control.closest("details")?.setAttribute("open", "");
-	}
-}
-function messageFor(control: Control, index: number) {
-	const existing = control.nextElementSibling;
-	const message = existing instanceof HTMLElement && existing.classList.contains("response-field-error") ? existing : document.createElement("span");
-	message.id = `response-error-${index}`;
-	message.className = "response-field-error";
-	message.hidden = true;
-	control.after(message);
-	control.setAttribute("aria-describedby", message.id);
-	return { control, message };
-}
-function readyMessage(decoded: boolean, previewed: boolean) {
-	if (!decoded) {
-		return "This draft is invalid. Review the response fields before recording.";
-	}
-	return previewed ? "Preview ready. Record this response when you are ready." : "Draft ready. Preview the Markdown before recording it.";
-}
-
-export function responseFeedback(form: HTMLFormElement, fields: NonNullable<ReturnType<typeof responseFields>>, valid: () => boolean) {
-	const { author, body, status, supersedes, type } = fields;
-	const prompts = [...form.querySelectorAll<HTMLFieldSetElement>("fieldset[data-prompt]")];
-	const controls: readonly Control[] = [
-		author,
-		body,
-		type,
-		...(supersedes instanceof HTMLSelectElement ? [supersedes] : []),
-		...prompts.flatMap((prompt) => [...prompt.querySelectorAll<HTMLTextAreaElement>("textarea")]),
-	];
-	const messages = controls.map(messageFor);
-	function show(notice: string, previewed = false) {
-		const decoded = valid();
-		const missing = type.value === "answer" ? prompts.filter(unanswered) : [];
-		for (const { control, message } of messages) {
-			displayError(control, message, errorFor(control, author, missing));
-		}
-		const errors = messages.filter(({ message }) => !message.hidden);
-		const summary = [
-			author.value.trim() ? "" : "Add your local author label.",
-			missing.length > 0 ? `Unanswered prompts: ${missing.map(promptName).join("; ")}.` : "",
-			...errors.filter(({ control }) => control !== author && !control.closest("fieldset")).map(({ message }) => message.textContent),
-		]
-			.filter(Boolean)
-			.join(" ");
-		if (form.dataset.writable === "true" && status.dataset.outcome !== "pending") {
-			delete status.dataset.outcome;
-			status.textContent = [notice, summary || readyMessage(decoded, previewed)].filter(Boolean).join(" ");
-		}
-		return decoded && errors.length === 0;
-	}
-	function focus() {
-		messages.find(({ message }) => !message.hidden)?.control.focus();
-	}
-	return { focus, show };
-}

package/src/client/responses/fields.ts

@@ -1,26 +0,0 @@
-export function responseFields(form: HTMLFormElement) {
-	const status = form.querySelector<HTMLParagraphElement>("#response-status");
-	const author = form.elements.namedItem("author");
-	const body = form.elements.namedItem("body");
-	const type = form.elements.namedItem("type");
-	const supersedes = form.elements.namedItem("supersedes");
-	const submit = form.querySelector<HTMLButtonElement>("#response-submit");
-	const preview = form.querySelector<HTMLPreElement>("#response-preview-content");
-	const clear = form.querySelector<HTMLButtonElement>("#response-clear");
-	const previewButton = form.querySelector<HTMLButtonElement>("#response-preview");
-	if (
-		!(
-			status
-			&& author instanceof HTMLInputElement
-			&& body instanceof HTMLTextAreaElement
-			&& type instanceof HTMLSelectElement
-			&& submit
-			&& preview
-			&& clear
-			&& previewButton
-		)
-	) {
-		return undefined;
-	}
-	return { author, body, clear, preview, previewButton, status, submit, supersedes, type };
-}

package/src/client/responses/form.ts

@@ -1,58 +0,0 @@
-import { Effect, Layer } from "effect";
-import * as Atom from "effect/unstable/reactivity/Atom";
-import { make } from "@shivaedev/effect-form/form.ts";
-import { fieldFeedback, type formOwner } from "#client/fieldFeedback.ts";
-import type { Draft } from "./drafts.ts";
-import type { responseFields } from "./fields.ts";
-import { type ResponseSubmission, responseFormSchema } from "./formSchema.ts";
-import type { questionnaireControls } from "./questionnaireControls.ts";
-
-export function responseForm(
-	form: HTMLFormElement,
-	fields: NonNullable<ReturnType<typeof responseFields>>,
-	draft: Draft,
-	controls: ReturnType<typeof questionnaireControls>,
-	owner: ReturnType<typeof formOwner>,
-	onSubmit: (values: ResponseSubmission) => Promise<boolean>,
-) {
-	const { author, body, supersedes, type } = fields;
-	const questionId = form.dataset.question ?? "";
-	const model = make(responseFormSchema(controls.models.length > 0), {
-		initialValues: {
-			answers: controls.read(),
-			author: author.value,
-			body: body.value,
-			id: draft.id,
-			question: questionId,
-			revision: draft.revision,
-			supersedes: draft.supersedes,
-			type: type.value,
-		},
-		onSubmit: (values) => Effect.tryPromise({ catch: (error) => error, try: () => onSubmit(values) }),
-		runtime: Atom.runtime(Layer.empty),
-	});
-	const valid = fieldFeedback(
-		model,
-		owner,
-		[
-			{ control: author, name: "author" },
-			{ control: body, name: "body" },
-			{ control: type, name: "type" },
-			{ control: supersedes instanceof HTMLSelectElement ? supersedes : undefined, name: "supersedes" },
-			{ name: "answers" },
-			{ name: "id" },
-			{ name: "question" },
-			{ name: "revision" },
-		],
-		[...form.querySelectorAll<HTMLTextAreaElement>("[data-answer-text]")].map((control, index) => ({ control, path: ["answers", index, "text"] })),
-	);
-	function sync() {
-		model.change("author", fields.author.value);
-		model.change("body", fields.body.value);
-		model.change("type", fields.type.value);
-		model.change("answers", controls.read());
-		model.change("supersedes", supersedes instanceof HTMLSelectElement ? supersedes.value || undefined : undefined);
-		return model.values.value;
-	}
-	return { model, sync, valid };
-}

package/src/client/responses/questionnaireControls.ts

@@ -1,94 +0,0 @@
-import type { Prompt } from "#browser/responses/Prompt.ts";
-import type { PromptAnswer } from "#browser/responses/schema.ts";
-import type { Draft } from "./drafts.ts";
-
-function restoreAnswers(fields: readonly HTMLFieldSetElement[], draft: Draft, same: boolean) {
-	for (const field of fields) {
-		const answer = draft.answers?.find((entry) => entry.prompt === field.dataset.prompt);
-		for (const input of field.querySelectorAll<HTMLInputElement>("input")) {
-			input.checked = same && (answer?.selected.includes(input.value) ?? false);
-		}
-		const text = field.querySelector<HTMLTextAreaElement>("textarea");
-		if (text) {
-			text.value = answer?.text ?? "";
-		}
-	}
-}
-export function questionnaireControls(form: HTMLFormElement, signal: AbortSignal) {
-	function modeOf(field: HTMLFieldSetElement) {
-		if (field.dataset.mode === "text") {
-			return "text";
-		}
-		return field.dataset.mode === "many" ? "many" : "one";
-	}
-	const fields = [...form.querySelectorAll<HTMLFieldSetElement>("fieldset[data-prompt]")];
-	function syncChoices() {
-		for (const button of form.querySelectorAll<HTMLButtonElement>("button[data-choice]")) {
-			const input = form.querySelector<HTMLInputElement>(`input[value="${button.dataset.choice}"]`);
-			button.setAttribute("aria-pressed", String(input?.checked ?? false));
-		}
-	}
-	form.addEventListener(
-		"click",
-		(event) => {
-			const button = event.target instanceof Element ? event.target.closest<HTMLButtonElement>("button[data-choice]") : null;
-			if (!button) {
-				return;
-			}
-			const input = form.querySelector<HTMLInputElement>(`input[value="${button.dataset.choice}"]`);
-			if (input) {
-				input.checked = true;
-				syncChoices();
-				input.dispatchEvent(new Event("input", { bubbles: true }));
-			}
-		},
-		{ signal },
-	);
-	form.addEventListener("input", syncChoices, { signal });
-	const models: Prompt[] = fields.map((field) => ({
-		id: field.dataset.prompt ?? "",
-		mode: modeOf(field),
-		options: [...field.querySelectorAll<HTMLInputElement>("input[data-option-source]")].map((input) => ({
-			id: input.value,
-			source: input.dataset.optionSource ?? "",
-		})),
-		source: field.dataset.source ?? "",
-	}));
-	function read(): readonly PromptAnswer[] | undefined {
-		return fields.length === 0
-			? undefined
-			: fields.map((field) => ({
-					prompt: field.dataset.prompt ?? "",
-					selected: [...field.querySelectorAll<HTMLInputElement>("input:checked")].map((input) => input.value),
-					text: field.querySelector<HTMLTextAreaElement>("textarea")?.value ?? "",
-				}));
-	}
-	function restore(draft: Draft, revision: string) {
-		const same = draft.revision === revision && (draft.question === undefined || draft.question === form.dataset.question);
-		restoreAnswers(fields, draft, same);
-		syncChoices();
-		const recovery = form.querySelector<HTMLPreElement>("#response-draft-recovery");
-		const retained =
-			!same && draft.answers
-				? `Earlier template answers (selections cleared; review before choosing again):\n${JSON.stringify(draft.answers, null, 2)}\n${draft.recovery ?? ""}`
-				: draft.recovery;
-		if (recovery) {
-			recovery.textContent = retained ?? "";
-			recovery.hidden = !retained;
-		}
-		return retained;
-	}
-	for (const field of fields) {
-		field.querySelector("[data-clear-choices]")?.addEventListener(
-			"click",
-			() => {
-				for (const input of field.querySelectorAll<HTMLInputElement>("input")) {
-					input.checked = false;
-				}
-				form.dispatchEvent(new Event("input", { bubbles: true }));
-			},
-			{ signal },
-		);
-	}
-	return { models, read, restore };
-}

package/src/client/responses/setup.ts

@@ -1,6 +0,0 @@
-import { attachResponses } from "./attach.ts";
-export function setupResponses() {
-	document.addEventListener("board-page", attachResponses);
-	window.addEventListener("pageshow", attachResponses);
-	attachResponses();
-}

package/src/client/responses/submit.ts

@@ -1,44 +0,0 @@
-import { Schema } from "effect";
-import { InternalServerError } from "@shivaedev/platform/errors/taxonomy.ts";
-import { session } from "#client/session.ts";
-import { PublicationUncertain, ResponseRejection } from "#rpc/rejections.ts";
-import type { draftSession } from "./draftSession.ts";
-import type { Draft } from "./drafts.ts";
-import type { ResponseSubmission } from "./formSchema.ts";
-
-export async function submitResponse(
-	form: HTMLFormElement,
-	status: HTMLParagraphElement,
-	drafts: ReturnType<typeof draftSession>,
-	pending: Draft,
-	values: ResponseSubmission,
-) {
-	status.dataset.outcome = "pending";
-	status.textContent = "Pending: registering reviewed context, then recording response…";
-	const native = session(window);
-	try {
-		const question = await native.mutate(
-			native.responses.registerQuestion.run({ item: form.dataset.item ?? "", request: form.dataset.request ?? "", revision: values.revision }),
-		);
-		await native.mutate(native.responses.recordResponse.run({ ...values, question: question.id }));
-		if (form.isConnected) {
-			status.dataset.outcome = "saved";
-			status.textContent = `Saved: responses/${values.id}.md. This records feedback, not acceptance.`;
-		}
-		const cleared = drafts.saved(pending);
-		if (!cleared && form.isConnected) {
-			status.textContent += " Your current draft remains unsaved.";
-		}
-		return cleared;
-	} catch (error) {
-		if (form.isConnected) {
-			const outcome =
-				Schema.is(ResponseRejection)(error) && !(error instanceof PublicationUncertain) && !(error instanceof InternalServerError)
-					? "rejected"
-					: "uncertain";
-			status.dataset.outcome = outcome;
-			status.textContent = `${outcome === "rejected" ? "Rejected" : "Uncertain"}: ${String(error)}. Draft retained. Preview and retry with the same identity; saved content will be reconciled.`;
-		}
-		throw error;
-	}
-}

package/src/client/views/savedScript.ts

@@ -1,88 +0,0 @@
-export function savedScript(): string {
-	return `
-const key = "work-board:views:" + document.documentElement.dataset.workspace;
-let views = [];
-let notice = "";
-let selectedName = "";
-const localUrl = (value) => {
-  if (typeof value !== "string" || value.length > 8192) return null;
-  try {
-    const url = new URL(value, location.href);
-    if (url.origin !== location.origin || url.pathname !== "/_board/work") return null;
-    for (const name of [...url.searchParams.keys()]) {
-      if (!["view", "board", "owner", "status", "q", "sort"].includes(name)) url.searchParams.delete(name);
-    }
-    return url.pathname + url.search;
-  } catch { return null; }
-};
-try {
-  const saved = JSON.parse(localStorage.getItem(key) ?? "[]");
-  if (Array.isArray(saved)) {
-    for (const entry of saved) {
-      const url = localUrl(entry?.url);
-      if (!url || typeof entry.name !== "string" || !entry.name.trim() || entry.name.length > 60 || views.some((view) => view.name === entry.name)) continue;
-      views.push({ name: entry.name, url });
-      if (views.length === 10) break;
-    }
-  }
-} catch { notice = "Saved views could not be restored; new views apply to this page until saved."; }
-const persist = () => {
-  try { localStorage.setItem(key, JSON.stringify(views)); notice = ""; }
-  catch { notice = "Saved views apply to this page only; browser storage is unavailable."; }
-};
-const selectedView = () => views.find((view) => view.name === document.getElementById("saved-view")?.value);
-const showSelection = () => {
-  const open = document.getElementById("open-saved-view");
-  if (!open) return;
-  const selected = selectedView();
-  open.hidden = !selected;
-  if (selected) open.href = selected.url; else open.removeAttribute("href");
-  document.getElementById("remove-saved-view").disabled = !selected;
-};
-const option = (label, value) => {
-  const node = document.createElement("option");
-  node.textContent = label; node.value = value;
-  return node;
-};
-const refresh = (chosen) => {
-  const tools = document.getElementById("saved-work-views");
-  if (!tools) return;
-  const picker = document.getElementById("saved-view");
-  const previous = chosen ?? selectedName;
-  const labels = views.map((view) => view.name);
-  if (JSON.stringify([...picker.options].slice(1).map((option) => option.value)) !== JSON.stringify(labels)) {
-    picker.replaceChildren(option(views.length ? "Choose a saved view" : "No saved views", ""), ...views.map((view) => option(view.name, view.name)));
-  }
-  picker.value = views.some((view) => view.name === previous) ? previous : "";
-  selectedName = picker.value;
-  picker.disabled = views.length === 0;
-  tools.querySelector('#save-work-view button').disabled = false;
-  document.getElementById("clear-saved-views").disabled = views.length === 0;
-  document.getElementById("saved-view-status").textContent = notice || "Save board, filters, sort, and layout locally. Up to 10 named views; saving the same name updates it. Item selection stays in the URL.";
-  showSelection();
-};
-document.addEventListener("submit", (event) => {
-  if (!event.target.matches?.("#save-work-view")) return;
-  event.preventDefault();
-  const name = document.getElementById("view-name").value.trim().slice(0, 60);
-  const url = localUrl(document.getElementById("saved-work-views").dataset.url);
-  if (!name || !url) return;
-  if (views.length === 10 && !views.some((view) => view.name === name)) {
-    notice = "You have 10 saved views. Remove one or update an existing name."; refresh(); return;
-  }
-  views = [{ name, url }, ...views.filter((view) => view.name !== name)];
-  persist(); refresh(name);
-});
-document.addEventListener("change", (event) => {
-  if (event.target.id === "saved-view") { selectedName = event.target.value; showSelection(); }
-});
-document.addEventListener("click", (event) => {
-  if (event.target.id === "remove-saved-view") views = views.filter((view) => view.name !== selectedView()?.name);
-  else if (event.target.id === "clear-saved-views") views = [];
-  else return;
-  persist(); refresh();
-});
-document.addEventListener("board-page", () => refresh());
-refresh();
-`;
-}

package/src/history/schema.ts

@@ -1,36 +0,0 @@
-import { Schema } from "effect";
-import { isMarkdown } from "#path/isMarkdown.ts";
-
-const File = Schema.String.check(
-	Schema.makeFilter(
-		(value) =>
-			(isMarkdown(value) && !value.includes("\\") && !value.includes("\0") && value.split("/").every((part) => part.length > 0 && part !== ".."))
-			|| "Expected a relative readable Markdown path",
-	),
-);
-const ObservedTime = Schema.String.check(
-	Schema.makeFilter(
-		(value) =>
-			(Number.isFinite(Date.parse(value)) && /^\d{4}-\d{2}-\d{2}T.*(?:Z|[+-]\d{2}:\d{2})$/u.exec(value) !== null)
-			|| "Expected an ISO observation time with timezone",
-	),
-);
-export const Baseline = Schema.Struct({
-	documents: Schema.Array(Schema.Struct({ file: File, source: Schema.String })).check(
-		Schema.makeFilter(
-			(values) => new Set(values.map((value) => value.file)).size === values.length || "Duplicate source paths are not a complete observation",
-		),
-	),
-	recordedAt: ObservedTime,
-	version: Schema.Literal(1),
-}).pipe(Schema.encodeKeys({ recordedAt: "recorded_at" }));
-export type Baseline = typeof Baseline.Type;
-
-export const HistoryInput = Schema.Struct({ action: Schema.Literals(["check", "compare", "observe"]), baseline: Schema.NullOr(Schema.String) });
-export const HistoryOutput = Schema.Struct({
-	discardBaseline: Schema.Boolean,
-	html: Schema.String,
-	reason: Schema.String,
-	snapshot: Schema.NullOr(Schema.String),
-});
-export type HistoryOutput = typeof HistoryOutput.Type;

package/src/server/attention/inboxHtml.ts

@@ -1,56 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-import { inboxItems } from "./inbox.ts";
-
-export function inboxHtml(snapshot: Snapshot, compact = false, now?: number): string {
-	const items = inboxItems(snapshot);
-	const total = snapshot.unavailable.length > 0 ? "Count unavailable" : `${items.length} waiting`;
-	const rows = items
-		.map(
-			(item) =>
-				`<article class="inbox-row" data-key="inbox:${escapeHtml(item.document.file)}"><div><h3><a href="${escapeHtml(item.href)}">${escapeHtml(item.title)}</a></h3><p>${escapeHtml(item.reason)}</p>${item.problem ? `<p class="inbox-problem" role="status">${escapeHtml(item.problem)} — open the source to resolve it.</p>` : ""}</div><p class="inbox-age">${item.modified === undefined ? "Age unavailable" : sourceAge(item.modified, now)}</p></article>`,
-		)
-		.join("");
-	const content =
-		snapshot.unavailable.length > 0
-			? '<p role="status">Workspace incomplete. Inbox membership and count are unavailable.</p>'
-			: rows
-				|| (snapshot.model.documents.some((document) => (snapshot.model.diagnostics.get(document.file)?.length ?? 0) > 0)
-					? '<p class="empty">No classified waiting items. Check source issues in Overview.</p>'
-					: '<p class="empty">All quiet — nothing is waiting on a person.</p>');
-	return compact
-		? `<section aria-label="Inbox summary"><h2>Inbox</h2><p>${total} · <a href="/_board/inbox">Open Inbox</a></p></section>`
-		: `<header class="work-head"><p class="work-eyebrow">WORKSPACE · INBOX</p><h1>Inbox</h1><p>Questions and work waiting on a person. Oldest changed source first.</p></header><p class="work-total" role="status">${total}</p><section class="inbox-list" aria-label="Waiting on you"><h2>Waiting on you</h2>${content}</section>`;
-}
-
-export const inboxStyle = `
-.inbox-row{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;margin:.75rem 0;border:1px solid var(--border);border-radius:10px;background:var(--card);overflow-wrap:anywhere}
-.inbox-row h3{margin:0 0 .5rem}.inbox-row p{margin:.4rem 0}.inbox-row>div{min-width:0}.inbox-age{flex-shrink:0}.waiting-badge{display:inline-block;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:1rem;padding:.1rem .5rem;color:var(--muted);background:var(--surface)}
-.inbox-link{display:flex;justify-content:space-between;gap:1rem;padding:12px;color:var(--sidebar-text);text-decoration:none}.inbox-count{border-radius:1rem;padding:0 .6rem;background:#385242}
-.question-choice{display:grid;grid-template-rows:subgrid;grid-row:span 2;align-content:start;align-items:start;gap:.4rem;text-align:left;padding:1rem;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);font:inherit}.question-choice[aria-pressed=true]{border-color:var(--link);background:var(--surface)}.question-choice small{font:inherit;color:var(--muted)}
-.response-panel [data-clear-choices]{margin-bottom:1rem}
-.question-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.question-choice{width:100%;overflow-wrap:anywhere}.inbox-problem{color:var(--danger)}
-.bar .inbox-count{background:var(--surface);color:var(--text)}.bar .inbox-link{padding:0;flex-shrink:0;text-decoration:underline;text-underline-offset:4px;color:var(--link);white-space:nowrap;gap:.4rem}
-.bar .inbox-link[aria-current="page"]{font-weight:700}
-@media(max-width:600px){.inbox-row{flex-direction:column}.response-panel{padding:0}}
-@media(max-width:600px){.question-choices{grid-template-columns:minmax(0,1fr)}}
-`;
-
-function sourceAge(modified: number, now: number | undefined): string {
-	if (now === undefined) {
-		return `<span class="age" data-modified="${modified}">updated ${new Date(modified).toISOString()}</span>`;
-	}
-	const minutes = Math.max(0, Math.floor((now - modified) / 60_000));
-	const age = elapsedAge(minutes);
-	return `<span class="age" data-modified="${modified}">updated ${age} ago</span>`;
-}
-
-function elapsedAge(minutes: number): string {
-	if (minutes < 60) {
-		return `${minutes}m`;
-	}
-	if (minutes < 48 * 60) {
-		return `${Math.floor(minutes / 60)}h`;
-	}
-	return `${Math.round(minutes / (24 * 60))}d`;
-}

package/src/server/attention/overviewHtml.ts

@@ -1,46 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import { fileUrl } from "#files/url.ts";
-import { referenceHtml } from "#server/page/metadataLinks.ts";
-import type { Snapshot } from "#server/search/snapshot.ts";
-import { inboxItems } from "./inbox.ts";
-import { inboxHtml } from "./inboxHtml.ts";
-import { type AttentionEntry, attentionRequests } from "./requests.ts";
-
-function card(entry: AttentionEntry, snapshot: Snapshot): string {
-	const { request } = entry;
-	return `<article class="attention-card" data-key="attention:${escapeHtml(entry.itemId)}:${escapeHtml(request.id)}" data-attention-item="${escapeHtml(entry.itemId)}" data-request="${escapeHtml(request.id)}">
-<p class="work-kind">${escapeHtml(request.kind)} request</p><h3><a href="${escapeHtml(entry.href)}">${escapeHtml(entry.title)}</a></h3>
-<p class="work-id">${escapeHtml(entry.itemId)} / ${escapeHtml(request.id)}</p><p class="attention-reason">${escapeHtml(request.reason)}</p>
-<dl><dt>Response needed from</dt><dd>${request.responseFrom.map(escapeHtml).join(", ")}</dd><dt>Recorded to unblock</dt><dd>${request.unblocks.map((target) => referenceHtml(target, target, snapshot.model)).join(", ")}</dd></dl>
-<a class="attention-source" href="${escapeHtml(fileUrl(entry.document.file))}#attention-request-${encodeURIComponent(request.id)}">Source: ${escapeHtml(entry.document.file)}:${entry.line}</a></article>`;
-}
-
-export function overviewHtml(snapshot: Snapshot): string {
-	const projection = attentionRequests(snapshot);
-	const header =
-		'<header class="work-head"><p class="work-eyebrow">WORKSPACE · OVERVIEW</p><h1>What needs a response?</h1><p>Choose a recorded request to read its context, reasoning and evidence.</p><a href="/_board/work?view=board">Browse all work</a></header>';
-	const issues =
-		projection.issues.length > 0
-			? `<details class="view-issues" data-key="attention-issues"><summary>Unclassified requests and source issues (${projection.issues.length})</summary><p>Ambiguous or invalid requests stay outside the queues. Read their original sources.</p><ul>${projection.issues.map((issue) => `<li><a href="${escapeHtml(fileUrl(issue.file))}">${escapeHtml(issue.file)}:${issue.line}</a> — ${escapeHtml(issue.message)}</li>`).join("")}</ul></details>`
-			: "";
-	if (!projection.complete) {
-		return `${header}<p class="attention-incomplete" role="status">Workspace incomplete. Could not read ${snapshot.unavailable.map(escapeHtml).join(", ")}. Requests are not counted or classified until the index is complete.</p>${issues}`;
-	}
-	let summary = inboxItems(snapshot).length > 0 ? "No explicit open attention requests recorded." : "All quiet — no explicit open requests recorded.";
-	if (projection.entries.length > 0) {
-		summary = `${projection.entries.length} validated open request${projection.entries.length === 1 ? "" : "s"}`;
-	} else if (projection.issues.length > 0) {
-		summary = "No validated open requests. Check unresolved source issues before treating this workspace as quiet.";
-	}
-	const groups = [
-		{ empty: "No open decision requests.", kind: "decision", title: "Decisions" },
-		{ empty: "No open review requests.", kind: "review", title: "Reviews" },
-		{ empty: "No open blocker requests.", kind: "blocker", title: "Blockers" },
-	]
-		.map((group) => {
-			const entries = projection.entries.filter((entry) => entry.request.kind === group.kind);
-			return `<section class="attention-group" aria-labelledby="attention-${group.kind}"><h2 id="attention-${group.kind}" tabindex="-1">${group.title}<span>${entries.length}</span></h2>${entries.length > 0 ? entries.map((entry) => card(entry, snapshot)).join("") : `<p class="empty">${group.empty}</p>`}</section>`;
-		})
-		.join("");
-	return `${header}${inboxHtml(snapshot, true)}<p class="attention-total" role="status">${summary}</p><p class="attention-order">Decisions, reviews, then blockers. Within each group: source title, item ID, request ID. Recipients are recorded labels.</p>${issues}<div class="attention-groups">${groups}</div><p class="attention-footnote">These are authored requests. Closing one does not verify evidence or record an answer. The Inbox also shows human-owned next actions and questions; file activity and finished runs do not create requests.</p>`;
-}

package/src/server/attention/style.ts

@@ -1,9 +0,0 @@
-export function attentionStyle(): string {
-	return `
-.attention-total{margin:24px 0 8px;font-weight:600}.attention-order,.attention-footnote{font-size:13px;color:var(--muted);margin:0 0 24px;overflow-wrap:anywhere}
-.attention-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.attention-group{min-width:0}.attention-group>h2{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin:0 0 16px}.attention-group>h2>span{font:12px var(--mono);color:var(--muted)}
-.attention-card{border:1px solid var(--border);border-radius:10px;padding:var(--card-space);background:var(--card);margin:0 0 16px;overflow-wrap:anywhere}.attention-card h3{font-size:1rem;margin:6px 0}.attention-card h3 a{text-decoration:none}.attention-card dl{font-size:13px;margin:16px 0}.attention-card dt{color:var(--muted);margin-top:12px}.attention-card dd{margin:4px 0}.attention-source{font-size:12px}.attention-reason{font-size:14px;margin:0}.attention-footnote{margin-top:24px}.attention-incomplete{padding:16px;border:1px solid var(--danger);border-radius:8px;margin:24px 0;overflow-wrap:anywhere}
-[id^="attention-request-"],[id^="attention-record-"]{scroll-margin-top:20px}
-@media(max-width:1100px){.attention-groups{grid-template-columns:minmax(0,1fr)}}
-`;
-}