@shivaedev/work-board 0.12.0 → 0.14.0

package/src/browser/navigation/html.ts

@@ -1,29 +0,0 @@
-import { escapeHtml } from "#browser/escapeHtml.ts";
-import type { Navigation, NavigationFile, NavigationFolder } from "./schema.ts";
-
-function link(file: NavigationFile): string {
-	const here = file.current ? ' aria-current="page"' : "";
-	const age = `<span class="age short" data-modified="${file.modified}"></span>`;
-	return `<a href="${file.href}"${here}>${escapeHtml(file.name)}</a>${age}`;
-}
-
-function contents(folder: NavigationFolder, count?: string): string {
-	const files = folder.files.map((file) => `<li>${link(file)}</li>`).join("");
-	const folders = folder.folders
-		.map((child) => {
-			const open = child.active ? " open" : "";
-			return `<li class="file-folder"><details data-key="folder:${escapeHtml(child.path)}"${open}><summary>${escapeHtml(child.name)}/ (${child.count})</summary>${contents(child)}</details></li>`;
-		})
-		.join("");
-	return `<ul${count === undefined ? "" : ` data-inbox-count="${count}"`}>${files}${folders}</ul>`;
-}
-
-export function navigationHtml(data: Navigation): string {
-	const records = data.records;
-	const open = records.active ? " open" : "";
-	const fleet =
-		records.count === 0
-			? ""
-			: `<details data-key="fleet-records"${open}><summary>Fleet records (${records.count})</summary><ul>${records.files.map((file) => `<li>${link(file)}</li>`).join("")}</ul></details>`;
-	return contents(data.tree, String(data.inboxCount ?? "?")) + fleet;
-}

package/src/browser/navigation/schema.ts

@@ -1,27 +0,0 @@
-import { Schema } from "effect";
-
-export const NavigationFile = Schema.Struct({
-	current: Schema.Boolean,
-	href: Schema.String,
-	modified: Schema.Number,
-	name: Schema.String,
-	path: Schema.String,
-});
-export type NavigationFile = typeof NavigationFile.Type;
-
-export class NavigationFolder extends Schema.Class<NavigationFolder>("NavigationFolder")({
-	active: Schema.Boolean,
-	count: Schema.Number,
-	files: Schema.Array(NavigationFile),
-	folders: Schema.Array(Schema.suspend((): Schema.Codec<NavigationFolder> => NavigationFolder)),
-	name: Schema.String,
-	path: Schema.String,
-}) {}
-
-export const Navigation = Schema.Struct({
-	home: Schema.optional(Schema.Struct({ file: Schema.String, identity: Schema.optional(Schema.String) })),
-	inboxCount: Schema.NullOr(Schema.Number),
-	records: Schema.Struct({ active: Schema.Boolean, count: Schema.Number, files: Schema.Array(NavigationFile) }),
-	tree: NavigationFolder,
-});
-export type Navigation = typeof Navigation.Type;

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/mockups/app.ts

