@shivaedev/work-board 0.12.0 → 0.13.0

package/dist/client/handoffs/failureStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"failureStatus.d.ts","sourceRoot":"","sources":["../../../src/client/handoffs/failureStatus.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,UAE3C"}

package/dist/client/handoffs/failureStatus.js

@@ -0,0 +1,7 @@
+import { Schema } from "effect";
+import { InternalServerError } from "@shivaedev/platform/errors/taxonomy.ts";
+import { PublicationUncertain, ResponseRejection } from "#rpc/rejections.ts";
+export function failureStatus(error) {
+    return `${Schema.is(ResponseRejection)(error) && !(error instanceof PublicationUncertain) && !(error instanceof InternalServerError) ? "Rejected" : "Uncertain"}: ${String(error)}. Draft retained; preview and retry.`;
+}
+//# sourceMappingURL=failureStatus.js.map

package/dist/client/handoffs/failureStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"failureStatus.js","sourceRoot":"","sources":["../../../src/client/handoffs/failureStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,MAAM,UAAU,aAAa,CAAC,KAAc;IAC3C,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,YAAY,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,YAAY,mBAAmB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,KAAK,CAAC,sCAAsC,CAAC;AACzN,CAAC"}

package/dist/client/page/routeQuery.d.ts

@@ -1,12 +1,11 @@
 import type { BrowserClient } from "#client/client.ts";
 interface PageApi {
     readonly document: Pick<BrowserClient["api"]["document"], "query">;
-    readonly page: Pick<BrowserClient["api"]["page"], "query">;
 }
 export declare const routeQueryOptions: {
     timeToLive: number;
 };
