@rightkit/social-ui 0.0.0-stage → 0.1.0

package/dist/screens/ChannelMemoryScreen.js

@@ -0,0 +1,109 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from "react";
+import { Badge, EmptyState, Field, PageShell, SkeletonRows, Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from "@rightkit/react-shell/react";
+import { ScopeSelect } from "../components/ScopeSelect.js";
+import { LoadError, MockBanner } from "../components/Shared.js";
+import { useAsync } from "../hooks/useAsync.js";
+import { groupDigits, instantLabel, } from "../data/index.js";
+import { PROOF_STATUS_LABEL } from "./labels.js";
+const PROOF_FILTERS = [
+    { value: "all", label: "All statuses" },
+    { value: "collected", label: "Collected" },
+    { value: "approved", label: "Approved" },
+    { value: "withdrawn", label: "Withdrawn" },
+    { value: "superseded", label: "Superseded" },
+];
+/** The document sections the screen shows, in order. Each key is the document's own top-level key. */
+const MEMORY_SECTIONS = [
+    { key: "voice", title: "Voice" },
+    { key: "pillars", title: "Pillars" },
+    { key: "cadence", title: "Cadence" },
+    { key: "bannedMoves", title: "Banned moves" },
+];
+export function ChannelMemoryScreen({ source, rev }) {
+    const scopes = useAsync(() => source.listScopes(), [source, rev]);
+    const [picked, setPicked] = useState(null);
+    const scopeList = scopes.value ?? [];
+    const scopeId = scopeList.find((s) => s.id === picked)?.id ?? scopeList[0]?.id ?? null;
+    return (_jsxs(PageShell, { title: "Channel memory", subtitle: "Read only. The channel memory document of one channel: its latest revision and revision history, and its proof bank with each proof's status. Nothing here writes a memory revision, imports a proof, changes a proof's status or approves a proof.", children: [source.kind === "mock" ? _jsx(MockBanner, {}) : null, scopes.state.status === "error" ? (_jsx(LoadError, { message: "Could not read the channels from the daemon.", onRetry: scopes.reload })) : scopes.value === null ? (_jsx(SkeletonRows, { label: "Loading channels", rows: 2 })) : scopeList.length === 0 || scopeId === null ? (_jsx(EmptyState, { title: "No channels yet", children: _jsx("p", { children: "Channel memory is kept per channel once one is set up." }) })) : (_jsxs(_Fragment, { children: [_jsx(ScopeSelect, { scopes: scopeList, value: scopeId, onChange: (id) => setPicked(id) }), _jsx(MemoryView, { source: source, rev: rev, scopeId: scopeId }, `memory:${scopeId}`), _jsx(ProofView, { source: source, rev: rev, scopeId: scopeId }, `proofs:${scopeId}`)] }))] }));
+}
+function MemoryView({ source, rev, scopeId }) {
+    const latest = useAsync(() => source.channelMemory(scopeId), [source, rev, scopeId]);
+    const history = useAsync(() => source.channelMemoryHistory(scopeId), [source, rev, scopeId]);
+    if (latest.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read the channel memory from the daemon.", onRetry: latest.reload });
+    }
+    if (history.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read the revision history from the daemon.", onRetry: history.reload });
+    }
+    if (latest.state.status === "loading" || history.state.status === "loading") {
+        return _jsx(SkeletonRows, { label: "Loading channel memory", rows: 3 });
+    }
+    // A null latest revision is the not_found state: nothing has been written for this channel yet.
+    const detail = latest.state.value;
+    const revisions = history.state.value;
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { "aria-labelledby": "memory-latest-title", children: [_jsx("h2", { id: "memory-latest-title", className: "op-section-title", children: "Channel memory" }), detail === null ? (_jsx(EmptyState, { title: "No channel memory yet", children: _jsx("p", { children: "No channel memory has been written for this channel yet. This is not an error." }) })) : (_jsx(MemoryDocument, { detail: detail }))] }), _jsxs("section", { "aria-labelledby": "memory-history-title", children: [_jsx("h2", { id: "memory-history-title", className: "op-section-title", children: "Revision history" }), revisions.length === 0 ? (_jsx("p", { className: "op-hint", children: "No revision is stored for this channel." })) : (_jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "memory-history-title", children: [_jsx(TableCaption, { children: "Revisions of this channel's memory, newest first" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { align: "end", children: "Revision" }), _jsx(TableHeaderCell, { children: "Author" }), _jsx(TableHeaderCell, { children: "Written (UTC)" }), _jsx(TableHeaderCell, { children: "Content hash" })] }) }), _jsx(TableBody, { children: revisions.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, numeric: true, children: groupDigits(String(row.revision)) }), _jsx(TableCell, { children: row.author }), _jsx(TableCell, { className: "op-mono", children: instantLabel(row.createdAtUtc, "UTC") }), _jsx(TableCell, { className: "op-mono", children: row.contentHash })] }, row.revision))) })] }) }))] })] }));
+}
+/** The latest revision: its metadata, then each section the document holds. A section it lacks is said to be absent. */
+function MemoryDocument({ detail }) {
+    return (_jsxs("article", { className: "op-detail", "aria-labelledby": "memory-latest-doc", children: [_jsxs("h3", { id: "memory-latest-doc", className: "op-detail__title", children: ["Revision ", groupDigits(String(detail.revision))] }), _jsxs("dl", { className: "op-dl", children: [_jsx("dt", { children: "Revision" }), _jsx("dd", { children: groupDigits(String(detail.revision)) }), detail.supersedes === null ? null : (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Supersedes" }), _jsxs("dd", { children: ["Revision ", groupDigits(String(detail.supersedes))] })] })), _jsx("dt", { children: "Author" }), _jsx("dd", { children: detail.author }), _jsx("dt", { children: "Written (UTC)" }), _jsx("dd", { children: instantLabel(detail.createdAtUtc, "UTC") }), _jsx("dt", { children: "Content hash" }), _jsx("dd", { className: "op-mono", children: detail.contentHash })] }), MEMORY_SECTIONS.map((section) => (_jsx(MemorySection, { title: section.title, value: sectionOf(detail.document, section.key) }, section.key)))] }));
+}
+/** One top-level section of the document, or undefined when this revision does not hold it. */
+function sectionOf(document, key) {
+    if (document === null || typeof document !== "object" || Array.isArray(document))
+        return undefined;
+    return document[key];
+}
+function MemorySection({ title, value }) {
+    const id = `memory-section-${title.toLowerCase().replace(/\s+/g, "-")}`;
+    return (_jsxs("section", { "aria-labelledby": id, children: [_jsx("h4", { id: id, className: "op-section-title", children: title }), value === undefined ? (_jsxs("p", { className: "op-hint", children: ["This revision has no ", title.toLowerCase(), " section."] })) : (_jsx(MemoryValue, { value: value }))] }));
+}
+/** A stored value as the document holds it: text as written, lists as lists, objects as their own fields. */
+function MemoryValue({ value }) {
+    if (value === null)
+        return _jsx("span", { children: "Not stated" });
+    if (typeof value === "string")
+        return _jsx("span", { children: value });
+    if (typeof value === "number" || typeof value === "boolean")
+        return _jsx("span", { children: String(value) });
+    if (Array.isArray(value)) {
+        return (_jsx("ul", { className: "op-id-list", children: value.map((item, index) => (_jsx("li", { children: _jsx(MemoryValue, { value: item }) }, index))) }));
+    }
+    return (_jsx("dl", { className: "op-dl", children: Object.entries(value).map(([key, item]) => (_jsxs(Fragment, { children: [_jsx("dt", { children: key }), _jsx("dd", { children: _jsx(MemoryValue, { value: item }) })] }, key))) }));
+}
+function ProofView({ source, rev, scopeId }) {
+    const [filter, setFilter] = useState("all");
+    const status = filter === "all" ? null : filter;
+    const proofs = useAsync(() => source.listProofs(scopeId, status), [source, rev, scopeId, filter]);
+    return (_jsxs("section", { "aria-labelledby": "proof-bank-title", children: [_jsx("h2", { id: "proof-bank-title", className: "op-section-title", children: "Proof bank" }), _jsx("p", { className: "op-hint", children: "Only approved proofs can be cited by a script. Approving a proof happens outside this screen. This screen shows each proof's status and changes none of them." }), _jsx(Field, { label: "Proof status", children: ({ id, "aria-describedby": describedBy }) => (_jsx("select", { id: id, "aria-describedby": describedBy, className: "op-select", value: filter, onChange: (e) => {
+                        const next = PROOF_FILTERS.find((option) => option.value === e.target.value);
+                        if (next)
+                            setFilter(next.value);
+                    }, children: PROOF_FILTERS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })) }), proofs.state.status === "error" ? (_jsx(LoadError, { message: "Could not read the proof bank from the daemon.", onRetry: proofs.reload })) : proofs.state.status === "loading" ? (_jsx(SkeletonRows, { label: "Loading the proof bank", rows: 3 })) : (_jsx(ProofTable, { proofs: proofs.state.value, filter: filter }))] }));
+}
+function ProofTable({ proofs, filter }) {
+    if (proofs.length === 0) {
+        return (_jsx(EmptyState, { title: filter === "all" ? "No proofs yet" : "No proofs with this status", children: _jsx("p", { children: filter === "all"
+                    ? "This channel has no proof in its proof bank yet. This is not an error."
+                    : "This channel has no proof with this status. This is not an error." }) }));
+    }
+    return (_jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "proof-bank-title", children: [_jsxs(TableCaption, { children: ["Proofs in this channel (", groupDigits(String(proofs.length)), ")"] }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Proof" }), _jsx(TableHeaderCell, { children: "Subject" }), _jsx(TableHeaderCell, { align: "end", children: "Value" }), _jsx(TableHeaderCell, { children: "Units" }), _jsx(TableHeaderCell, { children: "Observed period" }), _jsx(TableHeaderCell, { children: "Origin" }), _jsx(TableHeaderCell, { children: "Status" }), _jsx(TableHeaderCell, { children: "Superseding proof or withdrawal note" })] }) }), _jsx(TableBody, { children: proofs.map((proof) => {
+                        const badge = PROOF_STATUS_LABEL[proof.status];
+                        return (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: proof.proofId }), _jsx(TableCell, { className: "op-mono", children: proof.subject }), _jsx(TableCell, { numeric: true, className: "op-mono", children: proof.value }), _jsx(TableCell, { children: proof.units }), _jsx(TableCell, { className: "op-mono", children: observedPeriod(proof) }), _jsx(TableCell, { children: proof.origin }), _jsx(TableCell, { children: _jsx(Badge, { tone: badge.tone, children: badge.text }) }), _jsx(TableCell, { children: noteText(proof) })] }, proof.answerId));
+                    }) })] }) }));
+}
+function observedPeriod(proof) {
+    return `${proof.observedFrom} to ${proof.observedTo === "" ? "no end date stated" : proof.observedTo}`;
+}
+/** The superseding proof id or the withdrawal note, in words. Other statuses carry neither. */
+function noteText(proof) {
+    if (proof.status === "superseded") {
+        return proof.supersededBy === null
+            ? "Superseded. The engine holds no replacing proof id."
+            : `Superseded by ${proof.supersededBy}`;
+    }
+    if (proof.status === "withdrawn") {
+        return proof.withdrawalNote ?? "Withdrawn. The engine holds no withdrawal note.";
+    }
+    return "Not applicable";
+}

