@shivaedev/work-board 0.12.0 → 0.13.0

package/dist/server/rpc/transport.js

@@ -1,15 +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 { workRpcs } from "#rpc/contract.ts";
-import { MAX_BYTES } from "#server/history/limits.ts";
-import { HEADERS } from "#server/http/respond.ts";
-import { handlers } from "./handlers.js";
-export const server = Effect.fn("WorkBoard.server")(function* (options) {
-    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)));
-});
-//# sourceMappingURL=transport.js.map

package/dist/server/rpc/transport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transport.js","sourceRoot":"","sources":["../../../src/server/rpc/transport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUzC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAsB;IACpF,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,CAAC;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC3D,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAC3B,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAC9D,CAAC;IACF,OAAO,OAAO,CAAC,IAAI,CAClB,aAAa,EACb,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAC9D,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,EACpF,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAC1E,CAAC;AACH,CAAC,CAAC,CAAC"}

package/src/client/diagnostics/script.ts

@@ -1,31 +0,0 @@
-import { routeQueryOptions } from "#client/page/routeQuery.ts";
-import { resetLabel } from "#diagnostics/resetLabel.ts";
-
-export function diagnosticsScript(): string {
-	return `
-import { session } from "/_board/native.js";
-const resetLabel = ${resetLabel.toString()};
-const localizeResets = () => {
-  for (const time of document.querySelectorAll("time[data-reset]")) {
-    time.textContent = resetLabel(Date.parse(time.dateTime), Date.now());
-  }
-};
-localizeResets();
-document.addEventListener("board-page", localizeResets);
-const refresh = () => {
-  if (location.pathname !== "/_board/diagnostics" || document.visibilityState === "hidden") return;
-  const native = session(window);
-  const page = native.api.page.query({ url: location.pathname + location.search }, ${JSON.stringify(routeQueryOptions)});
-  if (!native.registry.get(native.updates.paused) && !native.registry.get(page).waiting) native.registry.refresh(page);
-};
-let timer = setInterval(refresh, 15000);
-document.addEventListener("visibilitychange", refresh);
-document.addEventListener("board-updates-resumed", refresh);
-window.addEventListener("pagehide", () => clearInterval(timer));
-window.addEventListener("pageshow", (event) => {
-  if (!event.persisted) return;
-  clearInterval(timer);
-  timer = setInterval(refresh, 15000);
-});
-`;
-}

package/src/client/fieldFeedback.ts

@@ -1,53 +0,0 @@
-import * as AtomRegistry from "effect/unstable/reactivity/AtomRegistry";
-import type { Fields, Form, Name } from "@shivaedev/effect-form/shape.ts";
-
-type Control = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
-
-export function fieldFeedback<TFields extends Fields, A, E, TRuntimeError>(
-	form: Form<TFields, A, E, TRuntimeError>,
-	owner: ReturnType<typeof formOwner>,
-	fields: ReadonlyArray<{ readonly name: Name<TFields>; readonly control?: Control | undefined }>,
-	paths: ReadonlyArray<{ readonly path: readonly [Name<TFields>, ...PropertyKey[]]; readonly control: Control }> = [],
-) {
-	const releases = fields.map(({ name, control }) =>
-		owner.registry.subscribe(form.error(name), (message) => control?.setCustomValidity(message ?? ""), { immediate: true }),
-	);
-	for (const { path, control } of paths) {
-		releases.push(owner.registry.subscribe(form.errorAt(path), (message) => control.setCustomValidity(message ?? ""), { immediate: true }));
-	}
-	owner.signal.addEventListener(
-		"abort",
-		() => {
-			for (const release of releases) {
-				release();
-			}
-		},
-		{ once: true },
-	);
-	return () => {
-		for (const { name } of fields) {
-			form.blur(name);
-		}
-		return fields.every(({ name }) => owner.registry.get(form.error(name)) === undefined);
-	};
-}
-
-export function formOwner(dom: HTMLFormElement) {
-	const controller = new AbortController();
-	const registry = AtomRegistry.make();
-	function release() {
-		controller.abort();
-		registry.dispose();
-		delete dom.dataset.bound;
-		document.removeEventListener("board-page", unmounted);
-		window.removeEventListener("pagehide", release);
-	}
-	function unmounted() {
-		if (!dom.isConnected) {
-			release();
-		}
-	}
-	document.addEventListener("board-page", unmounted);
-	window.addEventListener("pagehide", release);
-	return { registry, release, signal: controller.signal };
-}

