// ─────────────────────────────────────────────────────────────────────
// REPORTS — home of financial reporting for the collection.
//
// The Monthly Expense Report is the primary entry point: the operational
// monthly task of packaging every expense (with its original receipts)
// for the collector family's accountant. The library below it is the
// roadmap — reports the archive will eventually write on demand.
// ─────────────────────────────────────────────────────────────────────
const { useState: useRpt } = React;
// Top bar — mirrors OpsTopBar (operations hub chrome).
function RptBar({ eyebrow, title, onClose }) {
return (
{title}
{eyebrow}
);
}
// Small mono kv used across the reports surfaces.
function RptMono({ children, size = 9, color, tracking = '0.14em', style = {} }) {
return (
{children}
);
}
// Status chip for a report — DRAFT (gold) or SENT (quiet outline).
function ReportStatusChip({ sent }) {
return sent ? (
Sent
) : (
Draft
);
}
function ReportsHome({ onBack, onOpenMonthly }) {
const store = useReportStore();
const [reminderSheet, setReminderSheet] = useRpt(false);
// Current draft = every expense not yet included in a sent report.
const current = reportById('draft');
const { included } = reportExpenses('draft');
const roll = reportRollup(included);
const rangeLabel = fmtRange(current.start, current.end);
const reminder = REPORT_REMINDER_OPTIONS.find(o => o.id === store.reminder);
// Sent history — newest first, each shown by its reporting period.
const sentReports = allSentReports()
.map(r => ({ ...r, roll: reportRollup(reportExpenses(r.id).included), rangeLabel: fmtRange(r.start, r.end) }))
.reverse();
return (
{/* Intro */}
THE ARCHIVE, REPORTED
Reports organize records that already exist in the archive —
packaged for accountants, owners, insurers, and buyers.
{/* ── The current draft — every unreported expense ── */}