/* EditorialReview — Editorial → Link Review (E2c). Assigns window.LedgerEditorialReview.
Spec: specs/editorial-layer-v1-proposal.md (E2c handoff). Data: window.LedgerAPI.ed.
The E2b linker proposes episode → matter links from names in episode titles. Nothing
it proposes counts until a person here confirms it. Shape copied from the Content Ops
Metadata desk (MetadataDesk.jsx): grouped by show, then matter; edit-then-approve;
bulk with per-item results; a Decided list.
"Edit" for a link means picking a different matter (the linker often finds a person's
arrest matter when the trial matter is the right one) or setting the role. The RPC
rejects the proposal and confirms the chosen matter, so the linker never proposes the
wrong pair again.
Who decides: a show's producer (staff_shows.is_link_reviewer) for that show; Content
Ops and admins for every show. decide_piece_matter_link() checks it per link; this
screen only loads the caller's shows. Admins assign producers on the Reviewers tab.
The Material tab (E3b, EditorialMaterial.jsx) reviews what each confirmed episode used.
Confirming a link here proposes that episode's material at once (0136). */
(function () {
const DS = window.LawCrimeDesignSystem_e18d68;
const T = window.titleize || ((s) => String(s || "").replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()));
const icons = () => setTimeout(() => window.lucide && window.lucide.createIcons(), 30);
// Icons sit in a span React owns, keyed on the name (see ledger-lucide-react-crash).
const Ic = ({ n }) => ;
const API = () => window.LedgerAPI.ed;
const SOURCE = { title_match: "Title match", ai: "AI suggestion", human: "Picked by a person", request: "Asset request" };
const FIELD = { title: "title", working_title: "working title", short_title: "short title",
description: "description", short_description: "short description",
// E5b: names and folders read from a show's master sheet.
show_master_defendant: "master sheet's Defendant column", show_master_victim: "master sheet's Victim column",
show_master_case: "master sheet's Case column", show_master_folder: "master sheet's server folder" };
const MASTER_METHOD = { folder: "server folder", defendant: "defendant", case: "case name", victim: "victim" };
const ROLES = ["primary", "secondary", "mention"];
const PAGE = 40; // matter cards per page
const fmtDate = (d) => (d ? window.LedgerTime.fmtDate(d) : "Undated");
const fmtWhen = (iso) => (iso ? new Date(iso).toLocaleString("en-US",
{ month: "short", day: "numeric", hour: "numeric", minute: "2-digit", timeZone: "America/New_York" }) : "");
const who = (email) => (email || "").split("@")[0] || "—";
const conf = (r) => (r.confidence == null ? null : Number(r.confidence));
const ev = (r) => r.evidence || {};
// What "select all" may sweep up. An episode with two or more candidates, a match found
// only in the description, or anything under 0.90 needs a person to look, so it can be
// ticked by hand but never picked up by a bulk select.
const needsLook = (r) => (conf(r) || 0) < 0.9 || r.piece_pending > 1 || ev(r).field === "description";
const bulkEligible = (r) => !needsLook(r);
function Conf({ value }) {
if (value == null) return null;
const v = Number(value);
return = 0.95 ? "high" : v >= 0.75 ? "mid" : "low")} title="Linker confidence">{v.toFixed(2)};
}
// Mark the matched name inside the episode text. Linker names are lower-case and
// accent-free ("dustin christina"), so match word by word, case-insensitively.
function Hi({ text, name }) {
if (!text) return null;
const words = String(name || "").split(/\s+/).filter((w) => w.length > 1)
.map((w) => w.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
if (!words.length) return <>{text};
const re = new RegExp("(" + words.join("[^A-Za-z]+") + ")", "i");
const parts = String(text).split(re);
return <>{parts.map((p, i) => (i % 2 ? {p} : {p}))};
}
function snippet(text, name) {
const t = String(text || "");
const first = String(name || "").split(/\s+/).pop() || "";
const at = first ? t.toLowerCase().indexOf(first.toLowerCase()) : -1;
if (at < 0) return t.slice(0, 200) + (t.length > 200 ? "…" : "");
const a = Math.max(0, at - 90), z = Math.min(t.length, at + 110);
return (a ? "…" : "") + t.slice(a, z) + (z < t.length ? "…" : "");
}
// ------------------------------------------------------------------ matter picker
function MatterPicker({ seed, current, onPick }) {
const [q, setQ] = React.useState(seed || "");
const [rows, setRows] = React.useState(null);
const [err, setErr] = React.useState(null);
React.useEffect(() => {
const t = q.trim();
if (t.length < 2) { setRows(null); return; }
let live = true;
const h = setTimeout(() => API().findMatters(t).then((r) => live && setRows(r)).catch((e) => live && setErr(e)), 250);
return () => { live = false; clearTimeout(h); };
}, [q]);
return (
setQ(e.target.value)}
placeholder="Find the right matter: name, title or LNC-…" />
{err &&
{e.name && e.field !== "show_master_folder" && Found “{T(e.name)}” in the {FIELD[e.field] || T(e.field || "text")}. }
{e.via === "show_master" && !e.name && e.folder && The matter's media folder matches the server folder in the master sheet. }
{e.via === "show_master" && e.folder && (
{r.piece_pending} matters are proposed for this episode
{siblings && siblings.length ? <> (also {siblings.join(", ")}) : ""}. Confirm the ones it covers.
)}
{mode === "swap" && (
pick ? (
Link to {pick.display_alias || pick.working_title}{pick.display_id} instead.{" "}
) : (
)
)}
{mode === "reject" ? (
<>
setWhy(x.target.value)} placeholder="Why? (optional, kept on the record)" />
) : (
<>
)}
);
}
// A card is one matter: every proposed episode for it, judged together.
function MatterCard({ g, siblingsOf, selected, onToggle, onSelectGroup, onBulk, bulkBusy, onDone, onError, onOpenMatter, showShow }) {
const { Button } = DS;
const [armed, setArmed] = React.useState(null);
const boxRef = React.useRef(null);
const sel = g.rows.filter((r) => selected.has(r.piece_matter_id));
const allSel = sel.length === g.rows.length, some = sel.length > 0 && !allSel;
React.useEffect(() => { if (boxRef.current) boxRef.current.indeterminate = some; }, [some]);
React.useEffect(() => { if (!sel.length) setArmed(null); }, [sel.length]);
const look = sel.filter(needsLook).length;
return (
A show's producers confirm that show's links. Content Operations can confirm every show and backs them up.
{isAdmin ? " Add a producer by email. They also need Workspace and Editorial on the Access tab." : " Admins assign producers."}
{err &&
{String(err.message || err)}
}
{msg &&
{msg}
}
{rows === null && !err &&
Loading…
}
{isAdmin && }
{rows && (
Show
Producers
{isAdmin &&
Add
}
{list.map((s) => (
{s.label}
{(s.proposed || 0).toLocaleString()} episodes with proposals
);
}
// ------------------------------------------------------------------ root
function LinkReview({ onOpenMatter }) {
const { Button } = DS;
const caps = window.LedgerCaps || {};
const [tab, setTab] = React.useState("pending");
const [scope, setScope] = React.useState(null);
const [shows, setShows] = React.useState([]);
const [rows, setRows] = React.useState(null);
const [decided, setDecided] = React.useState(null);
const [counts, setCounts] = React.useState(null);
const [matCounts, setMatCounts] = React.useState(null); // Material tab badge (E3b)
const [show, setShow] = React.useState("");
const [src, setSrc] = React.useState("all");
const [floor, setFloor] = React.useState(0);
const [lookOnly, setLookOnly] = React.useState(false);
const [q, setQ] = React.useState("");
const [shown, setShown] = React.useState(PAGE);
const [selected, setSelected] = React.useState(() => new Set());
const [armed, setArmed] = React.useState(null);
const [bulkBusy, setBulkBusy] = React.useState(false);
const [err, setErr] = React.useState(null);
const [msg, setMsg] = React.useState(null);
const refreshCounts = React.useCallback(() => { API().linkCounts().then(setCounts).catch(() => {}); }, []);
React.useEffect(() => {
API().shows().then(setShows).catch(() => {});
API().reviewScope().then((s) => {
setScope(s);
return Promise.all([API().linkQueue({ status: "pending", scope: s }), API().linkCounts()]);
}).then(([r, c]) => { setRows(r); setCounts(c); }).catch((e) => setErr(e.message || String(e)));
if (API().usageCounts) API().usageCounts().then(setMatCounts).catch(() => {});
}, []);
React.useEffect(() => {
if (tab !== "decided" || !scope) return;
setDecided(null);
API().linkQueue({ status: "decided", scope }).then(setDecided).catch((e) => setErr(e.message || String(e)));
}, [tab, scope]);
React.useEffect(() => { icons(); });
React.useEffect(() => { setShown(PAGE); }, [show, src, floor, lookOnly, q]);
React.useEffect(() => { setMsg(null); setErr(null); }, [tab]);
const label = Object.fromEntries(shows.map((s) => [s.show_key, s.label]));
const filtered = React.useMemo(() => {
const needle = q.trim().toLowerCase();
return (rows || []).filter((r) => (!show || r.show_key === show) && (src === "all" || r.link_source === src) &&
(conf(r) || 0) >= floor &&
(!lookOnly || needsLook(r)) &&
(!needle || [r.piece_title, r.piece_working_title, r.matter_label, r.matter_display_id, r.piece_display_id, r.house_number]
.join(" ").toLowerCase().includes(needle)));
}, [rows, show, src, floor, lookOnly, q]);
// Show, then matter. Inside a show, the matters with the most episodes first.
const sections = React.useMemo(() => {
const byShow = new Map();
filtered.forEach((r) => {
let s = byShow.get(r.show_key);
if (!s) { s = { show_key: r.show_key, label: r.show_label, groups: new Map(), n: 0 }; byShow.set(r.show_key, s); }
let g = s.groups.get(r.matter_id);
if (!g) { g = { matter_id: r.matter_id, label: r.matter_label, working_title: r.matter_working_title, display_id: r.matter_display_id, state: r.state, lane: r.lane, rows: [] }; s.groups.set(r.matter_id, g); }
g.rows.push(r); s.n++;
});
return Array.from(byShow.values()).sort((a, b) => b.n - a.n)
.map((s) => ({ ...s, groups: Array.from(s.groups.values()).sort((a, b) => b.rows.length - a.rows.length) }));
}, [filtered]);
// Page by cards across sections.
let budget = shown;
const paged = sections.map((s) => { const g = s.groups.slice(0, Math.max(0, budget)); budget -= g.length; return { ...s, groups: g }; })
.filter((s) => s.groups.length);
const totalCards = sections.reduce((a, s) => a + s.groups.length, 0);
// The other matters proposed for the same episode, named on the row's warning.
const byPiece = React.useMemo(() => {
const m = new Map();
(rows || []).forEach((r) => { if (!m.has(r.piece_id)) m.set(r.piece_id, []); m.get(r.piece_id).push(r); });
return m;
}, [rows]);
const siblingsOf = (r) => (byPiece.get(r.piece_id) || []).filter((o) => o.piece_matter_id !== r.piece_matter_id).map((o) => o.matter_label);
const eligible = filtered.filter(bulkEligible);
const selRows = (rows || []).filter((r) => selected.has(r.piece_matter_id));
function toggle(r) {
setSelected((s) => { const n = new Set(s); n.has(r.piece_matter_id) ? n.delete(r.piece_matter_id) : n.add(r.piece_matter_id); return n; });
setArmed(null);
}
function selectGroup(list, on) {
setSelected((s) => { const n = new Set(s); list.forEach((r) => (on ? n.add(r.piece_matter_id) : n.delete(r.piece_matter_id))); return n; });
setArmed(null);
}
function removeIds(ids) {
const drop = new Set(ids);
setRows((rs) => (rs || []).filter((r) => !drop.has(r.piece_matter_id)));
setSelected((s) => { const n = new Set(s); ids.forEach((id) => n.delete(id)); return n; });
}
async function done(r, how) {
removeIds([r.piece_matter_id]);
setMsg(how);
refreshCounts();
if (API().usageCounts) API().usageCounts().then(setMatCounts).catch(() => {});
if (r.piece_pending > 1) {
// Siblings' piece_pending is now stale and one may have been confirmed; reload them.
try {
const fresh = await API().linkQueue({ status: "pending", scope });
setRows(fresh);
} catch (e) { /* the next load catches up */ }
}
}
async function runBulk(decision, target) {
const list = target || selRows;
setBulkBusy(true); setErr(null); setMsg(null);
try {
const res = await API().decideLinks(list.map((r) => ({ id: r.piece_matter_id, decision })));
const ok = res.filter((x) => x.ok).map((x) => x.id);
const bad = res.filter((x) => !x.ok);
removeIds(ok);
setMsg(`${ok.length} ${decision === "confirm" ? "confirmed" : "rejected"}.`);
if (bad.length) setErr(`${bad.length} not saved: ` + Array.from(new Set(bad.map((x) => x.error))).slice(0, 3).join("; "));
if (list.some((r) => r.piece_pending > 1)) setRows(await API().linkQueue({ status: "pending", scope }));
} catch (e) { setErr(e.message || String(e)); }
setBulkBusy(false); setArmed(null);
refreshCounts();
if (API().usageCounts) API().usageCounts().then(setMatCounts).catch(() => {});
}
const canSeeReviewers = !!caps.isAdmin || !!(scope && scope.all);
const myShows = scope ? (scope.all ? null : scope.shows) : [];
const showKeys = Object.keys((counts && counts.by_show) || {}).sort((a, b) => counts.by_show[b] - counts.by_show[a]);
return (
Editorial
Link Review
Matters the linker thinks each episode covers, found from names in the episode's title. A link counts only
once someone here confirms it. Pick a different matter when it found the right person on the wrong case.
{myShows && myShows.length > 0 && <> You review {myShows.map((k) => label[k] || T(k)).join(", ")}.}
{selRows.length > 0
? {selRows.length} selected.
: {eligible.length.toLocaleString()} here are 0.90 or better, the only candidate for their episode, and found in a title. They can be selected together.}