@@ -1,114 +0,0 @@
-import { element } from "./element.ts";
-import { names, searchEntries } from "./sampleData.ts";
-import { renderWork, selectWork } from "./work.ts";
-
-let toastTimer: ReturnType<typeof setTimeout> | undefined;
-const searchDialog = element("#search-dialog", HTMLDialogElement);
-const searchInput = element("#search-input", HTMLInputElement);
-
-function navigate() {
-	const requested = location.hash.slice(1);
-	const screen = Object.hasOwn(names, requested) ? requested : "overview";
-	for (const section of document.querySelectorAll<HTMLElement>(".screen")) {
-		section.hidden = section.id !== screen;
-	}
-	for (const link of document.querySelectorAll<HTMLAnchorElement>("nav a")) {
-		const active = link.dataset.screen === screen;
-		link.classList.toggle("active", active);
-		if (active) {
-			link.setAttribute("aria-current", "page");
-		} else {
-			link.removeAttribute("aria-current");
-		}
-	}
-	element("#breadcrumb", HTMLElement).textContent = names[screen] ?? "Overview";
-	document.title = `${names[screen]} — Work Board vision`;
-	window.scrollTo(0, 0);
-}
-function notify(message: string) {
-	const toast = element("#toast", HTMLElement);
-	clearTimeout(toastTimer);
-	toast.textContent = message;
-	toast.hidden = false;
-	toastTimer = setTimeout(() => {
-		toast.hidden = true;
-	}, 5000);
-}
-function renderSearch() {
-	const query = searchInput.value.trim().toLowerCase();
-	const matches = searchEntries.filter((entry) => `${entry.title} ${entry.detail}`.toLowerCase().includes(query));
-	element("#search-results", HTMLElement).innerHTML =
-		matches
-			.map(
-				(entry) =>
-					`<a href="#${entry.screen}" ${entry.item ? `data-search-item="${entry.item}"` : ""}>${entry.title}<small>${entry.detail}</small></a>`,
-			)
-			.join("") || '<p class="small-note">No matches. Try “decision”, “navigation”, or “Atlas”.</p>';
-}
-function openSearch() {
-	renderSearch();
-	searchDialog.showModal();
-	searchInput.focus();
-}
-function respond(revisionRequested: boolean) {
-	const text = element("#direction", HTMLTextAreaElement).value.trim();
-	if (!text) {
-		element("#direction", HTMLTextAreaElement).focus();
-		notify("Add some direction before continuing.");
-		return;
-	}
-	const status = element("#decision-status", HTMLElement);
-	status.textContent = revisionRequested ? "Revision requested · demo" : "Option A selected · demo";
-	status.className = "tag green";
-	const result = element("#decision-result", HTMLElement);
-	result.textContent = revisionRequested
-		? "Demo: your feedback would return to Atlas with proposal revision 3 attached."
-		: "Demo: this direction would be recorded against proposal revision 3 and included in Atlas’s next handoff.";
-	result.hidden = false;
-	notify("Preview updated. No source files changed and no agent was contacted.");
-}
-window.addEventListener("hashchange", navigate);
-element("#search-launch", HTMLElement).addEventListener("click", openSearch);
-element("#close-search", HTMLElement).addEventListener("click", () => searchDialog.close());
-searchInput.addEventListener("input", renderSearch);
-document.addEventListener("keydown", (event) => {
-	if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
-		event.preventDefault();
-		if (!searchDialog.open) {
-			openSearch();
-		}
-	}
-});
-element("#search-results", HTMLElement).addEventListener("click", (event) => {
-	const link = event.target instanceof Element ? event.target.closest("a") : null;
-	if (!link) {
-		return;
-	}
-	if (link.dataset.searchItem) {
-		selectWork(link.dataset.searchItem);
-	}
-	searchDialog.close();
-});
-for (const button of document.querySelectorAll<HTMLElement>("[data-artifact]")) {
-	button.addEventListener("click", () => {
-		for (const tab of document.querySelectorAll<HTMLElement>("[data-artifact]")) {
-			const active = tab === button;
-			tab.classList.toggle("selected", active);
-			tab.setAttribute("aria-selected", String(active));
-			element(`#artifact-${tab.dataset.artifact}`, HTMLElement).hidden = !active;
-		}
-	});
-}
-element("#approve", HTMLElement).addEventListener("click", () => respond(false));
-element("#revise", HTMLElement).addEventListener("click", () => respond(true));
-element("#send-feedback", HTMLElement).addEventListener("click", () => {
-	const input = element("#review-note", HTMLTextAreaElement);
-	if (!input.value.trim()) {
-		input.focus();
-		notify("Add feedback so the next pass has clear direction.");
-		return;
-	}
-	notify("Demo revision request prepared for Juniper. Nothing was sent or saved.");
-});
-renderWork();
-navigate();

package/src/client/mockups/element.ts

@@ -1,7 +0,0 @@
-export function element<E extends Element>(selector: string, kind: new () => E): E {
-	const found = document.querySelector(selector);
-	if (!(found instanceof kind)) {
-		throw new Error(`Missing prototype element: ${selector}`);
-	}
-	return found;
-}