// Yew — client portal / dashboard const BROKER_DATA = [ { name: "Spokeo", cat: "people-search", status: "removed", last: "Today", first: "Mar 14, 2026" }, { name: "Whitepages", cat: "people-search", status: "removed", last: "Yesterday", first: "Mar 14, 2026" }, { name: "BeenVerified", cat: "people-search", status: "removed", last: "Apr 02", first: "Mar 14, 2026" }, { name: "Intelius", cat: "people-search", status: "pending", last: "Apr 11", first: "Mar 14, 2026" }, { name: "Radaris", cat: "people-search", status: "removed", last: "Apr 18", first: "Mar 18, 2026" }, { name: "MyLife", cat: "people-search", status: "pending", last: "Apr 22", first: "Mar 18, 2026" }, { name: "TruthFinder", cat: "court-records", status: "removed", last: "May 02", first: "Mar 22, 2026" }, { name: "InstantCheckmate", cat: "court-records", status: "removed", last: "May 04", first: "Mar 22, 2026" }, { name: "PeopleFinder", cat: "people-search", status: "removed", last: "May 06", first: "Mar 25, 2026" }, { name: "FastPeopleSearch", cat: "people-search", status: "verifying", last: "May 09", first: "Mar 25, 2026" }, { name: "USPhoneBook", cat: "address", status: "removed", last: "May 10", first: "Mar 27, 2026" }, { name: "Acxiom", cat: "marketing", status: "removed", last: "May 12", first: "Mar 29, 2026" }, { name: "LexisNexis", cat: "marketing", status: "in-progress",last: "May 14", first: "Mar 30, 2026" }, { name: "Epsilon", cat: "marketing", status: "removed", last: "May 14", first: "Apr 01, 2026" }, { name: "Oracle Data Cloud", cat: "marketing", status: "removed", last: "May 15", first: "Apr 02, 2026" }, { name: "Experian Mkt.", cat: "marketing", status: "verifying", last: "May 16", first: "Apr 04, 2026" }, { name: "PeekYou", cat: "people-search", status: "removed", last: "May 16", first: "Apr 05, 2026" }, { name: "ZabaSearch", cat: "address", status: "removed", last: "May 16", first: "Apr 05, 2026" }, { name: "AnyWho", cat: "address", status: "removed", last: "May 17", first: "Apr 06, 2026" }, { name: "PublicRecords", cat: "court-records", status: "pending", last: "May 17", first: "Apr 08, 2026" }, ]; const STATUS_META = { "removed": { dot: "var(--brand)", label: "Removed", tone: "ok" }, "pending": { dot: "var(--accent)", label: "Awaiting reply", tone: "warn" }, "verifying": { dot: "var(--accent)", label: "Verifying", tone: "warn" }, "in-progress": { dot: "var(--stone-soft)", label: "In progress", tone: "neutral" }, }; const ACTIVITY = [ { t: "10:42", type: "verify", msg: "Verification clicked", target: "PeekYou", note: "Removal confirmed via email" }, { t: "10:28", type: "submit", msg: "Opt-out submitted", target: "AnyWho", note: "POST request · response 200" }, { t: "09:55", type: "mail", msg: "Postal letter dispatched", target: "Acxiom", note: "Notarized · USPS tracking 9405…" }, { t: "09:12", type: "verify", msg: "Verification clicked", target: "ZabaSearch", note: "" }, { t: "08:50", type: "submit", msg: "Opt-out submitted", target: "USPhoneBook", note: "" }, { t: "08:33", type: "scan", msg: "Re-scan complete", target: "Quarterly cycle 02", note: "12 records re-indexed across 4 brokers" }, { t: "Yest.", type: "submit", msg: "Opt-out submitted", target: "Experian Marketing", note: "Phone call placed · 6m 14s" }, { t: "Yest.", type: "verify", msg: "Verification clicked", target: "Whitepages", note: "" }, { t: "Yest.", type: "flag", msg: "Family member added", target: "Eleanor R.", note: "Spouse · coverage begins May 18" }, ]; const ACTIVITY_ICON = { verify: "✓", submit: "→", mail: "✉", scan: "◐", flag: "·", }; function Sidebar({ section, setSection, onSignOut }) { const items = [ { id: "overview", label: "Overview" }, { id: "brokers", label: "Brokers", count: 95 }, { id: "activity", label: "Activity" }, { id: "verify", label: "Verifications", count: 3, accent: true }, { id: "household", label: "Household", count: 4 }, { id: "reports", label: "Reports" }, { id: "settings", label: "Settings" }, ]; return ( ); } /* ---------- Top bar of dashboard ---------- */ function DashTopBar({ section }) { const titles = { overview: "Overview", brokers: "Brokers", activity: "Activity", verify: "Verifications", household: "Household", reports: "Reports", settings: "Settings", }; return (

{titles[section] || "Overview"}