package/dist/screens/ContentScreen.d.ts

@@ -0,0 +1,7 @@
+import { type DataSource } from "../data/index.js";
+interface Props {
+    source: DataSource;
+    rev: number;
+}
+export declare function ContentScreen({ source, rev }: Props): import("react").JSX.Element;
+export {};

package/dist/screens/ContentScreen.js

@@ -0,0 +1,64 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Badge, EmptyState, Field, PageShell, SkeletonRows, Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from "@rightkit/react-shell/react";
+import { ScopeSelect } from "../components/ScopeSelect.js";
+import { LoadError, MockBanner } from "../components/Shared.js";
+import { useAsync } from "../hooks/useAsync.js";
+import { groupDigits, instantLabel, } from "../data/index.js";
+import { CONTENT_MEDIA_KIND_LABEL, CONTENT_STATE_LABEL, CONTENT_VARIANT_KIND_LABEL, CONTENT_VERDICT_LABEL, } from "./labels.js";
+/** An instant from the engine in UTC, or the words "Never expires" when the record has no expiry. */
+function expiryText(utc) {
+    return utc === null ? "Never expires" : instantLabel(utc, "UTC");
+}
+export function ContentScreen({ source, rev }) {
+    const scopes = useAsync(() => source.listScopes(), [source, rev]);
+    const [picked, setPicked] = useState(null);
+    const scopeList = scopes.value ?? [];
+    const scopeId = scopeList.find((s) => s.id === picked)?.id ?? scopeList[0]?.id ?? null;
+    return (_jsxs(PageShell, { title: "Content library", subtitle: "Read only. The reusable media records of one channel: their state, expiry and cooldown, their caption and call-to-action variants, and the engine's comparison of those variants. Nothing here creates a record, plans an occurrence, withdraws a record or names a winner.", children: [source.kind === "mock" ? _jsx(MockBanner, {}) : null, scopes.state.status === "error" ? (_jsx(LoadError, { message: "Could not read the channels from the daemon.", onRetry: scopes.reload })) : scopes.value === null ? (_jsx(SkeletonRows, { label: "Loading channels", rows: 2 })) : scopeList.length === 0 || scopeId === null ? (_jsx(EmptyState, { title: "No channels yet", children: _jsx("p", { children: "Content records are kept per channel once one is set up." }) })) : (_jsxs(_Fragment, { children: [_jsx(ScopeSelect, { scopes: scopeList, value: scopeId, onChange: (id) => setPicked(id) }), _jsx(ContentView, { source: source, rev: rev, scopeId: scopeId }, scopeId)] }))] }));
+}
+function ContentView({ source, rev, scopeId }) {
+    const { state, reload, value } = useAsync(() => source.listContent(scopeId), [source, rev, scopeId]);
+    const [picked, setPicked] = useState(null);
+    if (state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read the content records from the daemon.", onRetry: reload });
+    }
+    if (value === null)
+        return _jsx(SkeletonRows, { label: "Loading content records", rows: 3 });
+    if (value.length === 0) {
+        return (_jsx(EmptyState, { title: "No content records yet", children: _jsx("p", { children: "This channel has no content record. A record is made on the daemon host, not here. This is not an error." }) }));
+    }
+    const selected = value.find((r) => r.id === picked) ?? value[0];
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { "aria-labelledby": "content-list-title", children: [_jsxs("h2", { id: "content-list-title", className: "op-section-title", children: ["Content records (", value.length, ")"] }), _jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "content-list-title", children: [_jsx(TableCaption, { children: "Content records in this channel" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Title" }), _jsx(TableHeaderCell, { children: "Content id" }), _jsx(TableHeaderCell, { children: "State" }), _jsx(TableHeaderCell, { align: "end", children: "Revision" }), _jsx(TableHeaderCell, { align: "end", children: "Cooldown (days)" }), _jsx(TableHeaderCell, { children: "Expires (UTC)" }), _jsx(TableHeaderCell, { children: "Last changed (UTC)" })] }) }), _jsx(TableBody, { children: value.map((record) => {
+                                        const badge = CONTENT_STATE_LABEL[record.state];
+                                        return (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, children: record.title }), _jsx(TableCell, { className: "op-mono", children: record.id }), _jsx(TableCell, { children: _jsx(Badge, { tone: badge.tone, children: badge.text }) }), _jsx(TableCell, { numeric: true, children: groupDigits(String(record.revision)) }), _jsx(TableCell, { numeric: true, children: groupDigits(String(record.cooldownDays)) }), _jsx(TableCell, { className: "op-mono", children: expiryText(record.expiresAtUtc) }), _jsx(TableCell, { className: "op-mono", children: instantLabel(record.updatedAtUtc, "UTC") })] }, record.id));
+                                    }) })] }) })] }), _jsxs("section", { "aria-labelledby": "content-detail-heading", children: [_jsx("h2", { id: "content-detail-heading", className: "op-section-title", children: "Selected content record" }), _jsx(Field, { label: "Content record", children: ({ id, "aria-describedby": describedBy }) => (_jsx("select", { id: id, "aria-describedby": describedBy, className: "op-select", value: selected.id, onChange: (e) => setPicked(e.target.value), children: value.map((record) => (_jsxs("option", { value: record.id, children: [record.title, " (", record.id, ")"] }, record.id))) })) }), _jsx(ContentRecordDetail, { source: source, rev: rev, scopeId: scopeId, contentId: selected.id }, selected.id)] })] }));
+}
+function ContentRecordDetail({ source, rev, scopeId, contentId, }) {
+    const detail = useAsync(() => source.getContent(scopeId, contentId), [source, rev, scopeId, contentId]);
+    const summary = useAsync(() => source.contentExperimentSummary(scopeId, contentId), [source, rev, scopeId, contentId]);
+    if (detail.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read this record from the daemon.", onRetry: detail.reload });
+    }
+    if (summary.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read the variant comparison from the daemon.", onRetry: summary.reload });
+    }
+    if (detail.state.status === "loading" || summary.state.status === "loading") {
+        return _jsx(SkeletonRows, { label: "Loading the content record", rows: 3 });
+    }
+    const loaded = detail.state.value;
+    if (loaded === null)
+        return _jsx("p", { className: "op-hint", children: "This content record is no longer in this channel." });
+    const { record, variants } = loaded;
+    const badge = CONTENT_STATE_LABEL[record.state];
+    const comparison = summary.state.value;
+    return (_jsxs("article", { className: "op-detail", "aria-labelledby": "content-detail-title", children: [_jsx("h3", { id: "content-detail-title", className: "op-detail__title", children: record.title }), _jsx("div", { className: "op-badges", children: _jsx(Badge, { tone: badge.tone, children: badge.text }) }), record.state === "withdrawn" ? (_jsxs("p", { className: "op-hint", children: ["Withdrawn: ", record.withdrawalReason ?? "no reason recorded", ". A withdrawn record is final. It cannot be edited, given variants or planned, and its planned occurrences were cancelled with it."] })) : null, record.state === "expired" ? (_jsx("p", { className: "op-hint", children: "The clock is past this record's expiry, so it cannot be planned. The record itself is not changed." })) : null, _jsxs("dl", { className: "op-dl", children: [_jsx("dt", { children: "Content id" }), _jsx("dd", { className: "op-mono", children: record.id }), _jsx("dt", { children: "Evergreen" }), _jsxs("dd", { children: [record.evergreen ? "Yes" : "No", ". Recorded for the operator; nothing acts on it yet."] }), _jsx("dt", { children: "Cooldown" }), _jsxs("dd", { children: [groupDigits(String(record.cooldownDays)), " days between two occurrences on one platform"] }), _jsx("dt", { children: "Expires" }), _jsx("dd", { children: expiryText(record.expiresAtUtc) }), _jsx("dt", { children: "Revision" }), _jsx("dd", { children: groupDigits(String(record.revision)) }), _jsx("dt", { children: "Created" }), _jsx("dd", { children: instantLabel(record.createdAtUtc, "UTC") }), _jsx("dt", { children: "Last changed" }), _jsx("dd", { children: instantLabel(record.updatedAtUtc, "UTC") })] }), _jsx("h4", { className: "op-section-title", children: "Base caption" }), _jsx("div", { className: "op-caption", children: record.baseCaption }), _jsx("h4", { id: "content-media-title", className: "op-section-title", children: "Media" }), _jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "content-media-title", children: [_jsx(TableCaption, { children: "Media this record reuses" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Hash" }), _jsx(TableHeaderCell, { children: "Kind" }), _jsx(TableHeaderCell, { align: "end", children: "Duration (ms)" })] }) }), _jsx(TableBody, { children: record.media.map((item, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: item.hash }), _jsx(TableCell, { children: CONTENT_MEDIA_KIND_LABEL[item.kind] }), _jsx(TableCell, { numeric: true, children: item.durationMs === null ? "Not reported" : groupDigits(String(item.durationMs)) })] }, `${item.hash}#${index}`))) })] }) }), _jsx("h4", { id: "content-variants-title", className: "op-section-title", children: "Variants" }), variants.length === 0 ? (_jsx("p", { className: "op-hint", children: "No caption or call-to-action variant is stored for this record." })) : (_jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "content-variants-title", children: [_jsxs(TableCaption, { children: ["Variants of ", record.title] }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Variant id" }), _jsx(TableHeaderCell, { children: "Kind" }), _jsx(TableHeaderCell, { children: "Text" }), _jsx(TableHeaderCell, { children: "Created (UTC)" })] }) }), _jsx(TableBody, { children: variants.map((variant) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: variant.id }), _jsx(TableCell, { children: CONTENT_VARIANT_KIND_LABEL[variant.kind] }), _jsx(TableCell, { children: variant.text }), _jsx(TableCell, { className: "op-mono", children: instantLabel(variant.createdAtUtc, "UTC") })] }, variant.id))) })] }) })), _jsx("h4", { id: "content-compare-title", className: "op-section-title", children: "Variant comparison" }), comparison === null ? (_jsx("p", { className: "op-hint", children: "The engine holds no variant comparison for this record in this channel." })) : (_jsx(ExperimentView, { summary: comparison }))] }));
+}
+/** The engine's comparison. It shows the verdict and the engine's reason; it never names a winner. */
+function ExperimentView({ summary }) {
+    const verdict = CONTENT_VERDICT_LABEL[summary.verdict];
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "op-badges", children: _jsx(Badge, { tone: verdict.tone, children: verdict.text }) }), _jsxs("p", { className: "op-hint", children: ["Reason: ", summary.reason] }), _jsxs("p", { className: "op-hint", children: ["Each variant counts toward the verdict only with at least ", groupDigits(String(summary.minOccurrences)), " ", "published occurrences, and a verdict needs at least two variants of each kind. The counts below are the occurrences the engine holds for each variant. The engine lists no occurrence on its own, so this screen cannot show them one by one. Counts are not engagement."] }), _jsx(VariantCountTable, { id: "content-caption-counts-title", title: "Caption variants", rows: summary.caption }), _jsx(VariantCountTable, { id: "content-cta-counts-title", title: "Call-to-action variants", rows: summary.cta })] }));
+}
+function VariantCountTable({ id, title, rows, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("h4", { id: id, className: "op-section-title", children: title }), rows.length === 0 ? (_jsx("p", { className: "op-hint", children: "None is stored, so there is nothing to compare." })) : (_jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": id, children: [_jsxs(TableCaption, { children: [title, " and their occurrence counts"] }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Variant id" }), _jsx(TableHeaderCell, { children: "Text" }), _jsx(TableHeaderCell, { align: "end", children: "Planned" }), _jsx(TableHeaderCell, { align: "end", children: "Published" }), _jsx(TableHeaderCell, { align: "end", children: "Cancelled" }), _jsx(TableHeaderCell, { children: "Meets minimum" })] }) }), _jsx(TableBody, { children: rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: row.variantId }), _jsx(TableCell, { children: row.text }), _jsx(TableCell, { numeric: true, children: groupDigits(String(row.planned)) }), _jsx(TableCell, { numeric: true, children: groupDigits(String(row.published)) }), _jsx(TableCell, { numeric: true, children: groupDigits(String(row.cancelled)) }), _jsx(TableCell, { children: row.meetsMinimum ? "Yes" : "No" })] }, row.variantId))) })] }) }))] }));
+}

