/* ========================================================================= Veto · Tasks — the gap list. Vanta-for-escrow: Home shows control posture, Tasks is the flat list of gaps to clear before a file can move. Mercury-simple on the surface — one row per gap, Incomplete / Completed. The Veto-specific proof (why it exists, what the evidence does and doesn't show) lives in the row's detail, never in the list. ========================================================================= */ const TASK_KIND = { hold: { label: "Hold", icon: "alert-triangle", action: "Clear hold" }, callback: { label: "Callback", icon: "phone", action: "Log the call" }, discrepancy: { label: "Discrepancy", icon: "alert-circle", action: "Request updated demand" }, funds: { label: "Funding review", icon: "arrow-down-left", action: "Review funding" }, evidence: { label: "Evidence", icon: "file-text", action: "Accept & resolve" }, change: { label: "Material change", icon: "alert-circle", action: "Create v2 record" }, record: { label: "Ready to record", icon: "check-circle", action: "Sign to record" }, receipt: { label: "Receipt", icon: "banknote", action: "Send receipt" }, }; const SEED = [ { id: "t-change-sp0214", kind: "change", file: "SP-0214", street: "17133 Santa Lucia St", line: "Seller Proceeds", title: "Payout destination linked to the acting officer", due: "May 22", dueMs: Date.parse("May 22, 2026"), whyLong: "The payout destination (Whitfield Coast Holdings LLC) names an entity whose managing member of record matches the acting officer on this file. Held pending an owner exception record. Veto records the association. It does not allege intent.", produces: "Owner exception record", sources: [ { label: "California SOS entity record", proves: "Whitfield Coast Holdings LLC lists Madeline Lane as managing member of record", limit: "does not prove intent, authority to receive proceeds, or account control" }, { label: "Seller Proceeds instruction", proves: "James Whitfield named Whitfield Coast Holdings LLC as payout destination", limit: "does not resolve the officer association or prove authority to redirect proceeds" }, { label: "Acting officer on file", proves: "Madeline Lane is the acting officer on SP-0214", limit: "not a finding of wrongdoing — Veto records the association only" }, ], detail: { amount: 182742, action: "Release seller proceeds", change: { label: "Payout destination", from: "James Whitfield (seller)", to: "Whitfield Coast Holdings LLC", detected: "May 21 · 3:18 PM" }, staled: "Release held", policy: "Officer-linked payout destination requires owner exception record", policyVersion: "POL-SP-OFFICER-LINK-v1.2", releaseStatus: "Held", exception: "Owner exception required — routed to Review Register.", }, }, { id: "t-callback-0214", kind: "callback", file: "SP-0214", street: "17133 Santa Lucia St", line: "Payoff Demand", title: "Confirm beneficiary by callback", due: "May 22", dueMs: Date.parse("May 22, 2026"), whyLong: "The payoff demand can't be relied on until the beneficiary is reached on a number the office trusts. Until then, the demand stays unsupported.", produces: "Callback Record", sources: [{ label: "Office contact file", proves: "the number on file for the lienholder of record", limit: "not a guarantee the line reaches the party with authority over the lien" }], detail: { contact: "Beneficiary of record", role: "Payoff Demand · 1st lien", phone: "(949) 555-0162", source: "Office contact file", confirm: "Beneficiary identity and the current payoff figure for office review", rule: "Use the number on the office contact file — never the number printed on the demand." }, }, { id: "t-evidence-0214", kind: "evidence", file: "SP-0214", street: "17133 Santa Lucia St", line: "Buyer Funding", title: "Finish source-of-funds review", due: "May 22", dueMs: Date.parse("May 22, 2026"), whyLong: "The source-of-funds chain is missing its middle leg. Buyer Funding can't clear until the money is traceable, unbroken, from origin to escrow.", produces: "Buyer Funding Record", detail: { resolved: 9, total: 12, submittedBy: "Sebastian Heyneman Wells", missing: ["Wire: Heyneman Holdings → escrow (leg 2 of 3)"], note: "The source-of-funds chain is missing its middle leg. It must be unbroken from origin to escrow before the line can clear." }, }, { id: "t-record-0318", kind: "record", file: "BF-0318", street: "85 Linden Pl #4", line: "Buyer Funding", title: "Sign Buyer Funding to record", due: "May 22", dueMs: Date.parse("May 22, 2026"), whyLong: "Every checkpoint on Buyer Funding is recorded. Signing records the line and issues the receipt — nothing else is waiting on it.", produces: "Buyer Funding Record · receipt", detail: { lineLabel: "Buyer Funding", party: "Priya Mehta", amount: 469500, closing: "May 22, 2026", checks: [["Earnest money", "Recorded"], ["Closing funds", "Recorded"], ["Source of funds", "Recorded"]] }, }, { id: "t-discrepancy-0213", kind: "discrepancy", file: "SP-0213", street: "412 Marigold Ave", line: "Payoff Demand", title: "Resolve payoff short of closing", due: "May 23", dueMs: Date.parse("May 23, 2026"), whyLong: "The demand's good-through date falls a day before closing. The amount used in the settlement statement would be short by one per-diem — a current demand is required before release.", produces: "Payoff Change Impact Record v2", detail: { a: { label: "Demand good through", value: "May 22, 2026" }, b: { label: "Closing date", value: "May 23, 2026" }, perDiem: "$84.10 / day", note: "The demand lapses the day before closing. A payoff wired on closing day would be one per-diem short and could leave a balance on the lien." }, }, { id: "t-funds-0211", kind: "funds", file: "SP-0211", street: "2208 Westcliff Dr", line: "Buyer Funding", title: "Review closing funds status", due: "May 27", dueMs: Date.parse("May 27, 2026"), whyLong: "Buyer closing funds posted to the file. Before the office can rely on them, the source evidence and collection status need to be recorded under office policy.", produces: "Buyer Funding Record", sources: [ { label: "Wire receipt", proves: "the amount posted to the file", limit: "posting is not the same as collection status" }, { label: "Account / payee check", proves: "the origin account exists and the name matches", limit: "not live bank confirmation, and not authority to send" }, ], detail: { amount: 372140, from: "Hiroshi Tanaka", posted: "Today · 1:02 PM", method: "Wire", origin: "First Republic ··5521", checks: ["Origin bank matches the buyer's named account", "Amount matches the Closing Disclosure", "Posted as collected funds, not memo-only"] }, }, { id: "t-hold-0211", kind: "hold", file: "SP-0211", street: "2208 Westcliff Dr", line: "Seller Proceeds", title: "Clear hold: successor trustee letter", due: "May 27", dueMs: Date.parse("May 27, 2026"), whyLong: "The seller is a trust. Proceeds belong to the trust, and the office can't read trustee authority to send them elsewhere without a letter from counsel.", produces: "Seller Proceeds Record", sources: [{ label: "Trust certification", proves: "the trust exists and names a trustee", limit: "does not by itself prove authority to sell or to redirect proceeds" }], detail: { item: "Successor trustee letter", condition: "Seller Proceeds · trust certification", cure: "Letter from outside counsel naming the successor trustee, with authority to sell and disburse.", raisedBy: "Javier Reyes", raised: "May 22 · 9:30 AM" }, }, { id: "t-receipt-0312", kind: "receipt", file: "BF-0312", street: "1408 Garnet Way", line: "Buyer Funding", title: "Issue buyer receipt", due: "—", dueMs: Number.MAX_SAFE_INTEGER, whyLong: "Buyer Funding is recorded. The receipt is generated from the record and just needs to be sent to the named party.", produces: "Delivered receipt", detail: { kind: "Buyer Funding receipt", recipient: "Liam Brennan", amount: 469500, recordedOn: "May 19", preview: "/file/$id/buyer-receipt" }, }, /* completed */ { id: "t-callback-0142", kind: "callback", file: "RF-0142", street: "2208 Westcliff Dr", line: "Payoff Demand", title: "Reached servicer payoff desk", due: "May 28", dueMs: Date.parse("May 28, 2026"), whyLong: "", produces: "Callback Record", seedDone: { on: "Yesterday · 3:18 PM", by: "ML" }, detail: { contact: "Servicer payoff desk", role: "Payoff Demand · 1st lien", phone: "(800) 555-0143", source: "Servicer website", confirm: "Beneficiary identity and the current payoff figure for office review", rule: "Use the number on the office contact file — never the number printed on the demand." }, }, { id: "t-funds-0209", kind: "funds", file: "SP-0209", street: "1408 Garnet Way", line: "Buyer Funding", title: "Recorded closing funds review", due: "May 19", dueMs: Date.parse("May 19, 2026"), whyLong: "", produces: "Buyer Funding Record", seedDone: { on: "Yesterday · 11:40 AM", by: "ML" }, detail: { amount: 469500, from: "Liam Brennan", posted: "May 19 · 9:12 AM", method: "Wire", origin: "Chase ··8841", checks: ["Origin bank matches the buyer's named account", "Amount matches the Closing Disclosure", "Posted as collected funds, not memo-only"] }, }, { id: "t-record-0209", kind: "record", file: "SP-0209", street: "1408 Garnet Way", line: "Seller Proceeds", title: "Recorded Seller Proceeds", due: "May 19", dueMs: Date.parse("May 19, 2026"), whyLong: "", produces: "Seller Proceeds Record", seedDone: { on: "2 days ago", by: "ML" }, detail: { lineLabel: "Seller Proceeds", party: "Liam Brennan", amount: 455100, closing: "May 19, 2026", checks: [["Settlement statement", "Recorded"], ["Seller instructions", "Recorded"], ["Disbursement authority", "Recorded"]] }, }, ]; /* ---------------------------------------------------------- done store */ const DONE_KEY = "veto.tasks.done"; function readDone() { try { return JSON.parse(localStorage.getItem(DONE_KEY) || "{}"); } catch { return {}; } } function buildTasks() { const done = readDone(); return SEED.map((t) => { const d = done[t.id] || (t.seedDone ? t.seedDone : null); return { ...t, done: !!d, completedOn: d?.on || null, completedBy: d?.by || "ML" }; }); } function openTaskCount() { return buildTasks().filter((t) => !t.done).length; } function useTasks() { const [tasks, setTasks] = useState(buildTasks); const write = (mut) => { const d = readDone(); mut(d); try { localStorage.setItem(DONE_KEY, JSON.stringify(d)); } catch {} setTasks(buildTasks()); }; return { tasks, complete: (id) => write((d) => { d[id] = { on: "Just now", by: "ML" }; }), reopen: (id) => write((d) => { delete d[id]; }), }; } const FX = ` @media (prefers-reduced-motion: no-preference){ .vt-pop{animation:vt-pop .16s cubic-bezier(.2,.7,.3,1)} .vt-fade{animation:vt-fade .22s ease-out} } @keyframes vt-pop{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}} @keyframes vt-fade{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}} `; /* ============================================================ detail bits */ function DLabel({ children }) { return
{children}
; } function Field({ label, children, mono }) { return
{label}
{children}
; } function CheckList({ items }) { return ; } function CopyRow({ value }) { const [copied, setCopied] = useState(false); const copy = () => { try { navigator.clipboard?.writeText(value); } catch {} setCopied(true); window.setTimeout(() => setCopied(false), 1400); }; return ( ); } function SourceProof({ sources }) { return (
What the evidence shows
); } function TaskPrimitives({ t }) { const d = t.detail; switch (t.kind) { case "callback": return (
{d.source}{d.confirm}
); case "discrepancy": return (
{[d.a, d.b].map((v, i) => (
{v.label}
{v.value}
))}
{d.perDiem}
); case "funds": return (
{fmtUSD(d.amount)}
{d.method} · {d.posted}
{d.from}{d.origin}
Good-funds checklist
); case "evidence": return (
Checkpoints resolved{d.resolved} / {d.total}
Still open
    {d.missing.map((m, i) => (
  • {m}
    • ))}
); case "change": return (
Controlled action
{d.action}
{d.releaseStatus}
{fmtUSD(d.amount)}
Prior destination
{d.change.from}
New destination
{d.change.to}
{d.staled} {d.change.detected}
Policy effect

{d.policy}. {d.policyVersion}

); case "hold": return (
{d.item}
To clear

{d.cure}

Raised by {d.raisedBy} · {d.raised}
); case "record": return (
{d.lineLabel}{fmtUSD(d.amount)}
{d.party} · closes {d.closing}
); case "receipt": return (
{d.kind}
{d.recipient}{fmtUSD(d.amount)}
{d.recordedOn}
); default: return null; } } function TaskDetail({ t }) { return (
{t.whyLong &&
Why this needs you

{t.whyLong}

} {t.sources && }
Completing this creates
); } /* ============================================================ accessible tabs */ function Tabs({ tabs, value, onChange }) { const ref = useRef(null); const onKeyDown = (e) => { const i = tabs.findIndex((t) => t.key === value); let n = i; if (e.key === "ArrowRight" || e.key === "ArrowDown") n = (i + 1) % tabs.length; else if (e.key === "ArrowLeft" || e.key === "ArrowUp") n = (i - 1 + tabs.length) % tabs.length; else if (e.key === "Home") n = 0; else if (e.key === "End") n = tabs.length - 1; else return; e.preventDefault(); onChange(tabs[n].key); requestAnimationFrame(() => ref.current?.querySelector(`#tab-${tabs[n].key}`)?.focus()); }; return (
{tabs.map((t) => { const sel = t.key === value; return ( ); })}
); } /* ============================================================ row */ function TaskRow({ t, done, onOpen, selected, compact, today }) { const k = TASK_KIND[t.kind]; const right = done ? `${t.completedOn} · ${t.completedBy}` : (today ? "Today" : (t.due !== "—" ? t.due : null)); const sr = done ? `${k.label}: ${t.title}. Completed ${t.completedOn} by ${t.completedBy}.` : `${k.label}: ${t.title}. ${t.street}.${right ? ` Due ${right}.` : ""}`; return (
    • ); } /* ============================================================ modal */ function TaskModal({ t, onClose, onComplete, onReopen }) { const k = TASK_KIND[t.kind]; const cardRef = useRef(null), primaryRef = useRef(null); useEffect(() => { const prev = document.activeElement; primaryRef.current?.focus(); let t0 = null; if (document.activeElement !== primaryRef.current) t0 = setTimeout(() => primaryRef.current?.focus(), 0); const onKey = (e) => { if (e.key === "Escape") { e.preventDefault(); onClose(); return; } if (e.key === "Tab") { const f = cardRef.current?.querySelectorAll('button, a[href], [tabindex]:not([tabindex="-1"])'); if (!f?.length) return; const list = Array.from(f).filter((el) => !el.disabled && el.offsetParent !== null); if (!list.length) return; const first = list[0], last = list[list.length - 1]; if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); } } }; document.addEventListener("keydown", onKey); return () => { if (t0) clearTimeout(t0); document.removeEventListener("keydown", onKey); prev?.focus?.(); }; // eslint-disable-next-line react-hooks/exhaustive-deps }, []); return (
    e.stopPropagation()} className="vt-pop flex max-h-[88vh] w-full max-w-[468px] flex-col overflow-hidden rounded-2xl border border-line bg-background shadow-[0_24px_64px_-24px_rgba(0,0,0,0.4)]">
    {k.label}

    {t.title}

    {t.street} · {t.line}
    {t.done ? Completed {t.completedOn} · {t.completedBy} : Open in file →}
    {t.done ? : <> }
    ); } function Toast({ msg }) { return (
    {msg}
    ); } function toastFor(kind) { return ({ hold: "Hold resolved", callback: "Call logged", discrepancy: "Updated demand requested", funds: "Funds recorded", evidence: "Evidence resolved", change: "v2 record queued", record: "Line recorded", receipt: "Receipt sent" })[kind] + " · moved to Done"; } /* ============================================================ split detail */ function SplitDetail({ t, onComplete, onReopen }) { if (!t) return
    Select a task to see what it needs.
    ; const k = TASK_KIND[t.kind]; return (
    {k.label}

    {t.title}

    {t.street} · {t.line} · {t.file}
    {t.done ? Completed {t.completedOn} · {t.completedBy} : Open in file →} {t.done ? : }
    ); } /* List ↔ Split, persisted. An owner can keep the calm list; an operator living in the queue can keep the two-pane. */ function useView() { const [v, setV] = useState(() => { try { return localStorage.getItem("veto.tasks.view") || "list"; } catch { return "list"; } }); return [v, (x) => { try { localStorage.setItem("veto.tasks.view", x); } catch {} setV(x); }]; } const VIEW_ICONS = { list: , split: , }; function ViewToggle({ view, setView }) { return (
    {[["list", "List view"], ["split", "Split view"]].map(([key, label]) => ( ))}
    ); } /* ============================================================ page */ function Tasks() { const { tasks, complete, reopen } = useTasks(); const [view, setView] = useView(); const [tab, setTab] = useState("incomplete"); const [openId, setOpenId] = useState(null); const [selId, setSelId] = useState(null); const [toast, setToast] = useState(null); const signals = typeof getSignals === "function" ? getSignals("SP-0214") : []; const immediate = signals[0] || { id: "SIG-SP0214-CONFLICT", createdAt: "May 21, 3:18 pm" }; const IMMEDIATE_TITLE = "Payout destination linked to the acting officer"; const IMMEDIATE_DETAIL = "The payout destination (Whitfield Coast Holdings LLC) names an entity whose managing member of record matches the acting officer on this file. Held pending an owner exception record. Veto records the association. It does not allege intent."; const incomplete = tasks.filter((t) => !t.done).sort((a, b) => a.dueMs - b.dueMs); const completed = tasks.filter((t) => t.done); const anchor = incomplete.length ? Math.min(...incomplete.map((t) => t.dueMs)) : Infinity; const isToday = (t) => !t.done && Number.isFinite(anchor) && t.dueMs === anchor; const list = tab === "incomplete" ? incomplete : completed; const done = tab === "completed"; const active = tasks.find((t) => t.id === openId) || null; const sel = list.find((t) => t.id === selId) || list[0] || null; const fireToast = (kind) => { setToast(toastFor(kind)); window.clearTimeout(Tasks._t); Tasks._t = window.setTimeout(() => setToast(null), 2400); }; const completeList = (t) => { complete(t.id); setOpenId(null); fireToast(t.kind); }; const completeSplit = (t) => { const i = list.findIndex((x) => x.id === t.id); const rest = list.filter((x) => x.id !== t.id); setSelId((rest[Math.min(i, rest.length - 1)] || {}).id || null); complete(t.id); fireToast(t.kind); }; const TABS = [{ key: "incomplete", label: "Incomplete", count: incomplete.length }, { key: "completed", label: "Completed", count: completed.length }]; return (