MONDAY · MAY 17 · 2026
Agent · running
); } /* ---------- Overview content ---------- */ function ExposureScoreCard() { // Quarter timeline const points = [ { d: "Mar 14", v: 412 }, { d: "Mar 28", v: 386 }, { d: "Apr 11", v: 248 }, { d: "Apr 25", v: 162 }, { d: "May 09", v: 81 }, { d: "Today", v: 23 }, ]; const max = points[0].v; const w = 480, h = 120, pad = 6; const xs = (i) => pad + (i / (points.length - 1)) * (w - pad * 2); const ys = (v) => pad + (1 - v / max) * (h - pad * 2); const path = points.map((p, i) => `${i === 0 ? "M" : "L"}${xs(i)},${ys(p.v)}`).join(" "); const area = `${path} L ${xs(points.length - 1)},${h - pad} L ${xs(0)},${h - pad} Z`; return (
Exposure index
23 ▼ 94.4% · QTR
Records currently findable on monitored brokers. Lower is better. Yew target: under 30.
{points.map((p, i) => ( {p.d} ))}
); } function MetricCard({ label, value, suffix, sub, accent, lastBorder }) { return (
{label}
{value} {suffix && ( {suffix} )}
{sub}
); } function BrokerRow({ b, last }) { const s = STATUS_META[b.status]; return (
{b.name}
{b.cat}
{s.label}
{b.last}
); } function ActivityItem({ a, last }) { return (
{a.t}
{ACTIVITY_ICON[a.type]}
{a.msg} · {a.target}
{a.note && (
{a.note}
)}
); } function Verifications() { const items = [ { broker: "FastPeopleSearch", from: "noreply@fastpeoplesearch.com", time: "12 min ago", action: "Click confirmation link" }, { broker: "Experian Marketing", from: "donotreply@experian.com", time: "1 hr ago", action: "Confirm postal address on file" }, { broker: "LexisNexis", from: "consumer@lexisnexis.com", time: "3 hr ago", action: "Notarized form requires signature" }, ]; return (
{items.map((it, i) => (
{it.broker} {it.time.toUpperCase()}
{it.from} · {it.action}
))}
); } function Household() { const members = [ { name: "Robert R.", role: "Primary", since: "Mar 14, 2026", exposure: 23, status: "Protected" }, { name: "Eleanor R.", role: "Spouse", since: "May 17, 2026", exposure: 198, status: "Onboarding" }, { name: "Charlotte R.", role: "Daughter", since: "Mar 18, 2026", exposure: 14, status: "Protected" }, { name: "James R.", role: "Son", since: "Mar 18, 2026", exposure: 9, status: "Protected" }, ]; return (
{members.map((m, i) => (
{m.name[0]}
{m.name}
{m.role} · since {m.since}
Exposure
100 ? "var(--accent)" : "var(--brand)" }}> {m.exposure}
Status
{m.status}
))}
); } function OverviewSection() { const removed = BROKER_DATA.filter(b => b.status === "removed").length; const total = 95; const pct = Math.round((removed / total) * 100); return (
{/* Top metrics row */}
{/* Two-column work area */}
{/* Activity */}
Agent activity · today
{ACTIVITY.map((a, i) => ( ))}
{/* Right column */}
Verifications · 3 open
Next quarterly run JUN 14 · 28 DAYS

Cycle 03 will re-submit removals across all {total} brokers and audit for new aggregators added since March.

Cycle 02 · {pct}% complete
); } /* ---------- Brokers section ---------- */ function BrokersSection() { const [filter, setFilter] = useState("all"); const filtered = BROKER_DATA.filter(b => filter === "all" || b.status === filter); const counts = { all: BROKER_DATA.length, removed: BROKER_DATA.filter(b => b.status === "removed").length, pending: BROKER_DATA.filter(b => b.status === "pending").length, verifying: BROKER_DATA.filter(b => b.status === "verifying").length, }; const tabs = [ { id: "all", label: "All visible" }, { id: "removed", label: "Removed" }, { id: "pending", label: "Awaiting" }, { id: "verifying", label: "Verifying" }, ]; return (
{tabs.map((t) => { const active = filter === t.id; return ( ); })}
{["Broker", "Category", "Status", "Last action", ""].map((h) => (
{h}
))}
{filtered.map((b, i) => ( ))}
Showing {filtered.length} of {BROKER_DATA.length} active brokers · {95 - BROKER_DATA.length} additional below the visibility threshold.
); } function HouseholdSection() { return (
Household coverage

Four protected identities under one engagement. Add up to one more under the current tier; beyond five, you'll move to the Office plan.

); } function ActivitySection() { return (
Full agent log

Every action the agent takes is recorded here, plain. Each row links to a signed receipt.

{[...ACTIVITY, ...ACTIVITY].map((a, i) => ( ))}
); } function VerificationsSection() { return (
Verifications · 3 open

These items require a human signal. Yew flags only the actions an automated agent should not take.

); } function ReportsSection() { const reports = [ { q: "Cycle 02", date: "May 17, 2026", state: "In progress", removed: 14, found: 23 }, { q: "Cycle 01", date: "Mar 14, 2026", state: "Complete", removed: 71, found: 412 }, ]; return (
Quarterly reports

A single written briefing each quarter. Signed by your steward.

{reports.map((r, i) => (
{r.q}
{r.date}
State
{r.state}
Records found
{r.found}
Records removed
{r.removed}
))}
); } function SettingsSection() { return (
Engagement
{[ ["Plan", "Household · $2,400 / year"], ["Renewal", "March 14, 2027"], ["Steward", "Theo Ainsworth — theo@yew.ai"], ["Notification cadence", "Quarterly written briefing"], ["Notarization on file", "Yes · valid through Mar 2028"], ["Postal address for letters", "Yew Suite 14 · PO Box 1862 · Hanover, NH"], ].map(([k, v]) => (
{k}
{v}
))}
); } /* ---------- Dashboard root ---------- */ function Dashboard({ onSignOut }) { const [section, setSection] = useState("overview"); const content = { overview: , brokers: , activity: , verify: , household: , reports: , settings: , }[section]; return (
{content}
); } Object.assign(window, { Dashboard });