package/src/client/handoffs/copy.ts

@@ -1,45 +0,0 @@
-const bound = new WeakSet<HTMLButtonElement>();
-export function copyPrompts(root: ParentNode) {
-	for (const button of root.querySelectorAll<HTMLButtonElement>("[data-handoff-copy]")) {
-		if (bound.has(button)) {
-			continue;
-		}
-		bound.add(button);
-		button.addEventListener("click", async () => {
-			const field = document.getElementById(button.dataset.handoffCopy ?? "");
-			const status = button.parentElement?.querySelector("[data-copy-status]");
-			if (!(field instanceof HTMLTextAreaElement && status)) {
-				return;
-			}
-			try {
-				await navigator.clipboard.writeText(field.value);
-				status.textContent = "Prompt copied. Paste it into your existing agent session.";
-			} catch {
-				field.focus();
-				field.select();
-				status.textContent = "Clipboard unavailable. The prompt is selected; copy it manually.";
-			}
-		});
-	}
-}
-export function preparedPrompt(container: HTMLElement, id: string, prompt: string) {
-	const label = document.createElement("label");
-	label.textContent = "Prompt for your existing agent session";
-	const field = document.createElement("textarea");
-	field.id = `handoff-prompt-${id}`;
-	field.readOnly = true;
-	field.rows = 3;
-	field.value = prompt;
-	label.append(field);
-	const button = document.createElement("button");
-	button.type = "button";
-	button.dataset.handoffCopy = field.id;
-	button.textContent = "Copy tiny prompt";
-	const status = document.createElement("p");
-	status.dataset.copyStatus = "";
-	status.setAttribute("role", "status");
-	status.textContent = "Prepared; receipt not confirmed. Copy the prompt to your agent.";
-	container.replaceChildren(label, button, status);
-	container.hidden = false;
-	copyPrompts(container);
-}

package/src/client/handoffs/fields.ts

@@ -1,38 +0,0 @@
-import { Option, Schema } from "effect";
-import type { Draft } from "#client/responses/drafts.ts";
-
-const TextFields = Schema.Struct({ constraints: Schema.String, goal: Schema.String, nextAction: Schema.String });
-export function handoffFields(form: HTMLFormElement) {
-	const recipient = form.elements.namedItem("recipient");
-	const goal = form.elements.namedItem("goal");
-	const constraints = form.elements.namedItem("constraints");
-	const nextAction = form.elements.namedItem("nextAction");
-	if (
-		!(
-			recipient instanceof HTMLInputElement
-			&& goal instanceof HTMLTextAreaElement
-			&& constraints instanceof HTMLTextAreaElement
-			&& nextAction instanceof HTMLTextAreaElement
-		)
-	) {
-		return undefined;
-	}
-	return { constraints, goal, nextAction, recipient };
-}
-export function restoreFields(fields: NonNullable<ReturnType<typeof handoffFields>>, draft: Draft) {
-	if (!draft.body) {
-		return;
-	}
-	try {
-		const saved = Schema.decodeUnknownOption(TextFields)(JSON.parse(draft.body));
-		if (Option.isSome(saved)) {
-			fields.constraints.value = saved.value.constraints;
-			fields.goal.value = saved.value.goal;
-			fields.nextAction.value = saved.value.nextAction;
-			fields.recipient.value = draft.author;
-		}
-	} catch {
-		fields.goal.value = draft.body;
-		fields.recipient.value = draft.author;
-	}
-}

package/src/client/handoffs/form.ts