-export declare function documentQuery(api: PageApi, url: string): import("effect/unstable/reactivity/Atom").Atom<import("effect/unstable/reactivity/AsyncResult").AsyncResult<{
+export declare function documentQuery(api: PageApi, url: string): import("effect/reactivity/Atom").Atom<import("effect/reactivity/AsyncResult").AsyncResult<{
     readonly diagnostics: readonly {
         readonly field?: string | undefined;
         readonly line: number;
@@ -181,10 +180,6 @@ export declare function documentQuery(api: PageApi, url: string): import("effect
     readonly source: string;
     readonly unavailable: readonly string[];
     readonly writable: boolean;
-}, import("@shivaedev/platform/errors/taxonomy.ts").Conflict | import("@shivaedev/platform/errors/taxonomy.ts").InternalServerError | import("@shivaedev/platform/errors/taxonomy.ts").NotFound | import("effect/unstable/rpc/RpcClientError").RpcClientError | import("@shivaedev/platform/errors/taxonomy.ts").ServiceUnavailable>>;
-export declare function pageQuery(api: PageApi, url: string): import("effect/unstable/reactivity/Atom").Atom<import("effect/unstable/reactivity/AsyncResult").AsyncResult<{
-    readonly html: string;
-    readonly status: number;
-}, import("@shivaedev/platform/errors/taxonomy.ts").InternalServerError | import("effect/unstable/rpc/RpcClientError").RpcClientError>>;
+}, import("@shivaedev/platform/errors/taxonomy.ts").Conflict | import("@shivaedev/platform/errors/taxonomy.ts").InternalServerError | import("@shivaedev/platform/errors/taxonomy.ts").NotFound | import("effect/rpc/RpcClientError").RpcClientError | import("@shivaedev/platform/errors/taxonomy.ts").ServiceUnavailable>>;
 export {};
 //# sourceMappingURL=routeQuery.d.ts.map

package/dist/client/page/routeQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routeQuery.d.ts","sourceRoot":"","sources":["../../../src/client/page/routeQuery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,UAAU,OAAO;IAChB,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC;IACnE,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;CAC3D;AAED,eAAO,MAAM,iBAAiB;IAAK,UAAU;CAAU,CAAC;AAExD,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sUAEtD;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM;;;wIAElD"}
+{"version":3,"file":"routeQuery.d.ts","sourceRoot":"","sources":["../../../src/client/page/routeQuery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,UAAU,OAAO;IAChB,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,iBAAiB;IAAK,UAAU;CAAU,CAAC;AAExD,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6TAEtD"}

package/dist/client/page/routeQuery.js

@@ -2,7 +2,4 @@ export const routeQueryOptions = { timeToLive: 60_000 };
 export function documentQuery(api, url) {
     return api.document.query({ url }, routeQueryOptions);
 }
-export function pageQuery(api, url) {
-    return api.page.query({ url }, routeQueryOptions);
-}
 //# sourceMappingURL=routeQuery.js.map

package/dist/client/page/routeQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"routeQuery.js","sourceRoot":"","sources":["../../../src/client/page/routeQuery.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAExD,MAAM,UAAU,aAAa,CAAC,GAAY,EAAE,GAAW;IACtD,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,iBAAiB,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAY,EAAE,GAAW;IAClD,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,iBAAiB,CAAC,CAAC;AACnD,CAAC"}
+{"version":3,"file":"routeQuery.js","sourceRoot":"","sources":["../../../src/client/page/routeQuery.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAExD,MAAM,UAAU,aAAa,CAAC,GAAY,EAAE,GAAW;IACtD,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,iBAAiB,CAAC,CAAC;AACvD,CAAC"}

package/dist/client/react/Age.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export declare function AgeTicker({ children }: {
+    readonly children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Age({ modified, short }: {
+    readonly modified: number;
+    readonly short?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Age.d.ts.map

package/dist/client/react/Age.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Age.d.ts","sourceRoot":"","sources":["../../../src/client/react/Age.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAMvF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAOvE;AAaD,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAa,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAOvG"}

package/dist/client/react/Age.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Clock, Effect } from "effect";
+import { createContext, useContext, useEffect, useState } from "react";
+const TimeContext = createContext(Effect.runSync(Clock.currentTimeMillis));
+function now() {
+    return Effect.runSync(Clock.currentTimeMillis);
+}
+export function AgeTicker({ children }) {
+    const [time, setTime] = useState(now);
+    useEffect(() => {
+        const timer = setInterval(() => setTime(now()), 5000);
+        return () => clearInterval(timer);
+    }, []);
+    return _jsx(TimeContext.Provider, { value: time, children: children });
+}
+function since(seconds) {
+    if (seconds < 60) {
+        return `${seconds}s`;
+    }
+    if (seconds < 3600) {
+        return `${Math.round(seconds / 60)}m`;
+    }
+    if (seconds < 172_800) {
+        return `${Math.round(seconds / 3600)}h`;
+    }
+    return `${Math.round(seconds / 86_400)}d`;
+}
+export function Age({ modified, short = false }) {
+    const ago = since(Math.max(0, Math.round((useContext(TimeContext) - modified) / 1000)));
+    return (_jsx("span", { className: short ? "age short" : "age", "data-modified": modified, children: short ? ago : `updated ${ago} ago` }));
+}
+//# sourceMappingURL=Age.js.map

package/dist/client/react/Age.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Age.js","sourceRoot":"","sources":["../../../src/client/react/Age.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvF,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC3E,SAAS,GAAG;IACX,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAChD,CAAC;AACD,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAoC;IACvE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAAwB,CAAC;AAC7E,CAAC;AACD,SAAS,KAAK,CAAC,OAAe;IAC7B,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;QAClB,OAAO,GAAG,OAAO,GAAG,CAAC;IACtB,CAAC;IACD,IAAI,OAAO,GAAG,IAAI,EAAE,CAAC;QACpB,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC;IACvC,CAAC;IACD,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC;QACvB,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;IACzC,CAAC;IACD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;AAC3C,CAAC;AACD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAA2D;IACvG,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACxF,OAAO,CACN,eAAM,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,mBAAiB,QAAQ,YACnE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,MAAM,GAC7B,CACP,CAAC;AACH,CAAC"}

package/dist/client/react/AnswerForm.d.ts

@@ -1,8 +1,10 @@
 import type { Document, DocumentRequest } from "#browser/document/schema.ts";
 import type { QuestionPreview } from "#browser/responses/schema.ts";
-export declare function AnswerForm({ document: data, request, preview, }: {
+interface AnswerProps {
     readonly document: Document;
-    readonly request: DocumentRequest;
     readonly preview: QuestionPreview;
-}): import("react").JSX.Element;
+    readonly request: DocumentRequest;
+}
+export declare function AnswerForm(props: AnswerProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=AnswerForm.d.ts.map

package/dist/client/react/AnswerForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerForm.d.ts","sourceRoot":"","sources":["../../../src/client/react/AnswerForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,wBAAgB,UAAU,CAAC,EAC1B,QAAQ,EAAE,IAAI,EACd,OAAO,EACP,OAAO,GACP,EAAE;IACF,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;CAClC,+BAiDA"}
+{"version":3,"file":"AnswerForm.d.ts","sourceRoot":"","sources":["../../../src/client/react/AnswerForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOpE,UAAU,WAAW;IACpB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC;CAClC;AACD,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,+BAE5C"}

package/dist/client/react/AnswerForm.js

@@ -1,17 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnswerFocus } from "./AnswerFocus.js";
 import { AnswerPrompts } from "./AnswerPrompts.js";
+import { FormField } from "./FormField.js";
 import { shellIds } from "./shellIds.js";
-export function AnswerForm({ document: data, request, preview, }) {
-    const prompts = request.prompts ?? [];
-    const records = request.responses ?? [];
-    const body = (_jsxs("label", { children: [prompts.length > 0 ? "Overall response / next action (optional)" : "Your response", _jsx("textarea", { maxLength: 32_768, name: "body", required: prompts.length === 0, rows: 4 })] }));
-    return (_jsx(AnswerFocus, { context: preview.id, children: _jsxs("form", { "data-item": preview.item, "data-question": preview.id, "data-request": preview.request, "data-revision": preview.reviewedRevision, "data-writable": data.writable, id: shellIds.responseForm, noValidate: true, children: [_jsxs("label", { children: ["Local author label ", _jsx("input", { autoComplete: "nickname", maxLength: 200, name: "author", required: true })] }), _jsx(AnswerPrompts, { document: data, prompts: prompts }), prompts.length === 0 && body, _jsx(AnswerDetails, { body: prompts.length > 0 ? body : null, records: records }), _jsx("pre", { hidden: true, id: shellIds.responseDraftRecovery }), _jsx("p", { children: "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/." }), _jsx("button", { disabled: true, id: shellIds.responsePreview, type: "button", children: "Preview Markdown" }), _jsx("pre", { hidden: true, id: shellIds.responsePreviewContent }), _jsx("button", { disabled: true, id: shellIds.responseSubmit, type: "submit", children: "Record response" }), _jsx("button", { disabled: true, id: shellIds.responseClear, type: "button", children: "Clear workspace drafts" }), _jsx("p", { id: shellIds.responseStatus, role: "status", children: data.writable
-                        ? "JavaScript is required to record a response."
-                        : "Read-only mode. Restart with --responses to explicitly enable local writes." })] }) }));
+import { useFormFocus } from "./useFormFocus.js";
+import { useResponseForm } from "./useResponseForm.js";
+export function AnswerForm(props) {
+    return _jsx(AnswerSession, { ...props }, JSON.stringify([props.preview.item, props.preview.request, Boolean(props.request.prompts?.length)]));
 }
-function AnswerDetails({ body, records, }) {
-    const options = records.map((record) => (_jsxs("option", { value: record.id, children: [record.id, " \u00B7 ", record.response.author, " \u00B7 ", record.response.reviewedRevision.slice(0, 12)] }, record.id)));
-    return (_jsxs("details", { "data-key": "response-details", children: [_jsx("summary", { children: "Response details" }), _jsxs("label", { children: ["Response kind", " ", _jsxs("select", { name: "type", children: [_jsx("option", { value: "answer", children: "Answer (including no)" }), _jsx("option", { value: "clarify", children: "Ask back / clarify" }), _jsx("option", { value: "not_now", children: "Not now" })] })] }), body, _jsxs("label", { children: ["Supersedes an earlier response (optional)", _jsxs("select", { name: "supersedes", children: [_jsx("option", { value: "", children: "Adds feedback; does not supersede" }), options] })] })] }));
+function AnswerSession({ document: data, request, preview }) {
+    const prompts = request.prompts ?? [];
+    const state = useResponseForm(preview, prompts);
+    const focus = useFormFocus(state.draft.key);
+    const form = state.form;
+    const body = (_jsx(FormField, { form: form, label: prompts.length > 0 ? "Overall response / next action (optional)" : "Your response", maxLength: 32_768, name: "body", required: prompts.length === 0, rows: 4 }));
+    const writableStatus = typeof window === "undefined" ? "JavaScript is required to record a response." : state.status;
+    return (_jsxs("form", { ...focus, "data-item": preview.item, "data-question": preview.id, "data-request": preview.request, "data-revision": preview.reviewedRevision, "data-writable": data.writable, id: shellIds.responseForm, noValidate: true, onChange: state.edit, onInput: state.edit, onSubmit: (event) => {
+            event.preventDefault();
+            if (!state.valid) {
+                event.currentTarget.querySelector('[aria-invalid="true"]')?.focus();
+            }
+            if (data.writable && state.preview && state.valid && !state.created.saving) {
+                state.created.save();
+            }
+        }, children: [_jsx(FormField, { autoComplete: "nickname", form: form, label: "Local author label", maxLength: 200, name: "author", required: true }), _jsx(AnswerPrompts, { answers: state.answers ?? [], document: data, form: form, onEdit: state.editAnswers, prompts: prompts }), (prompts.length === 0 || data.metadata.kind !== "question") && body, _jsxs("details", { "data-key": "response-details", children: [_jsx("summary", { children: "Response details" }), _jsxs(FormField, { form: form, label: "Response kind", name: "type", children: [_jsx("option", { value: "answer", children: "Answer (including no)" }), _jsx("option", { value: "clarify", children: "Ask back / clarify" }), _jsx("option", { value: "not_now", children: "Not now" })] }), prompts.length > 0 && data.metadata.kind === "question" && body, _jsxs(FormField, { form: form, label: "Supersedes an earlier response (optional)", name: "supersedes", children: [_jsx("option", { value: "", children: "Adds feedback; does not supersede" }), request.responses?.map((record) => (_jsxs("option", { value: record.id, children: [record.id, " \u00B7 ", record.response.author, " \u00B7 ", record.response.reviewedRevision.slice(0, 12)] }, record.id)))] })] }), _jsx("pre", { hidden: !state.recovery, id: shellIds.responseDraftRecovery, children: state.recovery }), _jsx("p", { children: "Submit the whole packet together. Drafts stay in this browser for seven days after the last edit, with a 256 KiB limit per draft. Saved responses are Markdown files in responses/." }), _jsx("button", { disabled: typeof window === "undefined" || state.created.saving, id: shellIds.responsePreview, onClick: state.showPreview, type: "button", children: "Preview Markdown" }), _jsx("pre", { hidden: !state.preview, id: shellIds.responsePreviewContent, children: state.preview }), _jsx("button", { disabled: !(data.writable && state.preview && state.valid) || state.created.saving, id: shellIds.responseSubmit, type: "submit", children: "Record response" }), _jsx("button", { disabled: typeof window === "undefined" || state.created.saving, id: shellIds.responseClear, onClick: state.clear, type: "button", children: "Clear draft" }), _jsx("p", { "data-outcome": state.outcome, id: shellIds.responseStatus, role: "status", children: data.writable ? writableStatus : `${state.status} Read-only mode. Restart with --responses to explicitly enable local writes.` })] }));
 }
 //# sourceMappingURL=AnswerForm.js.map

package/dist/client/react/AnswerForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerForm.js","sourceRoot":"","sources":["../../../src/client/react/AnswerForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnswerForm.js","sourceRoot":"","sources":["../../../src/client/react/AnswerForm.tsx"],"names":[],"mappings":"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"}

package/dist/client/react/AnswerPrompts.d.ts

@@ -1,7 +1,15 @@
 import type { Document } from "#browser/document/schema.ts";
 import type { Prompt } from "#browser/responses/Prompt.ts";
-export declare function AnswerPrompts({ document, prompts }: {
+import type { PromptAnswer } from "#browser/responses/schema.ts";
+import type { useResponseForm } from "./useResponseForm.ts";
+type Model = ReturnType<typeof useResponseForm>["form"];
+interface PromptProps {
+    readonly answers: readonly PromptAnswer[];
     readonly document: Document;
+    readonly form: Model;
+    readonly onEdit: (index: number, answer: PromptAnswer) => void;
     readonly prompts: readonly Prompt[];
-}): import("react").JSX.Element[];
+}
+export declare function AnswerPrompts(props: PromptProps): import("react").JSX.Element[];
+export {};
 //# sourceMappingURL=AnswerPrompts.d.ts.map

package/dist/client/react/AnswerPrompts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerPrompts.d.ts","sourceRoot":"","sources":["../../../src/client/react/AnswerPrompts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAE3D,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,iCAExH"}
+{"version":3,"file":"AnswerPrompts.d.ts","sourceRoot":"","sources":["../../../src/client/react/AnswerPrompts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,UAAU,WAAW;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CACpC;AACD,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,iCAE/C"}

package/dist/client/react/AnswerPrompts.js

@@ -1,9 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useAtomValue } from "@effect/atom-react";
+import { useLayoutEffect, useRef } from "react";
+import { PromptOption } from "./PromptOption.js";
 import { ResponseMarkdown } from "./ResponseMarkdown.js";
-export function AnswerPrompts({ document, prompts }) {
-    return prompts.map((prompt, index) => _jsx(PromptField, { document: document, index: index, prompt: prompt }, prompt.id));
+export function AnswerPrompts(props) {
+    return props.prompts.map((prompt, index) => _createElement(PromptField, { ...props, index: index, key: prompt.id, prompt: prompt }));
 }
-function PromptField({ document, prompt, index }) {
+function PromptField({ document, prompt, index, answers, form, onEdit }) {
+    const answer = answers[index] ?? { prompt: prompt.id, selected: [], text: "" };
+    const error = useAtomValue(form.errorAt(["answers", index, "text"]));
+    const ref = useRef(null);
+    useLayoutEffect(() => ref.current?.setCustomValidity(error ?? ""), [error]);
     const choices = document.metadata.options;
     let guidance = "Answer in your own words.";
     if (choices) {
@@ -12,15 +20,23 @@ function PromptField({ document, prompt, index }) {
     else if (prompt.mode !== "text") {
         guidance = `${prompt.mode === "one" ? "Choose one option" : "Choose any combination"}, or answer in your own words.`;
     }
-    const options = prompt.options.map((option, choice) => (_jsx(PromptOption, { choice: choice, document: document, index: index, option: option, prompt: prompt }, option.id)));
-    return (_jsxs("fieldset", { "data-mode": prompt.mode, "data-prompt": prompt.id, "data-source": prompt.source, children: [_jsx("legend", { children: choices ? "Your answer" : `Question ${index + 1} · ${prompt.id}` }), choices === undefined && _jsx(ResponseMarkdown, { file: document.file, source: prompt.source }), _jsxs("p", { children: [guidance, " Nothing is selected for you."] }), _jsx("div", { className: choices ? "question-choices" : undefined, children: options }), prompt.mode !== "text" && (_jsx("button", { "data-clear-choices": true, type: "button", children: "Clear selections" })), _jsxs("label", { children: [choices ? "Another answer / additional text" : "Additional text / another answer", _jsx("textarea", { "data-answer-text": true, maxLength: 8192, rows: choices ? 4 : 3 })] })] }));
-}
-function PromptOption({ document, prompt, option, choice, index, }) {
-    const source = document.metadata.options?.[choice];
-    if (source) {
-        return (_jsxs("div", { children: [_jsx("input", { "data-option-source": option.source, hidden: true, name: `choice-${prompt.id}`, type: "radio", value: option.id }), _jsxs("button", { "aria-pressed": "false", className: "question-choice", "data-choice": option.id, type: "button", children: [_jsxs("strong", { children: [source.label, source.label === document.metadata.recommended && " · Recommended"] }), _jsx("small", { children: source.description })] })] }));
+    function change(next) {
+        onEdit(index, next);
+    }
+    function choose(id, checked) {
+        let selected = [];
+        if (prompt.mode === "one") {
+            selected = checked ? [id] : [];
+        }
+        else {
+            selected = checked ? [...new Set([...answer.selected, id])] : answer.selected.filter((entry) => entry !== id);
+        }
+        change({ ...answer, selected });
+    }
+    let message = error;
+    if (error && answer.selected.length === 0 && !answer.text.trim()) {
+        message = `Unanswered: Question ${index + 1} · ${prompt.id}. Choose an option or answer in your own words.`;
     }
-    const id = `question-${index}-${choice}`;
-    return (_jsxs("div", { className: "question-option", children: [_jsx("input", { "data-option-source": option.source, id: id, name: `choice-${prompt.id}`, type: prompt.mode === "one" ? "radio" : "checkbox", value: option.id }), _jsxs("div", { children: [_jsxs("label", { htmlFor: id, children: ["Option ", option.id] }), _jsx(ResponseMarkdown, { file: document.file, source: option.source })] })] }));
+    return (_jsxs("fieldset", { "data-mode": prompt.mode, "data-prompt": prompt.id, "data-source": prompt.source, children: [_jsx("legend", { children: choices ? "Your answer" : `Question ${index + 1} · ${prompt.id}` }), choices === undefined && _jsx(ResponseMarkdown, { file: document.file, source: prompt.source }), _jsxs("p", { children: [guidance, " Nothing is selected for you."] }), _jsx("div", { className: choices ? "question-choices" : undefined, children: prompt.options.map((option, choice) => (_jsx(PromptOption, { checked: answer.selected.includes(option.id), choice: choice, choose: choose, document: document, index: index, option: option, prompt: prompt }, option.id))) }), prompt.mode !== "text" && (_jsx("button", { "data-clear-choices": true, onClick: () => change({ ...answer, selected: [] }), type: "button", children: "Clear selections" })), _jsxs("label", { children: [choices ? "Another answer / additional text" : "Additional text / another answer", _jsx("textarea", { "aria-describedby": `answer-${index}-error`, "aria-invalid": Boolean(error), "data-answer-text": true, maxLength: 8192, onInput: (event) => change({ ...answer, text: event.currentTarget.value }), ref: ref, rows: choices ? 4 : 3, value: answer.text }), _jsx("span", { className: "response-field-error", hidden: !error, id: `answer-${index}-error`, children: message })] })] }));
 }
 //# sourceMappingURL=AnswerPrompts.js.map

package/dist/client/react/AnswerPrompts.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerPrompts.js","sourceRoot":"","sources":["../../../src/client/react/AnswerPrompts.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnswerPrompts.js","sourceRoot":"","sources":["../../../src/client/react/AnswerPrompts.tsx"],"names":[],"mappings":"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"}

package/dist/client/react/BoardMain.d.ts

@@ -0,0 +1,10 @@
+import type { Navigation } from "#browser/navigation/schema.ts";
+import type { MainLocation } from "./mainLocation.ts";
+import type { ShellApi } from "./ShellApi.ts";
+export declare function BoardMain({ api, home, onPage, url, }: {
+    readonly api: ShellApi;
+    readonly home: Navigation["home"];
+    readonly onPage: (location: MainLocation) => void;
+    readonly url: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BoardMain.d.ts.map

package/dist/client/react/BoardMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardMain.d.ts","sourceRoot":"","sources":["../../../src/client/react/BoardMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,wBAAgB,SAAS,CAAC,EACzB,GAAG,EACH,IAAI,EACJ,MAAM,EACN,GAAG,GACH,EAAE;IACF,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACrB,+BAUA"}

package/dist/client/react/BoardMain.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DocumentMain } from "./DocumentMain.js";
+import { documentRoute } from "./documentRoute.js";
+import { ProjectionMain } from "./ProjectionMain.js";
+import { projectionRoute } from "./projectionRoute.js";
+import { RemainingMain } from "./RemainingMain.js";
+import { remainingRoute } from "./remainingRoute.js";
+export function BoardMain({ api, home, onPage, url, }) {
+    const pathname = new URL(url, "http://127.0.0.1").pathname;
+    const projection = projectionRoute(pathname, home);
+    if (projection) {
+        return _jsx(ProjectionMain, { api: api, onPage: onPage, route: projection, url: url });
+    }
+    if (documentRoute(pathname, home)) {
+        return _jsx(DocumentMain, { api: api, onPage: onPage, url: url });
+    }
+    return _jsx(RemainingMain, { api: api, onPage: onPage, route: remainingRoute(pathname) ?? "start", url: url });
+}
+//# sourceMappingURL=BoardMain.js.map

package/dist/client/react/BoardMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardMain.js","sourceRoot":"","sources":["../../../src/client/react/BoardMain.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,UAAU,SAAS,CAAC,EACzB,GAAG,EACH,IAAI,EACJ,MAAM,EACN,GAAG,GAMH;IACA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC;IAC3D,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACnD,IAAI,UAAU,EAAE,CAAC;QAChB,OAAO,KAAC,cAAc,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAClF,CAAC;IACD,IAAI,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC;QACnC,OAAO,KAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;IAC7D,CAAC;IACD,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC1G,CAAC"}

package/dist/client/react/BoardShell.d.ts

@@ -1,8 +1,13 @@
+import type * as AtomRegistry from "effect/reactivity/AtomRegistry";
+import type { BrowserClient } from "#client/client.ts";
 import type { ShellApi } from "./ShellApi.ts";
 export interface ShellOptions {
     readonly api: ShellApi;
+    readonly client?: BrowserClient;
     readonly initial: string;
+    readonly reading?: unknown;
     readonly ready?: () => void;
+    readonly registry: AtomRegistry.AtomRegistry;
 }
-export declare function BoardShell({ api, initial, ready }: ShellOptions): import("react").JSX.Element;
+export declare function BoardShell(options: ShellOptions): import("react").JSX.Element;
 //# sourceMappingURL=BoardShell.d.ts.map

package/dist/client/react/BoardShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoardShell.d.ts","sourceRoot":"","sources":["../../../src/client/react/BoardShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AACD,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,YAAY,+BA6D/D"}
+{"version":3,"file":"BoardShell.d.ts","sourceRoot":"","sources":["../../../src/client/react/BoardShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,YAAY,MAAM,gCAAgC,CAAC;AAGpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AASvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAS9C,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC;CAC7C;AACD,wBAAgB,UAAU,CAAC,OAAO,EAAE,YAAY,+BA6G/C"}

package/dist/client/react/BoardShell.js

@@ -1,23 +1,38 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouterState } from "@tanstack/react-router";
 import { Option } from "effect";
 import { useCallback, useEffect, useState } from "react";
 import { useQuery } from "@shivaedev/effect-react/result-state.ts";
-import { DocumentMain } from "./DocumentMain.js";
-import { documentRoute } from "./documentRoute.js";
+import { AgeTicker } from "./Age.js";
+import { BoardMain } from "./BoardMain.js";
 import { Header } from "./Header.js";
-import { LegacyMain } from "./LegacyMain.js";
-import { legacyPage } from "./legacyPage.js";
+import { HistoryRetention } from "./HistoryRetention.js";
+import { LiveControls } from "./LiveControls.js";
+import { bootstrapPage } from "./mainLocation.js";
+import { ReadingLibrary } from "./ReadingLibrary.js";
+import { SearchDialog } from "./SearchDialog.js";
 import { Sidebar } from "./Sidebar.js";
 import { shellIds } from "./shellIds.js";
-export function BoardShell({ api, initial, ready }) {
+import { UpdatesToggle } from "./UpdatesToggle.js";
+import { useAppearance } from "./useAppearance.js";
+import { useBoardNavigation } from "./useBoardNavigation.js";
+import { useSearchDialog } from "./useSearchDialog.js";
+import { useSidebar } from "./useSidebar.js";
+import { VisualInspection } from "./VisualInspection.js";
+export function BoardShell(options) {
+    const { api, initial, ready, client } = options;
+    const appearance = useAppearance();
+    const sidebar = useSidebar(appearance);
+    const status = useBoardNavigation(options);
+    const search = useSearchDialog();
+    const [libraryOpen, setLibraryOpen] = useState(false);
     const location = useRouterState({ select: (state) => state.resolvedLocation ?? state.location });
     const [main, setMain] = useState(() => {
-        const doc = legacyPage(initial).getElementById("doc");
+        const doc = bootstrapPage(initial).getElementById("doc");
         return { file: doc?.dataset.file ?? "", view: doc?.dataset.view ?? "" };
     });
     const [bootstrapHome] = useState(() => {
-        const doc = legacyPage(initial).getElementById("doc");
+        const doc = bootstrapPage(initial).getElementById("doc");
         return doc?.classList.contains("board-view") ? { file: doc.dataset.file ?? "", identity: doc.dataset.identity } : undefined;
     });
     const query = useQuery(api.navigation.query({ current: main.view ? "" : main.file }), { keepPreviousData: true });
@@ -25,14 +40,20 @@ export function BoardShell({ api, initial, ready }) {
     const onPage = useCallback((next) => setMain((previous) => (previous.file === next.file && previous.view === next.view ? previous : next)), []);
     useEffect(() => {
         function start() {
-            if (document.getElementById("doc")?.dataset.route) {
+            const doc = document.getElementById("doc");
+            const context = doc?.querySelector(".item-context");
+            if (data && doc?.dataset.route && (!context || context.dataset.readingReady === "true")) {
                 ready?.();
             }
         }
         start();
         document.addEventListener("board-page", start);
-        return () => document.removeEventListener("board-page", start);
-    }, [ready]);
+        document.addEventListener("board-reading-ready", start);
+        return () => {
+            document.removeEventListener("board-page", start);
+            document.removeEventListener("board-reading-ready", start);
+        };
+    }, [ready, data]);
     useEffect(() => {
         function sync() {
             const doc = document.getElementById("doc");
@@ -48,6 +69,7 @@ export function BoardShell({ api, initial, ready }) {
             document.dispatchEvent(new Event("board-index-change"));
         }
     }, [data]);
-    return (_jsxs(_Fragment, { children: [_jsx("a", { className: "skip", href: "#doc", children: "Skip to content" }), _jsxs("div", { className: "workspace", children: [_jsx(Sidebar, { data: data, home: location.pathname === "/", main: main }), _jsx("div", { className: "sidebar-backdrop", hidden: true, id: shellIds.sidebarBackdrop }), _jsxs("div", { className: "page", children: [_jsx(Header, { count: data?.inboxCount ?? null, main: main }), documentRoute(location.pathname, data ? data.home : bootstrapHome) ? (_jsx(DocumentMain, { api: api, initial: initial, onPage: onPage, url: location.pathname + location.searchStr })) : (_jsx(LegacyMain, { api: api, initial: initial, onPage: onPage, url: location.pathname + location.searchStr }))] })] }), Option.isSome(query.cause) && _jsx("p", { role: "status", children: "Navigation refresh failed. Your displayed files are retained." })] }));
+    const live = client ? (_jsx(LiveControls, { client: client, current: location.pathname + location.searchStr, navigationFailed: Option.isSome(query.cause), navigationPending: query.pending })) : (_jsx("span", { className: "live", id: shellIds.live, role: "status", children: "connecting" }));
+    return (_jsx(AgeTicker, { children: _jsxs(ReadingLibrary, { close: () => setLibraryOpen(false), data: data, open: libraryOpen, children: [_jsx("a", { className: "skip", href: "#doc", children: "Skip to content" }), _jsxs("div", { className: "workspace", children: [_jsx(Sidebar, { controls: sidebar, data: data, home: location.pathname === "/", main: main, openLibrary: () => setLibraryOpen(true) }), _jsx("button", { "aria-label": "Close files", className: "sidebar-backdrop", hidden: !(sidebar.narrow && sidebar.open), id: shellIds.sidebarBackdrop, onClick: () => sidebar.close(), type: "button" }), _jsxs("div", { className: "page", inert: sidebar.narrow && sidebar.open, children: [_jsx(Header, { appearance: appearance, count: data?.inboxCount ?? null, live: live, main: main, openSearch: search.show, sidebar: sidebar, status: status, updates: client ? _jsx(UpdatesToggle, { client: client }) : null }), _jsx(BoardMain, { api: api, home: data ? data.home : bootstrapHome, onPage: onPage, url: location.pathname + location.searchStr })] })] }), Option.isSome(query.cause) && _jsx("p", { role: "status", children: "Navigation refresh failed. Your displayed files are retained." }), main.view !== "changes" && _jsx(HistoryRetention, { api: api }), _jsx(VisualInspection, {}), _jsx(SearchDialog, { api: api, appearance: appearance, close: search.close, open: search.open, returnFocus: search.returnFocus, toggleSidebar: sidebar.toggle })] }) }));
 }
 //# sourceMappingURL=BoardShell.js.map

package/dist/client/react/BoardShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoardShell.js","sourceRoot":"","sources":["../../../src/client/react/BoardShell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BoardShell.js","sourceRoot":"","sources":["../../../src/client/react/BoardShell.tsx"],"names":[],"mappings":"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"}

package/dist/client/react/ChangesMain.d.ts

@@ -0,0 +1,8 @@
+import type { MainLocation } from "./mainLocation.ts";
+import type { ShellApi } from "./ShellApi.ts";
+export declare function ChangesMain({ api, onPage, url, }: {
+    readonly api: ShellApi;
+    readonly onPage: (location: MainLocation) => void;
+    readonly url: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChangesMain.d.ts.map

package/dist/client/react/ChangesMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangesMain.d.ts","sourceRoot":"","sources":["../../../src/client/react/ChangesMain.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,wBAAgB,WAAW,CAAC,EAC3B,GAAG,EACH,MAAM,EACN,GAAG,GACH,EAAE;IACF,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACrB,+BAYA"}

package/dist/client/react/ChangesMain.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HistoryComparison } from "./HistoryComparison.js";
+import { ProjectionFrame } from "./ProjectionFrame.js";
+import { shellIds } from "./shellIds.js";
+import { useHistoryComparison } from "./useHistoryComparison.js";
+export function ChangesMain({ api, onPage, url, }) {
+    const history = useHistoryComparison(api);
+    return (_jsx(ProjectionFrame, { atom: history.atom, location: () => ({ file: "Changes", status: 200, view: "changes" }), onPage: onPage, render: (result) => _jsx(ChangesPage, { history: history, result: result }), route: "changes", url: url }));
+}
+function ChangesPage({ history, result }) {
+    const { baseline, busy, clear: handleClear, message, notice, observe, available } = history;
+    let content = _jsx("p", { children: result.reason });
+    if (result.comparison) {
+        content = _jsx(HistoryComparison, { data: result.comparison });
+    }
+    if (message) {
+        content = _jsx("p", { role: "status", children: message });
+    }
+    function handleObserve() {
+        void observe();
+    }
+    return (_jsxs("section", { className: "history", "data-baseline": baseline ?? "", children: [_jsx("h1", { children: "Changes since seen" }), _jsx("p", { children: "Compare current Markdown with one observation you explicitly remember in this browser. This is an observed source comparison, not an event journal, Git history, authorship, or verified acceptance." }), _jsx("p", { children: "Remembered source can include old or deleted content. One snapshot per workspace, up to 2 MiB, expires after 30 days and is removed on your next workspace visit. Mark seen replaces it; Clear forgets it. No source writes or cloud storage." }), _jsxs("div", { className: "history-controls", children: [_jsx("button", { disabled: busy || result.snapshot === null || !available, id: shellIds.historyMark, onClick: handleObserve, type: "button", children: baseline ? "Mark current workspace seen" : "Start remembering changes" }), _jsx("button", { disabled: busy || !baseline, id: shellIds.historyClear, onClick: handleClear, type: "button", children: "Clear remembered history" }), _jsx("span", { id: shellIds.historyStorage, role: "status", children: notice })] }), _jsx("div", { "aria-live": "polite", id: shellIds.changesContent, children: content })] }));
+}
+//# sourceMappingURL=ChangesMain.js.map

package/dist/client/react/ChangesMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangesMain.js","sourceRoot":"","sources":["../../../src/client/react/ChangesMain.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,MAAM,UAAU,WAAW,CAAC,EAC3B,GAAG,EACH,MAAM,EACN,GAAG,GAKH;IACA,MAAM,OAAO,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC;IAC1C,OAAO,CACN,KAAC,eAAe,IACf,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EACnE,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,EACrE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,GAAG,GACP,CACF,CAAC;AACH,CAAC;AACD,SAAS,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAiG;IACtI,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAC5F,IAAI,OAAO,GAAG,sBAAI,MAAM,CAAC,MAAM,GAAK,CAAC;IACrC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QACvB,OAAO,GAAG,KAAC,iBAAiB,IAAC,IAAI,EAAE,MAAM,CAAC,UAAU,GAAI,CAAC;IAC1D,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,YAAG,IAAI,EAAC,QAAQ,YAAE,OAAO,GAAK,CAAC;IAC1C,CAAC;IACD,SAAS,aAAa;QACrB,KAAK,OAAO,EAAE,CAAC;IAChB,CAAC;IACD,OAAO,CACN,mBAAS,SAAS,EAAC,SAAS,mBAAgB,QAAQ,IAAI,EAAE,aACzD,8CAA2B,EAC3B,+NAGI,EACJ,wQAGI,EACJ,eAAK,SAAS,EAAC,kBAAkB,aAChC,iBAAQ,QAAQ,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,QAAQ,YAC/H,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,GAC/D,EACT,iBAAQ,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,yCAE1F,EACT,eAAM,EAAE,EAAE,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAC,QAAQ,YAC9C,MAAM,GACD,IACF,EACN,2BAAe,QAAQ,EAAC,EAAE,EAAE,QAAQ,CAAC,cAAc,YACjD,OAAO,GACH,IACG,CACV,CAAC;AACH,CAAC"}

package/dist/client/react/DiagnosticsFleet.d.ts

@@ -0,0 +1,6 @@
+import type { FleetHealth } from "#diagnostics/health.ts";
+export declare function DiagnosticsFleet({ value, now }: {
+    readonly value: FleetHealth;
+    readonly now: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DiagnosticsFleet.d.ts.map

package/dist/client/react/DiagnosticsFleet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsFleet.d.ts","sourceRoot":"","sources":["../../../src/client/react/DiagnosticsFleet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,+BAiDrG"}

package/dist/client/react/DiagnosticsFleet.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ObservedTime } from "./diagnosticsValues.js";
+export function DiagnosticsFleet({ value, now }) {
+    let freshness = "Current snapshot";
+    if (now < value.observedAt) {
+        freshness = "Publisher clock is ahead";
+    }
+    else if (now - value.observedAt > value.staleAfterMs) {
+        freshness = "Stale snapshot — Fleet has not refreshed its health";
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "diagnostics-freshness", children: freshness }), _jsxs("dl", { className: "diagnostics-metrics", children: [_jsxs("div", { children: [_jsx("dt", { children: "Running / concurrency cap" }), _jsx("dd", { children: _jsxs("strong", { children: [value.running, " / ", value.concurrency] }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Queued" }), _jsx("dd", { children: _jsx("strong", { children: value.queued }) })] }), Object.entries(value.waiting).map(([owner, count]) => (_jsxs("div", { children: [_jsxs("dt", { children: ["Waiting on ", owner] }), _jsx("dd", { children: _jsx("strong", { children: count }) })] }, owner))), _jsxs("div", { children: [_jsx("dt", { children: "Last scheduler pass" }), _jsx("dd", { children: _jsx(ObservedTime, { at: value.lastSchedulerPass }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Last provider capacity rejection" }), _jsx("dd", { children: _jsx(CapacityRejection, { value: value.lastCapacityRejection }) })] })] })] }));
+}
+function CapacityRejection({ value }) {
+    return value === null ? ("None observed") : (_jsxs(_Fragment, { children: [value.cause, _jsx("br", {}), _jsx(ObservedTime, { at: value.at })] }));
+}
+//# sourceMappingURL=DiagnosticsFleet.js.map