package/dist/screens/DigestsScreen.d.ts

@@ -0,0 +1,7 @@
+import { type DataSource } from "../data/index.js";
+interface Props {
+    source: DataSource;
+    rev: number;
+}
+export declare function DigestsScreen({ source, rev }: Props): import("react").JSX.Element;
+export {};

package/dist/screens/DigestsScreen.js

@@ -0,0 +1,53 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { EmptyState, Field, PageShell, SkeletonRows, Table, TableBody, TableCaption, TableCell, TableHead, TableHeaderCell, TableRow } from "@rightkit/react-shell/react";
+import { ScopeSelect } from "../components/ScopeSelect.js";
+import { LoadError, MockBanner } from "../components/Shared.js";
+import { useAsync } from "../hooks/useAsync.js";
+import { instantLabel, } from "../data/index.js";
+import { platformName } from "./labels.js";
+export function DigestsScreen({ source, rev }) {
+    const scopes = useAsync(() => source.listScopes(), [source, rev]);
+    const [picked, setPicked] = useState(null);
+    const scopeList = scopes.value ?? [];
+    const scopeId = scopeList.find((s) => s.id === picked)?.id ?? scopeList[0]?.id ?? null;
+    return (_jsxs(PageShell, { title: "Research digests", subtitle: "Read only. The research digests of one channel: each finding with its source, and which findings became draft calendar entries. Nothing here fetches a source, applies a digest, writes a caption or approves a draft.", children: [source.kind === "mock" ? _jsx(MockBanner, {}) : null, scopes.state.status === "error" ? (_jsx(LoadError, { message: "Could not read the channels from the daemon.", onRetry: scopes.reload })) : scopes.value === null ? (_jsx(SkeletonRows, { label: "Loading channels", rows: 2 })) : scopeList.length === 0 || scopeId === null ? (_jsx(EmptyState, { title: "No channels yet", children: _jsx("p", { children: "Research digests are kept per channel once one is set up." }) })) : (_jsxs(_Fragment, { children: [_jsx(ScopeSelect, { scopes: scopeList, value: scopeId, onChange: (id) => setPicked(id) }), _jsx(DigestView, { source: source, rev: rev, scopeId: scopeId }, scopeId)] }))] }));
+}
+function DigestView({ source, rev, scopeId }) {
+    const { state, reload, value } = useAsync(() => source.listDigests(scopeId), [source, rev, scopeId]);
+    const [picked, setPicked] = useState(null);
+    if (state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read the research digests from the daemon.", onRetry: reload });
+    }
+    if (value === null)
+        return _jsx(SkeletonRows, { label: "Loading research digests", rows: 3 });
+    if (value.length === 0) {
+        return (_jsx(EmptyState, { title: "No research digests yet", children: _jsx("p", { children: "This channel has no digest. A digest is added on the daemon host, not here. This is not an error." }) }));
+    }
+    const selected = value.find((d) => d.id === picked) ?? value[0];
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { "aria-labelledby": "digest-list-title", children: [_jsxs("h2", { id: "digest-list-title", className: "op-section-title", children: ["Research digests (", value.length, ")"] }), _jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "digest-list-title", children: [_jsx(TableCaption, { children: "Research digests in this channel" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Digest" }), _jsx(TableHeaderCell, { children: "Digest date" }), _jsx(TableHeaderCell, { align: "end", children: "Findings" }), _jsx(TableHeaderCell, { children: "Created (UTC)" })] }) }), _jsx(TableBody, { children: value.map((digest) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: digest.id }), _jsx(TableCell, { className: "op-mono", children: digest.digestDate }), _jsx(TableCell, { numeric: true, children: digest.entries.length }), _jsx(TableCell, { className: "op-mono", children: instantLabel(digest.createdAtUtc, "UTC") })] }, digest.id))) })] }) })] }), _jsxs("section", { "aria-labelledby": "digest-detail-heading", children: [_jsx("h2", { id: "digest-detail-heading", className: "op-section-title", children: "Selected digest" }), _jsx(Field, { label: "Digest", children: ({ id, "aria-describedby": describedBy }) => (_jsx("select", { id: id, "aria-describedby": describedBy, className: "op-select", value: selected.id, onChange: (e) => setPicked(e.target.value), children: value.map((digest) => (_jsxs("option", { value: digest.id, children: [digest.digestDate, " (", digest.id, ")"] }, digest.id))) })) }), _jsx(DigestDetail, { source: source, rev: rev, scopeId: scopeId, digestId: selected.id }, selected.id)] })] }));
+}
+function DigestDetail({ source, rev, scopeId, digestId, }) {
+    const digest = useAsync(() => source.getDigest(scopeId, digestId), [source, rev, scopeId, digestId]);
+    const applied = useAsync(() => source.digestApplications(scopeId, digestId), [source, rev, scopeId, digestId]);
+    if (digest.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read this digest from the daemon.", onRetry: digest.reload });
+    }
+    if (applied.state.status === "error") {
+        return _jsx(LoadError, { message: "Could not read which findings were applied from the daemon.", onRetry: applied.reload });
+    }
+    if (digest.state.status === "loading" || applied.state.status === "loading") {
+        return _jsx(SkeletonRows, { label: "Loading the digest", rows: 3 });
+    }
+    const record = digest.state.value;
+    const applications = applied.state.value;
+    if (record === null || applications === null) {
+        return _jsx("p", { className: "op-hint", children: "This digest is no longer in this channel." });
+    }
+    // The applied entry for each finding, keyed by the digest entry id.
+    const appliedByEntry = new Map(applications.map((a) => [a.digestEntryId, a]));
+    return (_jsxs("article", { className: "op-detail", "aria-labelledby": "digest-detail-title", children: [_jsx("h3", { id: "digest-detail-title", className: "op-detail__title", children: record.id }), _jsxs("dl", { className: "op-dl", children: [_jsx("dt", { children: "Digest date" }), _jsx("dd", { children: record.digestDate }), _jsx("dt", { children: "Created" }), _jsx("dd", { children: instantLabel(record.createdAtUtc, "UTC") }), _jsx("dt", { children: "Findings" }), _jsx("dd", { children: record.entries.length }), _jsx("dt", { children: "Applied as draft calendar entries" }), _jsxs("dd", { children: [applications.length, " of ", record.entries.length] })] }), _jsx("p", { className: "op-hint", children: "An applied finding became a draft calendar entry. Each draft carries a placeholder caption, so it cannot be approved until a person writes a real caption. This screen does not write that caption, approve the draft or apply the digest." }), _jsx("h4", { id: "digest-entries-title", className: "op-section-title", children: "Findings" }), _jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "digest-entries-title", children: [_jsxs(TableCaption, { children: ["Findings of ", record.id] }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Finding" }), _jsx(TableHeaderCell, { children: "Topic" }), _jsx(TableHeaderCell, { children: "Finding text" }), _jsx(TableHeaderCell, { children: "Source" }), _jsx(TableHeaderCell, { children: "Fetched" }), _jsx(TableHeaderCell, { children: "Suggested platform" }), _jsx(TableHeaderCell, { children: "Suggested format" }), _jsx(TableHeaderCell, { children: "Draft calendar entry" })] }) }), _jsx(TableBody, { children: record.entries.map((entry) => {
+                                const application = appliedByEntry.get(entry.id);
+                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: entry.id }), _jsx(TableCell, { children: entry.topic }), _jsx(TableCell, { children: entry.finding }), _jsx(TableCell, { className: "op-mono", children: entry.source }), _jsx(TableCell, { className: "op-mono", children: entry.fetchedOn }), _jsx(TableCell, { children: platformName(entry.platform) }), _jsx(TableCell, { children: entry.format }), _jsx(TableCell, { className: "op-mono", children: application ? application.calendarEntryId : "Not applied yet" })] }, entry.id));
+                            }) })] }) }), _jsx("h4", { id: "digest-applied-title", className: "op-section-title", children: "Applied findings" }), applications.length === 0 ? (_jsx("p", { className: "op-hint", children: "Nothing from this digest has been applied to the calendar yet." })) : (_jsx("div", { className: "op-table-scroll", children: _jsxs(Table, { "aria-labelledby": "digest-applied-title", children: [_jsx(TableCaption, { children: "Draft calendar entries made from this digest" }), _jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeaderCell, { children: "Finding" }), _jsx(TableHeaderCell, { children: "Brief" }), _jsx(TableHeaderCell, { children: "Draft calendar entry" }), _jsx(TableHeaderCell, { children: "Applied (UTC)" })] }) }), _jsx(TableBody, { children: applications.map((application) => (_jsxs(TableRow, { children: [_jsx(TableCell, { rowHeader: true, className: "op-mono", children: application.digestEntryId }), _jsx(TableCell, { className: "op-mono", children: application.briefId }), _jsx(TableCell, { className: "op-mono", children: application.calendarEntryId }), _jsx(TableCell, { className: "op-mono", children: instantLabel(application.appliedAtUtc, "UTC") })] }, application.digestEntryId))) })] }) }))] }));
+}