@@ -1,41 +0,0 @@
-import { Effect, Layer } from "effect";
-import * as Atom from "effect/unstable/reactivity/Atom";
-import { make } from "@shivaedev/effect-form/form.ts";
-import { type Handoff, HandoffInput } from "#browser/handoffs/schema.ts";
-import { fieldFeedback, type formOwner } from "#client/fieldFeedback.ts";
-import type { Draft } from "#client/responses/drafts.ts";
-import type { handoffFields } from "./fields.ts";
-
-export function handoffForm(
-	dom: HTMLFormElement,
-	fields: NonNullable<ReturnType<typeof handoffFields>>,
-	draft: Draft,
-	owner: ReturnType<typeof formOwner>,
-	onSubmit: (input: HandoffInput) => Promise<Handoff>,
-) {
-	const model = make(HandoffInput, {
-		initialValues: {
-			constraints: fields.constraints.value,
-			goal: fields.goal.value,
-			id: draft.id,
-			item: dom.dataset.item ?? "",
-			nextAction: fields.nextAction.value,
-			recipient: fields.recipient.value,
-			revision: draft.revision,
-			source: dom.dataset.source ?? "",
-		},
-		onSubmit: (input) => Effect.tryPromise({ catch: (error) => error, try: () => onSubmit(input) }),
-		runtime: Atom.runtime(Layer.empty),
-	});
-	const valid = fieldFeedback(model, owner, [
-		{ control: fields.constraints, name: "constraints" },
-		{ control: fields.goal, name: "goal" },
-		{ control: fields.nextAction, name: "nextAction" },
-		{ control: fields.recipient, name: "recipient" },
-		{ name: "id" },
-		{ name: "item" },
-		{ name: "revision" },
-		{ name: "source" },
-	]);
-	return { model, valid };
-}

package/src/client/handoffs/setup.ts

