/* FinFlow Screens — Auth, Onboarding, Audit, Notif Center, Help, States */ /* ---------- Auth ---------- */ const AuthLayout = ({ children, title, sub, foot }) => (
Workspace

{title}

{sub &&

{sub}

}
{children}
{foot}
); const SignIn = () => ( New here? Create a workspace}>
or
Forgot password?
); const SSOWorkspace = () => ( ← Back to sign in}>
.finflow.app
Arcadia Labs uses Okta
You'll be redirected to your identity provider.
 ); const ForgotPassword = () => ( ← Back to sign in}>
); const ResetPassword = () => (
12+ characters
Number or symbol
Not a previous password
 ); /* ---------- Onboarding ---------- */ const OnboardingShell = ({ step, children, title, sub, next }) => (
{["Connect bank","Invite team","Set policy"].map((s, i) => (
{i < step ? : i+1} {s}
{i < 2 && } ))}
Onboarding · {step+1} of 3

{title}

{sub &&

{sub}

}
{children}
); const ConnectBank = () => (
{[ { name:"Mercury", icon:"bank", desc:"Business checking, ACH out" }, { name:"Brex", icon:"credit-card", desc:"Cards, statements" }, { name:"Chase", icon:"buildings", desc:"Business banking" }, { name:"AMEX", icon:"credit-card", desc:"Card statements" }, { name:"SVB / First Citizens", icon:"bank", desc:"Wires, FBO accounts" }, { name:"Plaid · Other", icon:"plugs", desc:"12,000+ institutions" } ].map(b => (
{b.name}
{b.desc}
 ))}
); const InviteTeam = () => (
{[ { e: "theo@arcadialabs.co", r: "Manager" }, { e: "iris@arcadialabs.co", r: "Employee" }, { e: "dev@arcadialabs.co", r: "Employee" }, { e: "", r: "Employee" } ].map((row, i) => (
))}
Or bulk-invite via CSV / SCIM (Okta connected)
); const SetPolicy = () => (
Auto-categorize transactions with AI
Pulls merchant + memo, suggests category
Block out-of-policy charges at swipe
Cards decline if over limit (recommended)
 ); /* ---------- Audit ---------- */ const AuditLog = () => { const d = FF_DATA; return ( <> }/>
{}}/>
{d.auditEntries.concat(d.auditEntries.map(e => ({...e, ts: e.ts.replace("2026-05-22", "2026-05-21")}))).slice(0, 12).map((a, i) => ( ))}
Timestamp (UTC-7)ActorActionTargetIP / agent
{a.ts} {a.actor !== "System" && a.actor !== "Okta SSO" && x[0]).join('').slice(0,2)}/>}{a.actor} {a.action} {a.target} 10.0.4.221 · Chrome 128
); }; /* ---------- Notif Center ---------- */ const NotificationsCenter = () => { const d = FF_DATA; return ( <> }/>
{[ {id:"all", label:"All", icon:"tray", count:14}, {id:"approve", label:"Approvals", icon:"check-square", count:8}, {id:"policy", label:"Policy", icon:"warning", count:2}, {id:"payout", label:"Payouts", icon:"arrows-clockwise", count:3}, {id:"card", label:"Cards", icon:"credit-card", count:1} ].map((t, i) => ( {t.label}{t.count} ))}
{d.notifications.concat(d.notifications).slice(0, 10).map((n, i, arr) => (
{n.text}
{n.ts} ago
{i < 3 && }
))}
); }; /* ---------- Help ---------- */ const Help = () => ( <>
/
{[ ["Getting started","Connect bank, invite team, set policy","book-open"], ["Expenses & receipts","OCR, categories, mileage, policies","receipt"], ["Cards","Issue, limits, freezes, statements","credit-card"], ["Approvals","Routing, bulk, escalations","check-square"], ["Reports & close","Builder, exports, QBO sync","chart-bar"], ["Admin & security","SSO, SCIM, audit, retention","shield-check"] ].map(([t, s, i]) => (
{t}
{s}
 ))}
Still stuck? Talk to a human.
Average response · 4 minutes during business hours
 ); /* ---------- States: loading / empty / error / success / confirmation ---------- */ const LoadingDashboard = () => ( <>
{[0,1,2,3].map(i => (
))}
{[0,1,2,3].map(i =>
)}
); const EmptyExpenses = () => ( <>
No expenses yet
When teammates submit expenses or your cards are swiped, you'll see them here.
 ); const ErrorState = () => ( <>
FinFlow is having trouble
We've been notified. Try again, or check status.finflow.app.
err_id: fff_4b22 · 503
 ); const SuccessApproval = () => { // EXP-2841 was just approved, so it leaves the open queue. const remaining = Math.max(0, FF_DATA.expenses.filter(e => e.status === "pending" || e.status === "flagged").length - 1); return (

Approved.

EXP-2841 · United Airlines · $842.50 approved and routed to Finance for payment.

); }; const ConfirmReimbursement = () => (

Payout scheduled.

3 reimbursements totaling $620.90 will be sent to employees via ACH on May 30, 2026.

Iris Chen
Luna Park
Dev Patel
); Object.assign(window, { SignIn, SSOWorkspace, ForgotPassword, ResetPassword, ConnectBank, InviteTeam, SetPolicy, AuditLog, NotificationsCenter, Help, LoadingDashboard, EmptyExpenses, ErrorState, SuccessApproval, ConfirmReimbursement });