// dashboard.jsx — the actual product, post-login const { useState: useStateDb, useEffect: useEffectDb, useMemo: useMemoDb } = React; const parseDateFn = window.parseDate; const addDaysFn = window.addDays; function Dashboard({ mode, setMode, onBack }) { const m = MODES[mode]; const initial = useMemoDb(() => READINESS[mode].map(r => ({...r})), [mode]); const [rows, setRows] = useStateDb(initial); useEffectDb(() => { setRows(initial); }, [initial]); const baseDate = useMemoDb(() => parseDateFn(m.interception), [mode]); const totalNonGreen = initial.filter(r => r.state !== "green").length; const remaining = rows.filter(r => r.state !== "green").length; const cleared = totalNonGreen - remaining; const computedDate = useMemoDb(() => addDaysFn(baseDate, -cleared * 9), [baseDate, cleared]); const greenCount = rows.filter(r => r.state === "green").length; const pct = Math.round((greenCount / rows.length) * 100); function clearRow(i) { setRows(rs => rs.map((r, idx) => idx === i ? {...r, state: "green"} : r)); } function resetAll() { setRows(initial); } return (
{/* Greeting + Goal */} {/* Today's one thing + Live agent activity */}
{/* Readiness — the full matrix */} {/* Money + Properties side-by-side */}
{/* Properties scored */} {/* Agent chat */}
); } // ── Sidebar ───────────────────────────────────────────────────────────── function DashSidebar({ mode, setMode, onBack }) { const m = MODES[mode]; const nav = [ { icon: "target", label: "Mission", badge: null, active: true }, { icon: "bldg", label: "Properties", badge: "23 new" }, { icon: "euro", label: "Money", badge: null }, { icon: "file", label: "Paperwork", badge: "3" }, { icon: "chat", label: "Ask the agent" }, { icon: "calendar", label: "Viewings", badge: null }, { icon: "bell", label: "Alerts", badge: "12" }, ]; return ( ); } // ── Top bar ───────────────────────────────────────────────────────────── function DashTopBar({ mode }) { return (
⌘ K
Agent active · scanning 47 sources
); } // ── Goal header ───────────────────────────────────────────────────────── function GoalHeader({ mode, pct, computedDate, m }) { const months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; const today = new Date(2026, 4, 24); const daysToGo = Math.round((computedDate - today) / (1000*60*60*24)); const monthsToGo = (daysToGo / 30.4).toFixed(1); return (
Good morning, Aoife
{m.goalShort}
Target: {m.goalDate} · day 47 of your mission
{/* Progress bar */}
{pct}%
{m.metricLabel}
{months[computedDate.getMonth()]} {String(computedDate.getDate()).padStart(2,"0")}
{computedDate.getFullYear()} · {monthsToGo} months to go
What's working
Savings rate up €140/mo
3 viewings booked this week
Agent on a 14-day check-in streak
); } // ── Today's one thing ────────────────────────────────────────────────── function TodayCard({ mode }) { const m = MODES[mode]; return (
Today's one thing updated 06:14
{m.todayThing}
→ Why? You're 1 cleared red away from a 2-week date pull-forward. The agent ranks this above 18 other possible actions today.
); } // ── Agent activity feed ───────────────────────────────────────────────── function AgentActivity() { const items = [ { time: "06:14", text: "Scanned 47 sources — 2 new listings match", tone: "info" }, { time: "05:51", text: "AIB cut variable rates 0.15% — saved €38/mo", tone: "green" }, { time: "Tue", text: "Drafted reference reminder to Murphy & Co.", tone: "info" }, { time: "Tue", text: "Spotted illegal RPZ uplift at 4 Glandore Park", tone: "rose" }, { time: "Mon", text: "Filed your HTB application with Revenue", tone: "green" }, ]; const colorFor = t => t === "green" ? "var(--green)" : t === "rose" ? "var(--rose)" : "var(--ink-3)"; return (
Agent activity See all →
{items.map((it, i) => (
{it.time} {it.text}
))}
); } // ── Full readiness matrix ─────────────────────────────────────────────── function ReadinessFull({ rows, clearRow, resetAll, cleared }) { return (
Readiness matrix {rows.filter(r=>r.state==="green").length} done ·{" "} {rows.filter(r=>r.state==="yellow").length} to fix ·{" "} {rows.filter(r=>r.state==="red").length} blocking
{cleared > 0 && {cleared * 9} days earlier}
{rows.map((r, i) => (
r.state !== "green" && clearRow(i)} > {r.label} {r.detail} {r.state === "green" ? "✓ Done" : r.state === "yellow" ? "Fix" : "Block"} {r.state !== "green" && r.action ? <>{r.action} : }
))}
); } // ── Money / financial mission control ─────────────────────────────────── function MoneyPanel({ mode }) { // mini bar chart of saving rate over 6 months const months = ["Dec", "Jan", "Feb", "Mar", "Apr", "May"]; const savings = [420, 380, 510, 640, 720, 860]; const max = 1000; return (
Financial mission control AIB · BOI · Revolut connected
Net monthly
€4,820
+€140 vs last month
Saving rate
17.8%
on track for Aug 2027
{savings.map((v, i) => (
€{v}
))}
{months.map((m, i) => (
{m}
))}
Boost suggestion: €340/mo on takeaways. Trim to €100 — interception date pulls forward 7 weeks.
); } // ── Mortgage stack ───────────────────────────────────────────────────── function MortgageStack({ mode }) { const lenders = [ { name: "AIB", offer: 510, rate: "3.85%", status: "Active AIP", state: "green" }, { name: "Bank of Ireland", offer: 495, rate: "3.95%", status: "Draft", state: "yellow" }, { name: "Avant Money", offer: 525, rate: "3.65%", status: "Pre-match", state: "yellow" }, { name: "Haven", offer: 502, rate: "3.80%", status: "Pre-match", state: "yellow" }, ]; return (
Mortgage stack Compare side-by-side →
Best offer
€525k
Avant · 3.65% · 30y fixed
Monthly
€2,398
at €495k borrowed
{lenders.map((l, i) => (
{l.name} €{l.offer}k {l.rate} {l.status}
))}
); } // ── Property shortlist ───────────────────────────────────────────────── function PropertyShortlist({ mode }) { return (
Shortlist · scored against you
3 active · 1 sale-agreed — watching for fall-through
{PROPERTIES.map(p => )}
); } // ── Agent chat (mini) ────────────────────────────────────────────────── function AgentChat({ mode }) { const msgs = [ { from: "agent", text: "Morning Aoife. Two new listings dropped overnight — 12 Beechwood Park in Bray scored 92. Want me to draft a viewing request?" }, { from: "user", text: "What's the catch with Beechwood Park?" }, { from: "agent", text: "Asking is 3% above sold comps in A98. Time on market: 3 days, so they may still get asking. If you want it, I'd suggest €485k as an opening bid — that's bang on the median for the postcode in the last 90 days." }, { from: "user", text: "OK draft the viewing request" }, ]; return (
Ask the agent
Always on · trained on your goal & finances
Open full chat →
{msgs.map((mm, i) => (
{mm.text}
))}
Enter
); } window.Dashboard = Dashboard;