@@ -1,142 +0,0 @@
-import { Effect, Schema } from "effect";
-import * as AtomRegistry from "effect/unstable/reactivity/AtomRegistry";
-import { InternalServerError } from "@shivaedev/platform/errors/taxonomy.ts";
-import { formOwner } from "#client/fieldFeedback.ts";
-import { copyPrompts, preparedPrompt } from "#client/handoffs/copy.ts";
-import { handoffFields, restoreFields } from "#client/handoffs/fields.ts";
-import { draftSession } from "#client/responses/draftSession.ts";
-import { session } from "#client/session.ts";
-import { PublicationUncertain, ResponseRejection } from "#rpc/rejections.ts";
-import { handoffForm } from "./form.ts";
-
-function attach() {
-	const doc = document.getElementById("doc");
-	if (doc?.dataset.view !== "handoff") {
-		return;
-	}
-	copyPrompts(doc);
-	const form = doc.querySelector<HTMLFormElement>("#handoff-form");
-	if (!form || form.dataset.bound === "true") {
-		return;
-	}
-	const found = handoffFields(form);
-	const status = form.querySelector<HTMLParagraphElement>("#handoff-status");
-	const preview = form.querySelector<HTMLPreElement>("#handoff-preview-content");
-	const previewButton = form.querySelector<HTMLButtonElement>("#handoff-preview");
-	const submit = form.querySelector<HTMLButtonElement>("#handoff-submit");
-	const clear = form.querySelector<HTMLButtonElement>("#handoff-clear");
-	const prepared = form.querySelector<HTMLElement>("#handoff-prepared");
-	if (!(found && status && preview && previewButton && submit && clear && prepared)) {
-		return;
-	}
-	const fields = found;
-	form.dataset.bound = "true";
-	const revision = form.dataset.revision ?? "";
-	const question = form.dataset.question ?? "";
-	let storage: Storage | undefined;
-	try {
-		storage = window.localStorage;
-	} catch {
-		storage = undefined;
-	}
-	if (status.textContent?.includes("JavaScript is required")) {
-		status.textContent = "Draft ready. Review and preview before preparing the file.";
-	}
-	const drafts = draftSession(
-		`handoff:${form.dataset.item}`,
-		revision,
-		storage,
-		`work-board:drafts:${document.documentElement.dataset.workspace}`,
-		(message) => {
-			status.textContent = message;
-		},
-		"handoff",
-	);
-	let draft = drafts.current();
-	restoreFields(fields, draft);
-	const owner = formOwner(form);
-	let pending = draft;
-	const { model, valid } = handoffForm(form, fields, draft, owner, async (input) => {
-		const native = session(window);
-		const saved = await native.mutate(native.handoffs.prepareHandoff.run(input));
-		const cleared = drafts.saved(pending);
-		draft = drafts.current();
-		if (form.isConnected) {
-			status.textContent = `Prepared: ${saved.file}. Receipt: ${saved.handoff.state}; execution and acceptance remain separate.${cleared ? "" : " Your newer draft remains unsaved."}`;
-			preparedPrompt(prepared, saved.id, saved.prompt);
-		}
-		return saved;
-	});
-	function save() {
-		model.change("recipient", fields.recipient.value);
-		model.change("constraints", fields.constraints.value);
-		model.change("goal", fields.goal.value);
-		model.change("nextAction", fields.nextAction.value);
-		const values = model.values.value;
-		draft = drafts.update({
-			author: values.recipient,
-			body: JSON.stringify({ constraints: values.constraints, goal: values.goal, nextAction: values.nextAction }),
-		});
-	}
-	form.addEventListener(
-		"input",
-		() => {
-			save();
-			preview.hidden = true;
-			submit.disabled = true;
-		},
-		{ signal: owner.signal },
-	);
-	previewButton.disabled = false;
-	clear.disabled = false;
-	clear.addEventListener("click", drafts.clear, { signal: owner.signal });
-	previewButton.addEventListener(
-		"click",
-		() => {
-			save();
-			draft = drafts.update({
-				id: draft.revision === revision && (!draft.question || draft.question === question) ? draft.id : `handoff.${crypto.randomUUID()}`,
-				question,
-				revision,
-			});
-			model.change("id", draft.id);
-			model.change("revision", revision);
-			const input = model.values.value;
-			preview.textContent = `New file: handoffs/${input.id}.md\nPrepared time and reviewed snapshot are assigned by the server.\n\n---\n${JSON.stringify({ handoff: { constraints: input.constraints, goal: input.goal, item: input.item, "next_action": input.nextAction, recipient: input.recipient, "reviewed_revision": input.revision, source: input.source, state: "requested" }, id: input.id, kind: "handoff" }, null, 2)}\n---\nThe complete reviewed source is preserved below the frontmatter.`;
-			preview.hidden = false;
-			submit.disabled = form.dataset.writable !== "true" || !valid();
-		},
-		{ signal: owner.signal },
-	);
-	form.addEventListener(
-		"submit",
-		async (event) => {
-			event.preventDefault();
-			if (submit.disabled || !valid() || !form.reportValidity()) {
-				return;
-			}
-			pending = draft;
-			submit.disabled = true;
-			previewButton.disabled = true;
-			status.textContent = "Pending: preparing the local handoff file…";
-			owner.registry.set(model.submit, undefined);
-			try {
-				await Effect.runPromise(AtomRegistry.getResult(owner.registry, model.submit, { suspendOnWaiting: true }));
-			} catch (error) {
-				if (form.isConnected) {
-					status.textContent = failureStatus(error);
-				}
-			}
-			previewButton.disabled = false;
-		},
-		{ signal: owner.signal },
-	);
-}
-function failureStatus(error: unknown) {
-	return `${Schema.is(ResponseRejection)(error) && !(error instanceof PublicationUncertain) && !(error instanceof InternalServerError) ? "Rejected" : "Uncertain"}: ${String(error)}. Draft retained; preview and retry.`;
-}
-export function setupHandoffs() {
-	document.addEventListener("board-page", attach);
-	window.addEventListener("pageshow", attach);
-	attach();
-}

package/src/client/history/script.ts

