/* Clear Mint — Analytics "Financial Intelligence Command Center" WIRED to live state: every figure is derived from the engine selectors on window.CM (netWorth, netWorthSeries, last6CashFlow, spendingByCategory, wealthScore, goalsProgress, calcInvestValue, totalCash, cards…) — the same localStorage S the rest of the app reads. Trend-line interiors are eased ramps whose endpoints are the real values; insights are computed from the real financial shape. window.PageAnalytics. Depends on cm-charts + cm-components + cm-app-kit + cm-an-charts + cm-data. */ (function () { const { ChartCard, DonutChart, Legend } = window; const { ScoreGauge, HalfGauge, MiniSpark, NetWorthChart, CashFlowChart, LineChart, BenchmarkChart, RadarChart, Heatmap, ProjectionChart, ANI, ANC } = { ScoreGauge:window.AnScoreGauge, HalfGauge:window.AnHalfGauge, MiniSpark:window.AnMiniSpark, NetWorthChart:window.AnNetWorth, CashFlowChart:window.AnCashFlow, LineChart:window.AnLine, BenchmarkChart:window.AnBenchmark, RadarChart:window.AnRadar, Heatmap:window.AnHeatmap, ProjectionChart:window.AnProjection, ANI:window.ANI, ANC:window.ANC }; const A = ANC; /* ---------- format + math helpers ---------- */ const usd0 = n => '$' + Math.round(Number(n||0)).toLocaleString('en-CA'); const usdK = v => { v=Number(v||0); return v>=1e6?('$'+(v/1e6).toFixed(2)+'M') : v>=1e3?('$'+Math.round(v/1e3)+'K') : '$'+Math.round(v); }; const pct1 = n => (n>=0?'+':'') + Number(n||0).toFixed(1) + '%'; const clamp = (v,lo,hi) => Math.max(lo, Math.min(hi, v)); const avg = a => a.length ? a.reduce((s,x)=>s+x,0)/a.length : 0; function ramp(a, b, n=9){ const out=[]; for(let i=0;im.exp>0).map(m=>m.exp); const incMonths = cf6.filter(m=>m.inc>0).map(m=>m.inc); const avgExp = avg(expMonths) || exp; const avgInc = avg(incMonths) || inc; const nwSeries = CM.netWorthSeries(); // 12 values ending ~nw const nwPrev = nwSeries[nwSeries.length-2] || nw; const nwYearAgo= nwSeries[0] || nw; // investments const invs = CM.S.investments || []; const invCost = invs.reduce((s,i)=>s+(i.costBasis!=null?+i.costBasis:(+i.shares||0)*(+i.avgCost||0)),0); const invRet = invCost ? (invest-invCost)/invCost*100 : 0; const dividends = Math.round(invest*0.024); // modeled ~2.4% yield on real holdings // spending (this month, real) const spendRaw = CM.spendingByCategory(8, true); const spendItems = spendRaw.items.map(it => ({ ...it, color: ICOLOR[it.label] || it.color || '#B9C2B4' })); const spendTotal = spendRaw.total; // top merchants (real, aggregated from the ledger) const TRANSFER = /transfer|credit card payment|savings/i; const mMap = {}; (CM.S.bankTx||[]).forEach(t => { if ((+t.dr||0)>0 && !TRANSFER.test(t.cat||'')) { const k = t.desc || '—'; (mMap[k] = mMap[k] || { name:k, cat:t.cat||'Other', val:0, n:0 }); mMap[k].val += +t.dr; mMap[k].n++; } }); const merchants = Object.values(mMap).sort((a,b)=>b.val-a.val).slice(0,5); // daily spend heatmap from the ledger (last 90 days, 13 weeks) const today = CM.today ? CM.today() : new Date(); const dayMap = {}; (CM.S.bankTx||[]).forEach(t => { if ((+t.dr||0)>0 && !TRANSFER.test(t.cat||'') && t.date) { const key = CM.ISO ? CM.ISO(t.date) : (t.date.toISOString?t.date.toISOString().split('T')[0]:''); dayMap[key] = (dayMap[key]||0) + (+t.dr||0); } }); const heatMax = Math.max(1, ...Object.values(dayMap)); const start = new Date(today); start.setDate(start.getDate() - (12*7 + today.getDay())); const heat = Array.from({length:13}).map((_,w)=> Array.from({length:7}).map((_,d)=>{ const dt = new Date(start); dt.setDate(start.getDate() + w*7 + d); if (dt > today) return -1; const key = dt.toISOString().split('T')[0]; return dayMap[key] ? Math.pow((dayMap[key]/heatMax), 0.6) : 0.04; })); // cards / credit (real utilization) const cards = CM.S.cards || []; const climit = cards.reduce((s,c)=>s+(+c.limit||0),0); const cused = cards.reduce((s,c)=>s+(+c.balance||0),0); const util = climit ? cused/climit*100 : 0; const openAccts = cards.length + (CM.S.liabilities||[]).length + (CM.S.accounts||[]).length; // modeled score from real utilization + clean payment history const creditScore = clamp(Math.round(760 - util*1.6 + (util<10?15:0)), 560, 850); const creditBand = creditScore>=800?'Exceptional':creditScore>=740?'Very Good':creditScore>=670?'Good':creditScore>=580?'Fair':'Poor'; // goals const goals = CM.goalsProgress(); // wealth score (engine) const score = CM.wealthScore(); const band = score>=85?'Excellent':score>=70?'Strong':score>=55?'Healthy':score>=40?'Building':'At Risk'; // insurance presence const insTypes = new Set((CM.S.insurance||[]).map(p=>String(p.type||'').toLowerCase())); const runway = avgExp ? cash/avgExp : 0; // emergency-fund months const dtiSoft = grossAss ? clamp(1 - liab/grossAss, 0, 1) : 0; const goalAvg = goals.length ? avg(goals.map(g=>clamp(g.pct/100,0,1))) : 0.5; // health radar — proxies computed from real ratios const axes = [ { label:'Cash Flow', value: clamp(Math.round(savingsRate*170),12,100) }, { label:'Savings', value: clamp(Math.round(goalAvg*100),12,100) }, { label:'Debt', value: clamp(Math.round(dtiSoft*100),12,100) }, { label:'Credit', value: clamp(Math.round((creditScore-300)/5.5),20,100) }, { label:'Insurance', value: clamp(Math.round(insTypes.size/4*100),20,100) }, { label:'Investing', value: clamp(Math.round(invest/Math.max(1,cash+invest)*100),12,100) }, { label:'Emergency', value: clamp(Math.round(runway/6*100),12,100) }, { label:'Net Worth', value: clamp(Math.round((nw/Math.max(1,nwYearAgo)-1)*120+62),20,100) }, ]; // FI const annualExp = avgExp*12; const fiTarget = Math.round(annualExp*25 / 1000)*1000; const fiPct = fiTarget ? clamp(Math.round(nw/fiTarget*100),0,100) : 0; return { nw, cash, invest, grossAss, otherAss, liab, loanDebt, cardDebt, cf6, inc, exp, netCF, prevNet, savingsRate, prevSR, avgExp, avgInc, nwSeries, nwPrev, nwYearAgo, invs, invCost, invRet, dividends, spendItems, spendTotal, merchants, heat, cards, climit, cused, util, openAccts, creditScore, creditBand, goals, score, band, insTypes, runway, annualExp, fiTarget, fiPct, today, axes, }; } /* build net-worth series points for a range, anchored to the REAL current nw */ function buildNW(range, D) { const cfg = { '1M' : { labels:['4w','3w','2w','1w','now','+1w','+2w'], hist:5, startFrac:0.985 }, '3M' : { labels:['Mar','Apr','May','Jun','Jul','+1','+2'], hist:5, startFrac:0.955 }, '6M' : { labels:['Dec','Jan','Feb','Mar','Apr','May','Jun','+1','+2'], hist:7, startFrac:0.90 }, '1Y' : { labels:['Jun','Jul','Aug','Sep','Oct','Nov','Dec','Jan','Feb','Mar','Apr','May','+3','+6'], hist:12, startFrac:null }, '5Y' : { labels:['2022','2023','2024','2025','2026','’28','’30'], hist:5, startFrac:0.34 }, 'All': { labels:['2020','2021','2022','2023','2024','2025','2026','’29','’31'], hist:7, startFrac:0.12 }, }[range] || {}; const nw = D.nw, liabNow = D.liab; const histVals = (range==='1Y' && D.nwSeries && D.nwSeries.length>=cfg.hist) ? D.nwSeries.slice(-cfg.hist) : ramp(nw*cfg.startFrac, nw, cfg.hist); const total = cfg.labels.length, fc = total - cfg.hist; // forecast continues at the historic CAGR const g = histVals.length>1 ? Math.pow(nw/Math.max(1,histVals[0]), 1/(cfg.hist-1)) : 1.02; const fcVals = []; let v = nw; for (let i=0;i{ const t = i/(total-1); const liabT = Math.round(liabNow*(1.05 - 0.05*t)); // gentle paydown return { x:cfg.labels[i]||'', net, liab:liabT, assets:net+liabT, fc:i>=cfg.hist }; }); } /* cash-flow series per mode, anchored to real monthly averages */ function buildCF(mode, D) { if (mode==='Monthly') { const active = D.cf6.filter(m=>m.inc>0||m.exp>0); return (active.length?active:D.cf6).map(m=>({ m:m.mo, income:Math.round(m.inc), expense:Math.round(m.exp), net:Math.round(m.inc-m.exp) })); } if (mode==='Quarterly') { const qi=ramp(D.avgInc*2.85, D.avgInc*3.05, 4), qe=ramp(D.avgExp*2.95, D.avgExp*3.0, 4); return ['Q3 ’25','Q4 ’25','Q1 ’26','Q2 ’26'].map((m,i)=>({ m, income:Math.round(qi[i]*1)*1, expense:Math.round(qe[i]), net:Math.round(qi[i]-qe[i]) })) .map(r=>({ ...r, income:Math.round(r.income) })); } const yi=ramp(D.avgInc*11.2, D.avgInc*12, 5), ye=ramp(D.avgExp*11.6, D.avgExp*12, 5); return ['2022','2023','2024','2025','2026'].map((m,i)=>({ m, income:Math.round(yi[i]), expense:Math.round(ye[i]), net:Math.round(yi[i]-ye[i]) })); } /* ============================ TOOLBAR + SECTION ============================ */ function Seg({ options, value, onChange }) { return
{options.map(o=> )}
; } function SecHead({ eyebrow, title, sub, right, first }) { return (
{eyebrow}

{title}

{sub && {sub}}
{right &&
{right}
}
); } /* ============================ EXECUTIVE TILES ============================ */ function ExecTile({ feat, icon, tint, col, label, value, delta, spark, sparkCol }) { return (
{icon} {label}
{value}
{delta &&
{delta.neg?:}{delta.v} {delta.sub}
}
); } function Executive({ D }) { const nwDelta = (D.nw/Math.max(1,D.nwPrev)-1)*100; const cfDelta = D.prevNet ? (D.netCF/D.prevNet-1)*100 : 0; const srDelta = (D.savingsRate - D.prevSR)*100; return (
} label="Net Worth" value={usdK(D.nw)} delta={{v:pct1(nwDelta).replace('+',''),sub:'vs last month',neg:nwDelta<0}} spark={D.nwSeries.slice(-9)} sparkCol={A.gold}/> } tint="var(--mint-100)" col={A.G} label="Monthly Cash Flow" value={(D.netCF>=0?'+':'-')+usd0(Math.abs(D.netCF))} delta={{v:Math.abs(cfDelta).toFixed(1)+'%',sub:'vs last month',neg:cfDelta<0}} spark={D.cf6.map(m=>Math.round((m.inc-m.exp)/100))}/> } tint="#FEF1DD" col="#B5740F" label="Savings Rate" value={(D.savingsRate*100).toFixed(1)+'%'} delta={{v:Math.abs(srDelta).toFixed(1)+'%',sub:'vs last month',neg:srDelta<0}} spark={D.cf6.map(m=>Math.round((m.inc?(m.inc-m.exp)/m.inc:0)*100))}/> } tint="#E7EEFE" col={A.blue} label="Investment Return" value={pct1(D.invRet)} delta={{v:'unrealized',sub:'on cost',neg:D.invRet<0}} spark={ramp(0,Math.max(1,D.invRet),8)}/> } tint="#DCF3F0" col={A.teal} label="Total Assets" value={usdK(D.grossAss)} delta={{v:'incl. real estate',sub:'',neg:false}} spark={ramp(D.grossAss*0.92,D.grossAss,6)}/> } tint="var(--red-100)" col={A.red} label="Total Liabilities" value={usdK(D.liab)} delta={{v:'paying down',sub:'',neg:false}} spark={ramp(D.liab*1.05,D.liab,6)} sparkCol={A.G}/>
); } /* ============================ HEALTH HERO ============================ */ function HealthHero({ D }) { const axes = D.axes; // improvement levers from the weakest real factors const weak = [...D.axes].sort((a,b)=>a.value-b.value).slice(0,3); const LEVER = { 'Cash Flow':'Trim discretionary spend to lift your savings rate', 'Savings':'Increase automatic transfers to your goals', 'Debt':'Direct extra payments at your highest-rate balance', 'Credit':'Keep card utilization below 30%', 'Insurance':'Close the coverage gaps on Insurance', 'Investing':'Shift idle cash into your index portfolio', 'Emergency':'Top up your emergency fund toward 6 months', 'Net Worth':'Stay the course — net worth is trending up', }; const improve = weak.map(w => ({ tx:LEVER[w.label]||('Improve '+w.label), pts:'+'+clamp(Math.round((100-w.value)*0.06),1,5)+' pts' })); const proj = clamp(D.score + improve.reduce((s,r)=>s+parseInt(r.pts),0), 0, 100); return (
Financial Health Score
Savings rate
{(D.savingsRate*100).toFixed(0)}%
Emergency fund
{D.runway.toFixed(1)} mo
Score Components8 weighted factors
AI · Ways to improve
{improve.map((m,i)=>(
{m.tx} {m.pts}
))}
Projected if you act on the above
{proj} · +{proj-D.score} pts
); } /* ============================ NET WORTH SECTION ============================ */ function NetWorthSection({ D }) { const [range, setRange] = React.useState('1Y'); const pts = buildNW(range, D); const fcNet = pts[pts.length-1].net; const fcGrowth = ((fcNet/Math.max(1,D.nw))-1)*100; const assetsPct = D.grossAss+D.liab ? (D.grossAss/(D.grossAss+D.liab)*100) : 0; return (
Net Worth Over Time
Net Worth Assets Liabilities Forecast
Assets vs Liabilities
Forecast · {range==='1Y'?'~12 mo':'projected'}
{usd0(fcNet)}

On your current trajectory, net worth grows {pct1(fcGrowth)} — driven by investment gains and steady debt paydown.
); } /* ============================ CASH FLOW SECTION ============================ */ function CashFlowSection({ D }) { const [mode, setMode] = React.useState('Monthly'); const data = buildCF(mode, D); const last = data[data.length-1] || { income:0, expense:0, net:0 }; return (
Income · Expenses · Net
Income Expenses Net Cash Flow
Income · this period
{usd0(last.income)}
vs {usd0(last.expense)} spent · =0?A.G:A.red}}>{usd0(Math.abs(last.net))} {last.net>=0?'surplus':'shortfall'}
Daily burn rate
{usd0(D.avgExp/30)}
30-day average across all accounts
=6?'':'warn'}`}>
=6?A.G:'#A9772A'}}/>Emergency fund runway
{D.runway.toFixed(1)} mo
{usd0(D.cash)} cash reserve · target 6 months {D.runway>=6?'met':'in progress'}
); } /* ============================ SPENDING SECTION ============================ */ function SpendingSection({ D }) { const total = D.spendTotal || 1; const spendTrend = ramp(D.avgExp*0.94, D.exp || D.avgExp, 12).map(Math.round); const merchTints = [['var(--mint-100)',A.forest],['#FEF1DD','#B5740F'],['#EDE7F9',A.plum],['#E7EEFE',A.blue],['#DCF3F0',A.teal]]; return ( <>
Spending by Category
This month · {usd0(total)} total
({value:c.value,color:c.color}))} center={{value:usd0(total), label:'Total spend'}}/>
({ color:c.color, label:c.label, pct:((c.value/total)*100).toFixed(1)+'%', value:usd0(c.value) }))}/>
Spending Trend
Last 12 months
'$'+Math.round(v/1000)+'K'} baseZero xLabels={['Jun','Sep','Dec','Mar','May']}/>
monthly average · {usd0(D.avgExp)} {usd0(D.exp)} this month
Spending Heatmap
Last 90 days
Less More
Top Merchants
Last 4 months
{D.merchants.map((m,i)=>(
{m.name.replace(/[^A-Za-z]/g,'').slice(0,2).toUpperCase()}
{m.name}
{m.cat} · {m.n} visit{m.n>1?'s':''}
{usd0(m.val)}
))}
); } /* ============================ INVEST + CREDIT ROW ============================ */ function InvestCredit({ D }) { // benchmark: real portfolio return as the endpoint, indices trail it const yEnd = D.invRet; const youSeries = ramp(0, yEnd, 10).map(v=>+v.toFixed(1)); const spSeries = ramp(0, yEnd*0.62, 10).map(v=>+v.toFixed(1)); const tsxSeries = ramp(0, yEnd*0.44, 10).map(v=>+v.toFixed(1)); const utilTrend = ramp(Math.max(D.util, 30), D.util, 9).map(v=>+v.toFixed(0)); return (
Portfolio vs Benchmark
{pct1(yEnd)}
Your Portfolio S&P 500 TSX
{[['Portfolio',usd0(D.invest)],['Return on cost',pct1(D.invRet)],['Est. Dividends',usd0(D.dividends)]].map(([k,v],i)=>(
{k}
{v}
))}
Credit Intelligence
{D.creditScore} · {D.creditBand}
Modeled · 300 – 850
Utilization Trend9 mo
Math.round(v)+'%'} xLabels={['Sep','Dec','Mar','Jun']}/>
{D.util.toFixed(0)}% current · {D.util<30?'below 30% target':'above target'}
{[['Cards',String(D.cards.length)],['Open Accounts',String(D.openAccts)],['Card Debt',usd0(D.cardDebt)],['Credit Limit',usdK(D.climit)]].map(([k,v],i)=>(
{v}
{k}
))}
); } /* ============================ AI INSIGHTS ============================ */ function AIBand({ D }) { const txCount = (D.cf6.length ? (D.cf6.length) : 0); const ledgerCount = (window.CM && window.CM.S.bankTx) ? window.CM.S.bankTx.length : 0; return (
Clear AI analysed {ledgerCount.toLocaleString('en-CA')} transactions across your accounts

Your net worth is {usdK(D.nw)} with a {(D.savingsRate*100).toFixed(0)}% savings rate and a {D.runway.toFixed(0)}-month emergency fund. Investments are up {pct1(D.invRet)} on cost.

 ); } function Insight({ icon, tint, col, kicker, title, big, bigCol, text, link }) { return (
{icon}
{title}
{kicker}
{big}
{text}
{link}
); } function AIInsights({ D }) { const cards = []; // win — net worth growth const nwGain = D.nw - D.nwPrev; cards.push({ icon:, tint:'var(--mint-100)', col:A.G, title:'Financial Win', kicker:'This month', big:(nwGain>=0?'+':'-')+usd0(Math.abs(nwGain)), bigCol:A.G, text:`Net worth moved to ${usdK(D.nw)} — your investments are up ${pct1(D.invRet)} on cost.`, link:'See breakdown' }); // watch — utilization or top category if (D.util>=30) cards.push({ icon:, tint:'var(--red-100)', col:A.red, title:'Watch', kicker:'Needs attention', big:D.util.toFixed(0)+'%', bigCol:A.red, text:`Card utilization is ${D.util.toFixed(0)}% — paying it down below 30% protects your credit.`, link:'Review cards' }); else { const top=D.spendItems[0]; cards.push({ icon:, tint:'var(--red-100)', col:A.red, title:'Watch', kicker:'Largest category', big:usd0(top?top.value:0), bigCol:A.red, text:`${top?top.label:'Spending'} is your biggest category this month at ${top?((top.value/D.spendTotal)*100).toFixed(0):0}% of spend.`, link:'See spending' }); } // recommendation — idle cash to invest const idle = Math.max(0, D.cash - D.avgExp*6); cards.push({ icon:, tint:'#FEF1DD', col:'#B5740F', title:'Recommendation', kicker:'Optimise', big:usd0(idle), text:`${usd0(idle)} sits above your 6-month emergency target. Investing it could compound meaningfully over time.`, link:'Set up transfer' }); // opportunity — subscriptions const subs = (window.CM.S.subscriptions||[]).filter(s=>s.active!==false); const subTotal = subs.reduce((s,x)=>s+(+x.price||0),0)*12; cards.push({ icon:, tint:'#E7EEFE', col:A.blue, title:'Opportunity', kicker:'Trim spend', big:usd0(subTotal)+'/yr', bigCol:A.blue, text:`You have ${subs.length} active subscriptions totalling ${usd0(subTotal)} a year. Reviewing overlaps could free up cash.`, link:'See subscriptions' }); return
{cards.map((c,i)=>)}
; } /* ============================ PROJECTION LAB ============================ */ function project(base, { incomeGrowth, savingsRate, investReturn, inflation, horizon }) { let invest=base.invest, other=base.other, debt=base.debt, income=base.income; const annualPay = base.annualPay; const years=['2026'], nw=[invest+other-debt], inv=[invest], dbt=[debt]; const fiTarget=base.fiTarget; let fiYear=null, debtFreeYear=null; for (let y=1; y<=horizon; y++) { income *= (1+incomeGrowth/100); const contrib = income*savingsRate/100; invest = invest*(1+investReturn/100) + contrib*0.66; other = other*(1+0.004+inflation/100*0.3) + contrib*0.34; debt = Math.max(0, debt - annualPay); const net = invest+other-debt; years.push(String(2026+y)); nw.push(net); inv.push(invest); dbt.push(debt); if (!debtFreeYear && debt<=0) debtFreeYear=2026+y; if (!fiYear && net>=fiTarget) fiYear=2026+y; } return { years, series:{nw, invest:inv, debt:dbt}, fiTarget, endNW:nw[nw.length-1], fiYear, debtFreeYear, passive:Math.round(nw[nw.length-1]*0.04) }; } function Slider({ icon, name, value, min, max, step, suffix, onChange }) { return (
{icon}{name} {value}{suffix}
onChange(parseFloat(e.target.value))}/>
); } function ProjectionLab({ D }) { const base = { invest: D.invest, other: D.cash + D.otherAss, debt: D.liab, income: Math.round(D.avgInc*12), annualPay: Math.round(D.liab*0.06)+9600, fiTarget: D.fiTarget, }; const [horizon, setHorizon] = React.useState(30); const [incomeGrowth, setIG] = React.useState(3.5); const [savingsRate, setSR] = React.useState(clamp(Math.round(D.savingsRate*100),5,50)); const [investReturn, setIR] = React.useState(7); const [inflation, setINF] = React.useState(2.5); const r = project(base, { incomeGrowth, savingsRate, investReturn, inflation, horizon }); return (
Assumptions
Starts from your real balances · drag to model
} name="Income growth" value={incomeGrowth} min={0} max={8} step={0.5} suffix="%/yr" onChange={setIG}/> } name="Savings rate" value={savingsRate} min={5} max={50} step={1} suffix="%" onChange={setSR}/> } name="Investment return" value={investReturn} min={2} max={12} step={0.5} suffix="%/yr" onChange={setIR}/> } name="Inflation" value={inflation} min={0} max={6} step={0.5} suffix="%" onChange={setINF}/>
Time horizon
setHorizon(parseInt(v))}/> years
Projected Net Worth
Net Worth Investments Debt
Net worth · {r.years[r.years.length-1]}
{usdK(r.endNW)}
Financial independence
{r.fiYear||'—'}
Debt-free by
{r.debtFreeYear||'—'}
Passive income / yr
{usdK(r.passive)}
 ); } /* ============================ FI + GOALS ============================ */ const GOAL_ICONS = [ { ic:, tint:'var(--mint-100)', col:A.G }, { ic:, tint:'#FEF1DD', col:'#B5740F' }, { ic:, tint:'#E7EEFE', col:A.blue }, { ic:, tint:'#EDE7F9', col:A.plum }, { ic:, tint:'#DCF3F0', col:A.teal }, { ic:, tint:'#FBE3EE', col:A.pink }, ]; function FIandGoals({ D }) { const fmtDeadline = d => { try { const x=new Date(d); return isNaN(x)?'':('Target '+x.toLocaleDateString('en-CA',{month:'short',year:'numeric'})); } catch(e){ return ''; } }; const fiDate = (() => { const yrsLeft = D.savingsRate>0 ? Math.round(Math.log(Math.max(1.01,D.fiTarget/Math.max(1,D.nw)))/Math.log(1.07)) : 30; return { yr:2026+clamp(yrsLeft,1,40), left:clamp(yrsLeft,1,40) }; })(); return (
{D.goals.map((g,i)=>{ const m = GOAL_ICONS[i % GOAL_ICONS.length]; const pct = g.pct; return (
{m.ic}
{g.name}
{fmtDeadline(g.deadline)}
{usd0(g.saved)}/ {usd0(g.target)}
{pct}% funded {pct>=70?'On track':'Building'}
); })}
Financial Independence
{D.fiPct}%
of your {usdK(D.fiTarget)} independence target
$0Now · {usdK(D.nw)}{usdK(D.fiTarget)}
Est. FI date
{fiDate.yr}
Years remaining
{fiDate.left} yrs
); } /* ============================ PAGE ============================ */ function PageAnalytics() { const CM = window.useStore ? window.useStore() : window.CM; const [period, setPeriod] = React.useState('Year'); const D = derive(CM); const asOf = CM.FD ? CM.FD(CM.today ? CM.today() : new Date()) : ''; return (
As of {asOf}
Share Report Export Monthly Report
{window.AnalyticsReports ? : null}
); } window.PageAnalytics = PageAnalytics; })();