package/dist/screens/DraftsScreen.d.ts

@@ -0,0 +1,10 @@
+import { type DataSource } from "../data/index.js";
+interface Props {
+    source: DataSource;
+    rev: number;
+    onChanged: () => void;
+    /** Disclosure phrases the caller supplies for approval. The engine has no built-in list. */
+    disclosurePhrases: readonly string[];
+}
+export declare function DraftsScreen({ source, rev, onChanged, disclosurePhrases }: Props): import("react").JSX.Element;
+export {};

package/dist/screens/DraftsScreen.js

@@ -0,0 +1,108 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Badge, Button, EmptyState, Field, Input, Notice, PageShell, SkeletonRows } from "@rightkit/react-shell/react";
+import { LoadError, MockBanner } from "../components/Shared.js";
+import { useAsync } from "../hooks/useAsync.js";
+import { shell } from "../lib/shell.js";
+import { disclosureFound } from "../data/index.js";
+import { platformName } from "./labels.js";
+import { hostAppName } from "../appName.js";
+const SECTIONS = [
+    { state: "drafted", title: "Drafted, waiting for your approval", empty: "No drafts are waiting for approval." },
+    { state: "approved", title: "Approved, to post by hand", empty: "No approved drafts are waiting for you to post." },
+    { state: "posted_by_operator", title: "Posted by you", empty: "No drafts are recorded as posted." },
+    { state: "skipped", title: "Skipped", empty: "No drafts are skipped." },
+    { state: "stale", title: "Stale", empty: "No drafts are stale." },
+];
+const KIND_LABEL = { post: "Post", comment: "Comment", reply: "Reply" };
+const STATE_BADGE = {
+    drafted: { text: "Drafted", tone: "neutral" },
+    approved: { text: "Approved, post by hand", tone: "accent" },
+    posted_by_operator: { text: "Posted by you", tone: "ok" },
+    skipped: { text: "Skipped", tone: "neutral" },
+    stale: { text: "Stale", tone: "warn" },
+};
+/** Identifiers in the engine contain slashes; DOM ids here use only letters, digits, "_" and "-". */
+function domId(raw) {
+    return raw.replace(/[^A-Za-z0-9_-]/g, "_");
+}
+/** What the disclosure rule says, in words. The engine's gate at approval is the authority. */
+function disclosureText(draft, phrases) {
+    if (!draft.disclosureRequired)
+        return "Not required for this draft.";
+    if (phrases.every((p) => p.trim() === "")) {
+        return "Required. No disclosure phrases are set in this app, so approval will be refused until they are.";
+    }
+    return disclosureFound(draft.body, phrases)
+        ? "Required. A disclosure phrase is in the first sentence. The engine checks again when you approve."
+        : "Required. No disclosure phrase is in the first sentence yet, so approval will be refused.";
+}
+export function DraftsScreen({ source, rev, onChanged, disclosurePhrases }) {
+    const { state, reload, value } = useAsync(() => source.listDrafts(), [source, rev]);
+    return (_jsxs(PageShell, { title: "Drafts", subtitle: "Text you post by hand on each platform. Approve it, post it yourself, then record the link.", children: [source.kind === "mock" ? _jsx(MockBanner, {}) : null, _jsxs("p", { className: "op-draft__rule", children: [_jsxs("strong", { children: [hostAppName(), " never posts these."] }), " You post by hand and record the link."] }), state.status === "error" ? (_jsx(LoadError, { message: "Could not read drafts from the daemon.", onRetry: reload })) : value === null ? (_jsx(SkeletonRows, { label: "Loading drafts", rows: 3 })) : value.length === 0 ? (_jsx(EmptyState, { title: "No drafts yet", children: _jsx("p", { children: "Drafts appear here once one is created." }) })) : (SECTIONS.map((section) => {
+                const items = value.filter((draft) => draft.state === section.state);
+                return (_jsxs("section", { className: "op-drafts-section", "aria-labelledby": `drafts-${section.state}`, children: [_jsxs("h2", { id: `drafts-${section.state}`, className: "op-section-title", children: [section.title, " (", items.length, ")"] }), items.length === 0 ? (_jsx("p", { className: "op-hint", children: section.empty })) : (_jsx("div", { className: "op-drafts", children: items.map((draft) => (_jsx(DraftCard, { draft: draft, disclosurePhrases: disclosurePhrases, source: source, onChanged: onChanged }, draft.id))) }))] }, section.state));
+            }))] }));
+}
+function DraftCard({ draft, disclosurePhrases, source, onChanged, }) {
+    const [busy, setBusy] = useState(false);
+    const [notice, setNotice] = useState(null);
+    const [linkOpen, setLinkOpen] = useState(false);
+    const [postedUrl, setPostedUrl] = useState("");
+    const [skipReason, setSkipReason] = useState("");
+    const id = domId(draft.id);
+    const platform = platformName(draft.platform);
+    const badge = STATE_BADGE[draft.state];
+    const canSkip = draft.state === "drafted" || draft.state === "approved";
+    async function copyBody() {
+        try {
+            await shell.clipboard.write({ text: draft.body });
+            setNotice({ tone: "ok", text: "Copied. Paste it on the platform, post it there, then record the link here." });
+        }
+        catch {
+            setNotice({ tone: "bad", text: "Copying is not available here. Select the text above and copy it by hand." });
+        }
+    }
+    async function approve() {
+        setBusy(true);
+        const result = await source.approveDraft(draft.id, draft.revision, disclosurePhrases);
+        setBusy(false);
+        if (result.ok) {
+            setNotice({ tone: "ok", text: "Approved. Post it by hand, then record the link." });
+            onChanged();
+        }
+        else {
+            setNotice({ tone: "bad", text: result.error.message });
+        }
+    }
+    async function recordPost() {
+        const url = postedUrl.trim();
+        if (!/^https:\/\//i.test(url)) {
+            setNotice({ tone: "bad", text: "The link must start with https://. Nothing was recorded." });
+            return;
+        }
+        setBusy(true);
+        const result = await source.markDraftPosted(draft.id, draft.revision, url);
+        setBusy(false);
+        if (result.ok) {
+            setNotice({ tone: "ok", text: "Recorded. This draft is now marked as posted by you." });
+            onChanged();
+        }
+        else {
+            setNotice({ tone: "bad", text: result.error.message });
+        }
+    }
+    async function skip() {
+        setBusy(true);
+        const result = await source.skipDraft(draft.id, draft.revision, skipReason);
+        setBusy(false);
+        if (result.ok) {
+            setNotice({ tone: "ok", text: "Skipped." });
+            onChanged();
+        }
+        else {
+            setNotice({ tone: "bad", text: result.error.message });
+        }
+    }
+    return (_jsxs("article", { className: "op-card op-draft", "aria-labelledby": `draft-${id}`, children: [_jsxs("h3", { id: `draft-${id}`, className: "op-draft__title", children: [platform, ": ", KIND_LABEL[draft.kind], draft.title ? `, ${draft.title}` : ""] }), _jsx("div", { className: "op-badges", children: _jsx(Badge, { tone: badge.tone, children: badge.text }) }), _jsxs("dl", { className: "op-dl", children: [_jsx("dt", { children: "Account" }), _jsx("dd", { children: draft.channelLabel }), _jsx("dt", { children: "Target" }), _jsx("dd", { children: draft.target ?? "None: a new post" }), _jsx("dt", { children: "Disclosure" }), _jsx("dd", { children: disclosureText(draft, disclosurePhrases) }), _jsx("dt", { children: "Length" }), _jsxs("dd", { children: [draft.bodyChars, " characters"] }), draft.sourceNote ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Why this draft exists" }), _jsx("dd", { children: draft.sourceNote })] })) : null, draft.postedUrl ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Link you recorded" }), _jsxs("dd", { children: [draft.postedUrl, draft.postedAtUtc ? ` (recorded ${draft.postedAtUtc})` : ""] })] })) : null, draft.skipReason ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Skip reason" }), _jsx("dd", { children: draft.skipReason })] })) : null] }), _jsxs("section", { "aria-labelledby": `draft-text-${id}`, children: [_jsx("h4", { id: `draft-text-${id}`, className: "op-section-title", children: "Text" }), _jsx("div", { className: "op-caption", children: draft.body })] }), _jsxs("div", { className: "op-decide__buttons", children: [_jsx(Button, { variant: "secondary", size: "sm", onClick: copyBody, children: "Copy text" }), draft.state === "drafted" ? (_jsx(Button, { variant: "primary", disabled: busy, onClick: approve, children: "Approve" })) : null, draft.state === "approved" ? (_jsx(Button, { variant: "primary", disabled: busy, "aria-expanded": linkOpen, onClick: () => setLinkOpen((open) => !open), children: "I posted this" })) : null] }), draft.state === "approved" && linkOpen ? (_jsxs("div", { className: "op-draft__form", children: [_jsx(Field, { label: "Link to your post", note: "Paste the full https address of the post you made by hand.", children: ({ id: fieldId, "aria-describedby": describedBy }) => (_jsx(Input, { id: fieldId, "aria-describedby": describedBy, type: "url", inputMode: "url", placeholder: "https://", value: postedUrl, onChange: (e) => setPostedUrl(e.target.value) })) }), _jsx("div", { className: "op-decide__buttons", children: _jsx(Button, { variant: "primary", disabled: busy || postedUrl.trim() === "", onClick: recordPost, children: "Record posted link" }) })] })) : null, canSkip ? (_jsxs("div", { className: "op-draft__form", children: [_jsx(Field, { label: "Reason to skip (required)", children: ({ id: fieldId, "aria-describedby": describedBy }) => (_jsx(Input, { id: fieldId, "aria-describedby": describedBy, value: skipReason, onChange: (e) => setSkipReason(e.target.value) })) }), _jsx("div", { className: "op-decide__buttons", children: _jsx(Button, { variant: "secondary", disabled: busy || skipReason.trim() === "", onClick: skip, children: "Skip draft" }) })] })) : null, notice ? (_jsx(Notice, { tone: notice.tone, className: "op-notice", children: notice.text })) : null] }));
+}

package/dist/screens/FailuresScreen.d.ts

@@ -0,0 +1,8 @@
+import { type DataSource } from "../data/index.js";
+interface Props {
+    source: DataSource;
+    rev: number;
+    onChanged: () => void;
+}
+export declare function FailuresScreen({ source, rev, onChanged }: Props): import("react").JSX.Element;
+export {};

package/dist/screens/FailuresScreen.js

@@ -0,0 +1,111 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Button, EmptyState, Notice, PageShell, SkeletonRows } from "@rightkit/react-shell/react";
+import { AccountChip, LoadError, MockBanner, PermalinkCopy } from "../components/Shared.js";
+import { useAsync } from "../hooks/useAsync.js";
+import { OUTCOME_UNKNOWN_EXPLANATION } from "./labels.js";
+import { accountOrdinals, instantLabel, } from "../data/index.js";
+const KIND_ORDER = { outcome_unknown: 0, dead_letter: 1, alert: 2 };
+const TITLE = {
+    outcome_unknown: "Outcome unknown",
+    dead_letter: "Stopped after repeated failures",
+    alert: "Alert",
+};
+const ALERT_TITLE = {
+    disk_full: "Alert: server disk is nearly full",
+    credentials_expired: "Alert: account credentials expired",
+    quota_cooldown: "Alert: quota cooldown",
+};
+const RESOLUTION_LABEL = {
+    published_confirmed: "Confirmed published",
+    cancelled_not_published: "Cancelled, not published",
+    accepted_as_lost: "Accepted as lost",
+    acknowledged: "Acknowledged",
+};
+function reconcileText(result, nowLabel) {
+    return result.outcome === "found_on_platform"
+        ? `Found on the platform. Checked ${nowLabel(result.checkedAtUtc)}.`
+        : `Not found on the platform. Checked ${nowLabel(result.checkedAtUtc)}. Safe to retry: the post did not go out.`;
+}
+export function FailuresScreen({ source, rev, onChanged }) {
+    // A resolved card leaves the open list and unmounts, so its own notice would never be read.
+    // The result is announced from here, in a region that stays mounted.
+    const [resolvedNotice, setResolvedNotice] = useState(null);
+    const listRef = useRef(null);
+    const headingRef = useRef(null);
+    // Set by a resolve, read once the reloaded list is on screen: the next failure row, or the heading when none remain.
+    const pendingFocus = useRef(null);
+    const { state, reload, value } = useAsync(async () => {
+        const [accounts, failures, digest] = await Promise.all([
+            source.listAccounts(),
+            source.listFailures(),
+            source.listDigest(),
+        ]);
+        return { accounts, failures, digest };
+    }, [source, rev]);
+    const accounts = value?.accounts ?? [];
+    const ordinals = useMemo(() => accountOrdinals(accounts), [accounts]);
+    const open = (value?.failures ?? [])
+        .filter((f) => f.status === "open")
+        .sort((a, b) => KIND_ORDER[a.kind] - KIND_ORDER[b.kind] || b.atUtc.localeCompare(a.atUtc));
+    const resolved = (value?.failures ?? []).filter((f) => f.status === "resolved");
+    function handleResolved(id, text) {
+        const index = open.findIndex((f) => f.id === id);
+        const remaining = open.filter((f) => f.id !== id);
+        const next = remaining[index] ?? remaining[index - 1];
+        pendingFocus.current = { rowId: next ? next.id : null };
+        setResolvedNotice(text);
+    }
+    // The resolved card has unmounted and took focus with it. Once the reloaded list renders, move focus to the target.
+    useEffect(() => {
+        const pending = pendingFocus.current;
+        if (pending === null)
+            return;
+        const rows = listRef.current ? Array.from(listRef.current.querySelectorAll("[data-failure-id]")) : [];
+        const row = pending.rowId === null ? undefined : rows.find((el) => el.dataset.failureId === pending.rowId);
+        const target = row ?? headingRef.current;
+        if (target === null)
+            return;
+        pendingFocus.current = null;
+        target.focus();
+    }, [value]);
+    return (_jsxs(PageShell, { title: "Failures", subtitle: "Everything that stopped or may have published wrongly, with the one next action for each.", children: [source.kind === "mock" ? _jsx(MockBanner, {}) : null, state.status === "error" ? (_jsx(LoadError, { message: "Could not read failures and the digest from the daemon.", onRetry: reload })) : value === null ? (_jsx(SkeletonRows, { label: "Loading failures and the digest", rows: 4 })) : (_jsxs(_Fragment, { children: [_jsx("div", { "aria-live": "polite", children: resolvedNotice ? _jsx(Notice, { tone: "ok", className: "op-notice", children: resolvedNotice }) : null }), _jsxs("section", { className: "op-digest", "aria-labelledby": "digest-title", children: [_jsx("h2", { id: "digest-title", className: "op-section-title", children: "Last 24 hours" }), _jsx("ul", { className: "op-digest__list", children: value.digest.sentences.map((sentence) => (_jsx("li", { children: sentence }, sentence))) })] }), _jsxs("section", { ref: listRef, "aria-labelledby": "open-title", children: [_jsxs("h2", { id: "open-title", ref: headingRef, tabIndex: -1, className: "op-section-title", children: ["Needs action (", open.length, ")"] }), open.length === 0 ? (_jsx(EmptyState, { title: "No open failures", children: _jsx("p", { children: "Nothing has stopped or may have published wrongly." }) })) : (_jsx("div", { className: "op-failures", children: open.map((item) => (_jsx(FailureCard, { item: item, account: accounts.find((a) => a.id === item.accountId) ?? null, ordinal: item.accountId ? ordinals.get(item.accountId) : undefined, source: source, onChanged: onChanged, onResolved: handleResolved }, item.id))) }))] }), resolved.length > 0 ? (_jsxs("details", { className: "op-resolved", children: [_jsxs("summary", { children: ["Resolved (", resolved.length, ")"] }), _jsx("ul", { children: resolved.map((item) => (_jsxs("li", { children: [item.resolution ? RESOLUTION_LABEL[item.resolution] : "Resolved", ": ", item.summary, item.resolutionNote ? ` Note: ${item.resolutionNote}` : ""] }, item.id))) })] })) : null] }))] }));
+}
+function FailureCard({ item, account, ordinal, source, onChanged, onResolved, }) {
+    const [note, setNote] = useState("");
+    const [busy, setBusy] = useState(false);
+    const [notice, setNotice] = useState(null);
+    const [reconcile, setReconcile] = useState(item.reconcile);
+    const tz = account?.timeZone ?? "UTC";
+    const when = (iso) => instantLabel(iso, tz);
+    const title = item.kind === "alert" && item.alertKind ? ALERT_TITLE[item.alertKind] : TITLE[item.kind];
+    async function check() {
+        if (!item.jobId)
+            return;
+        setBusy(true);
+        const result = await source.reconcile(item.jobId);
+        setBusy(false);
+        if (result.ok) {
+            setReconcile(result.value);
+            setNotice({ tone: "ok", text: "The platform check finished. Choose the resolution that matches it." });
+        }
+        else {
+            setNotice({ tone: "bad", text: result.error.message });
+        }
+    }
+    async function resolve(resolution) {
+        setBusy(true);
+        const result = await source.resolveFailure(item.id, resolution, note);
+        setBusy(false);
+        if (result.ok) {
+            onResolved(item.id, `Recorded: ${RESOLUTION_LABEL[resolution]}.`);
+            onChanged();
+        }
+        else {
+            setNotice({ tone: "bad", text: result.error.message });
+        }
+    }
+    const noteMissing = note.trim() === "";
+    const reconciled = reconcile !== null;
+    return (_jsxs("article", { className: "op-card op-failure", "aria-labelledby": `f-${item.id}`, "data-failure-id": item.id, tabIndex: -1, children: [_jsx("h3", { id: `f-${item.id}`, className: "op-failure__title", children: title }), account ? _jsx(AccountChip, { account: account, ordinal: ordinal, detail: true }) : null, _jsxs("dl", { className: "op-dl", children: [_jsx("dt", { children: "What happened" }), _jsx("dd", { children: item.summary }), _jsx("dt", { children: "When" }), _jsx("dd", { children: when(item.atUtc) }), item.attempts !== null ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Attempts" }), _jsx("dd", { children: item.attempts })] })) : null, _jsx("dt", { children: "Next action" }), _jsx("dd", { children: _jsx("strong", { children: item.nextAction }) })] }), item.kind === "outcome_unknown" ? (_jsxs("div", { className: "op-failure__check", children: [_jsx("p", { children: _jsx("strong", { children: OUTCOME_UNKNOWN_EXPLANATION }) }), reconcile === null ? (_jsx("p", { children: "Not checked yet. Checking reads the platform. It does not publish or retry." })) : (_jsx("p", { children: reconcileText(reconcile, when) })), reconcile !== null && reconcile.outcome === "found_on_platform" ? (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Platform id ", _jsx("code", { children: reconcile.remoteId })] }), _jsx(PermalinkCopy, { url: reconcile.permalink })] })) : null, !reconciled ? (_jsx(Button, { variant: "secondary", size: "sm", disabled: busy, onClick: check, children: "Check the platform" })) : null] })) : null, _jsx("div", { "aria-live": "polite", children: notice ? (_jsx(Notice, { tone: notice.tone, className: "op-notice", children: notice.text })) : null }), item.kind === "alert" ? (_jsxs("div", { className: "op-decide__buttons", children: [_jsx(Button, { variant: "secondary", disabled: busy, onClick: () => resolve("acknowledged"), children: "Acknowledge alert" }), item.alertKind === "credentials_expired" ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "secondary", disabled: true, children: "Reconnect account" }), _jsx("p", { className: "op-hint", children: "Reconnect opens the provider sign-in. It is not available in mock data." })] })) : null] })) : (_jsxs("div", { className: "op-failure__resolve", children: [_jsx("label", { className: "op-field-label", htmlFor: `note-${item.id}`, children: "Note (required to accept as lost)" }), _jsx("textarea", { id: `note-${item.id}`, className: "op-textarea", rows: 2, value: note, onChange: (e) => setNote(e.target.value) }), _jsxs("div", { className: "op-decide__buttons", children: [item.kind === "outcome_unknown" ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "primary", disabled: busy || reconcile?.outcome !== "found_on_platform", onClick: () => resolve("published_confirmed"), children: "Mark published (platform confirmed)" }), _jsx(Button, { variant: "secondary", disabled: busy || reconcile?.outcome !== "not_found", onClick: () => resolve("cancelled_not_published"), children: "Mark cancelled, not published" })] })) : (_jsx(Button, { variant: "secondary", disabled: busy, onClick: () => resolve("cancelled_not_published"), children: "Mark cancelled, not published" })), _jsx(Button, { variant: "danger", disabled: busy || noteMissing, onClick: () => resolve("accepted_as_lost"), children: "Accept as lost" })] }), item.kind === "outcome_unknown" && !reconciled ? (_jsx("p", { className: "op-hint", children: "Publishing resolutions unlock after the platform check." })) : null] }))] }));
+}

package/dist/screens/HookTestsScreen.d.ts

@@ -0,0 +1,7 @@
+import { type DataSource } from "../data/index.js";
+interface Props {
+    source: DataSource;
+    rev: number;
+}
+export declare function HookTestsScreen({ source, rev }: Props): import("react").JSX.Element;
+export {};