@@ -1,127 +0,0 @@
-export function historyScript(): string {
-	return `
-import { swap, remember } from "/_board/swap.js";
-import { captureReading, restoreReading } from "/_board/reading-state.js";
-import { session } from "/_board/native.js";
-const key = "work-board:changes:" + document.documentElement.dataset.workspace;
-let memory;
-let storageNotice = "";
-let unavailableHtml = "";
-let generation = 0;
-let controller;
-let observing = null;
-const baseline = () => {
- if (memory !== undefined) return memory;
- try { return localStorage.getItem(key); }
- catch { memory = null; storageNotice = "Browser storage unavailable; history applies to this page only."; return memory; }
-};
-const forget = () => {
- memory = null;
- try { localStorage.removeItem(key); memory = undefined; }
- catch { storageNotice = "Cleared for this page, but browser storage could not be cleared. Reload may restore older data."; }
-};
-const keep = (raw) => {
- memory = raw;
- try { localStorage.setItem(key, raw); memory = undefined; storageNotice = ""; }
- catch {
-  storageNotice = "Snapshot remembered for this page only; browser storage is unavailable.";
-  try { localStorage.removeItem(key); }
-  catch { storageNotice += " Reload may restore older data."; }
- }
-};
-const controls = (available, busy = false) => {
- const mark = document.getElementById("history-mark");
- const clear = document.getElementById("history-clear");
- if (!mark || !clear) return;
- const exists = baseline() !== null;
- mark.textContent = exists ? "Mark current workspace seen" : "Start remembering changes";
- mark.disabled = busy || !available;
- clear.disabled = busy || !exists;
- document.getElementById("history-storage").textContent = storageNotice;
-};
-const render = (html) => {
- const content = document.getElementById("changes-content");
- if (!content) return;
- const reading = captureReading();
- const next = content.cloneNode(false);
- next.innerHTML = html;
- swap(content, next);
- remember(content);
- restoreReading({ ...reading, selection: null }, false);
-};
-const query = async (action) => {
- const mine = ++generation;
- controller?.abort();
- controller = new AbortController();
- const raw = baseline();
- const native = session(window);
- const payload = { action, baseline: raw };
- const atom = native.api.history.query(payload);
- if (action !== "observe") native.registry.refresh(atom);
- const result = action === "observe" ? await native.run(native.api.history.run(payload), controller.signal) : await native.read(atom, controller.signal);
- if (mine !== generation) return null;
- if (result.discardBaseline && baseline() === raw) { forget(); unavailableHtml = result.html; }
- return result;
-};
-const refresh = async (manual = false) => {
- if (observing !== null) return;
- const paused = session(window).registry.get(session(window).updates.paused) && manual !== true;
- const visible = document.getElementById("doc")?.dataset.view === "changes" && !paused;
- try {
-  const result = await query(visible ? "compare" : "check");
-  if (!result) return;
-  if ((visible || result.discardBaseline) && document.getElementById("doc")?.dataset.view === "changes") {
-   render(baseline() === null && unavailableHtml ? unavailableHtml : result.html);
-   controls(result.snapshot !== null);
-  }
- } catch (error) {
-  if (error.name === "AbortError") return;
-  if (visible) {
-   render("<p>History is unavailable: the current observation could not be loaded. No comparison or removals are inferred.</p>");
-   controls(false);
-  }
- }
-};
-document.addEventListener("click", async (event) => {
- if (event.target.closest?.("#history-clear")) {
-  observing = null;
-  ++generation;
-  controller?.abort();
-  forget();
-  unavailableHtml = "";
-  await refresh(true);
- }
- if (event.target.closest?.("#history-mark")) {
-  if (observing !== null) return;
-  const mine = generation + 1;
-  observing = mine;
-  controls(false, true);
-  try {
-   const result = await query("observe");
-   if (!result) return;
-   if (result.snapshot === null) { render(result.html); controls(false); return; }
-   keep(result.snapshot);
-   unavailableHtml = "";
-  } catch (error) {
-   if (error.name !== "AbortError") { render("<p>Could not remember the current observation. Your previous baseline is preserved.</p>"); controls(false); }
-   return;
-  } finally { if (observing === mine) observing = null; }
-  await refresh(true);
- }
-});
-window.addEventListener("pagehide", () => { ++generation; observing = null; controller?.abort(); });
-document.addEventListener("board-page", refresh);
-document.addEventListener("board-updates-resumed", refresh);
-document.addEventListener("visibilitychange", () => { if (!document.hidden) refresh(); });
-window.addEventListener("storage", (event) => {
- if (event.key === key || event.key === null) {
-  observing = null;
-  ++generation;
-  controller?.abort();
-  memory = undefined; storageNotice = ""; unavailableHtml = ""; refresh(true);
- }
-});
-setInterval(() => { if (baseline() !== null) refresh(); }, 60000);
-refresh();
-`;
-}

