/* FinFlow Screens — Dashboards (Finance Admin, Manager, Employee) */ const FinanceDashboard = () => { const d = FF_DATA; return ( <> } />
{d.kpis.finance.map((k, i) => ( ))}
}>
Spend (K) Peak · $67.2K · W22 Avg · $51.4K / wk
FY26 · 42% elapsed}>
{d.budgets.map((b, i) => )}
{e.preventDefault(); ffGo('approvals');}}>View all } padded={false}> {d.expenses.filter(e => e.status === "pending" || e.status === "flagged").slice(0, 6).map(e => ( ))}
IDMerchantOwnerSubmittedAmountStatus
{e.id} {e.merchant} x[0]).join('').slice(0,2)} /> {e.who} {e.date}
YTD}>
({ label: d.categories.find(x=>x.id===c.cat).name, value: c.value }))} size={170} thickness={22}/>
{d.categoryBreakdown.map((c, i) => { const cat = d.categories.find(x => x.id === c.cat); const total = d.categoryBreakdown.reduce((s,x) => s+x.value, 0); return (
{cat.name} ${c.value.toFixed(1)}K · {(c.value/total*100).toFixed(0)}%
); })}
Filter}> {d.auditEntries.slice(0, 6).map((a, i) => ( ))}
TimeActorActionTarget
{a.ts} {a.actor} {a.action} {a.target}
); }; const ManagerDashboard = () => { const d = FF_DATA; const pendingMine = d.expenses.filter(e => e.status === "pending" || e.status === "flagged"); return ( <> } />
{d.kpis.manager.map((k, i) => )}
This month}> ({ cat: e.initials, value: e.spend/1000 }))} height={260} unit="$" colorByIndex={false} color="var(--ff-chart-1)"/> {e.preventDefault(); ffGo('approvals');}}>Open queue} padded={false}>
{pendingMine.slice(0, 5).map(e => (
x[0]).join('').slice(0,2)}/>
{e.merchant}
{e.who} · {e.id}
))}
}>

Approve all pending under $100 with no policy flags.

{(() => { const quick = pendingMine.filter(e => e.amount < 100 && e.policy === "ok"); const quickTotal = quick.reduce((s, e) => s + e.amount, 0); return (
); })()}
  • Hotel cap for domestic stays is $300/night
  • Per diem meals: $75/day
  • Anything over $500 in advertising → CMO sign-off
); }; const EmployeeDashboard = () => { const d = FF_DATA; const mine = d.expenses.filter(e => e.who === "Iris Chen"); return ( <> } />
{d.kpis.employee.map((k, i) => )}
{e.preventDefault(); ffGo('expenses');}}>View all}> {mine.map(e => ( ))}
DateMerchantAmountStatus
{e.date.slice(5)} {e.merchant}
{e.memo}
FinFlow · Virtual
•••• •••• •••• 9032
Holder
Iris Chen
Exp
11/28
 }>
$320.40
RB-104 · Direct deposit · arrives May 30
); }; Object.assign(window, { FinanceDashboard, ManagerDashboard, EmployeeDashboard });