package/src/client/legacyRuntime.ts

@@ -1,11 +0,0 @@
-export interface RouterBridge {
-	readonly before: (listener: () => void) => void;
-	readonly navigate: (url: string) => Promise<void>;
-	readonly subscribe: (listener: () => void) => void;
-}
-export async function legacyRuntime(): Promise<{ readonly connectRouter: (router: RouterBridge) => void }> {
-	const client = "/_board/client.js";
-	const navigation = "/_board/navigation.js";
-	await import(client);
-	return import(navigation);
-}

package/src/client/page/ageScript.ts

@@ -1,22 +0,0 @@
-export function ageScript() {
-	return `
-const since = (modified) => {
-  const seconds = Math.max(0, Math.round((Date.now() - modified) / 1000));
-  if (seconds < 60) return seconds + "s";
-  if (seconds < 3600) return Math.round(seconds / 60) + "m";
-  if (seconds < 172800) return Math.round(seconds / 3600) + "h";
-  return Math.round(seconds / 86400) + "d";
-};
-
-export const tick = () => {
-  for (const age of document.querySelectorAll("[data-modified]")) {
-    const ago = since(Number(age.dataset.modified));
-    age.textContent = age.classList.contains("short") ? ago : "updated " + ago + " ago";
-  }
-};
-
-document.addEventListener("board-page", tick);
-tick();
-setInterval(tick, 5000);
-`;
-}

package/src/client/page/formReadingScript.ts

@@ -1,25 +0,0 @@
-export function formReadingScript(): string {
-	return `
-const captureResponseFocus = () => {
-  const control = document.activeElement;
-  if (!(control instanceof HTMLTextAreaElement || control instanceof HTMLInputElement && control.type === "text") || !control.closest("#response-form")) return null;
-  return {
-    name: control.name,
-    prompt: control.closest("[data-prompt]")?.dataset.prompt,
-    start: control.selectionStart,
-    end: control.selectionEnd,
-    direction: control.selectionDirection,
-  };
-};
-const restoreResponseFocus = (state) => {
-  if (!state) return;
-  const form = document.getElementById("response-form");
-  const control = state.prompt
-    ? [...(form?.querySelectorAll("[data-prompt]") ?? [])].find((field) => field.dataset.prompt === state.prompt)?.querySelector("textarea")
-    : form?.elements.namedItem(state.name);
-  if (!control) return;
-  control.focus({ preventScroll: true });
-  if (state.start !== null && state.end !== null && control.setSelectionRange) control.setSelectionRange(state.start, state.end, state.direction);
-};
-`;
-}

package/src/client/page/itemContextScript.ts

@@ -1,20 +0,0 @@
-export function itemContextScript(): string {
-	return `
-const contextIsWide = () => matchMedia("(min-width: 1100px)").matches;
-let contextWide = contextIsWide();
-let contextFile;
-const syncContexts = (reset = false) => {
-  const file = document.getElementById("doc").dataset.file;
-  for (const context of document.querySelectorAll(".item-context")) {
-    if (reset || file !== contextFile) context.open = contextWide;
-  }
-  contextFile = file;
-};
-syncContexts();
-window.addEventListener("resize", () => {
-  const wide = contextIsWide();
-  if (wide !== contextWide) { contextWide = wide; syncContexts(true); }
-});
-document.addEventListener("board-page", () => syncContexts());
-`;
-}

package/src/client/page/libraryScript.ts

@@ -1,84 +0,0 @@
-export function libraryScript(): string {
-	return `
-const root = document.documentElement;
-const key = "work-board:library:" + root.dataset.workspace;
-const library = document.getElementById("reading-library");
-const dialog = document.getElementById("library-dialog");
-const opener = document.getElementById("library-open");
-opener.disabled = false;
-opener.addEventListener("click", () => dialog.showModal());
-document.getElementById("library-close").addEventListener("click", () => dialog.close());
-dialog.addEventListener("close", () => opener.focus({ preventScroll: true }));
-dialog.addEventListener("click", (event) => {
-  if (event.target.closest?.("a[href]")) dialog.close();
-  if (event.target !== dialog) return;
-  const bounds = dialog.getBoundingClientRect();
-  if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) dialog.close();
-});
-let favorites = [];
-let recents = [];
-let notice = "";
-const valid = (items) => Array.isArray(items) ? items.filter((item) => item && typeof item.file === "string" && item.file !== "" && typeof item.title === "string") : [];
-try {
-  const saved = JSON.parse(localStorage.getItem(key) ?? "{}");
-  favorites = valid(saved?.favorites);
-  recents = valid(saved?.recents);
-} catch { notice = "Reading history applies to this page only."; }
-const save = () => {
-  try { localStorage.setItem(key, JSON.stringify({ favorites, recents })); notice = ""; }
-  catch { notice = "Reading history applies to this page only."; }
-};
-const hrefOf = (file) => "/" + file.split("/").map(encodeURIComponent).join("/");
-const list = (title, items) => {
-  const heading = document.createElement("h2");
-  heading.className = "nav-heading";
-  heading.textContent = title;
-  const ul = document.createElement("ul");
-  const available = new Set([...document.querySelectorAll("#files a")].map((a) => new URL(a.href).pathname));
-  for (const item of items) {
-    const li = document.createElement("li");
-    const a = document.createElement("a");
-    a.href = hrefOf(item.file);
-    a.textContent = item.title;
-    if (item.file === document.getElementById("doc").dataset.file) a.setAttribute("aria-current", "page");
-    if (!available.has(a.pathname)) {
-      a.textContent += " (missing)";
-      a.className = "missing";
-    }
-    li.append(a); ul.append(li);
-  }
-  return [heading, ul];
-};
-export const refreshLibrary = (visit = false) => {
-  const doc = document.getElementById("doc");
-  const title = doc.querySelector("h1")?.textContent.trim() || doc.dataset.file;
-  document.title = title ? title + " · Work Board" : "Work Board";
-  const active = document.querySelector('#files a[aria-current="page"]');
-  if (active) active.title = title;
-  const toggle = document.getElementById("favorite-toggle");
-  if (toggle) {
-    const saved = favorites.some((item) => item.file === doc.dataset.file);
-    toggle.disabled = false;
-    toggle.setAttribute("aria-pressed", String(saved));
-    toggle.textContent = saved ? "Remove favorite" : "Save favorite";
-    if (visit) {
-      recents = [{ file: doc.dataset.file, title }, ...recents.filter((item) => item.file !== doc.dataset.file)].slice(0, 10);
-      save();
-    }
-  }
-  const status = document.createElement("p");
-  status.className = "library-status";
-  status.setAttribute("role", "status");
-  status.textContent = notice;
-  library.replaceChildren(...(favorites.length ? list("Favorites", favorites) : []), ...(recents.length ? list("Recent documents", recents) : []), ...(notice ? [status] : []));
-  if (favorites.length === 0 && recents.length === 0 && notice === "") library.textContent = "No recent documents yet.";
-};
-document.addEventListener("click", (event) => {
-  if (!event.target.closest?.("#favorite-toggle")) return;
-  const doc = document.getElementById("doc");
-  const file = doc.dataset.file;
-  favorites = favorites.some((item) => item.file === file) ? favorites.filter((item) => item.file !== file) : [...favorites, { file, title: doc.querySelector("h1")?.textContent.trim() || file }];
-  save(); refreshLibrary();
-});
-`;
-}