Key figures & tabs below reflect {periodLabel}
{window.PeriodBar ? : null}
{tab==='Overview' && (
{window.RecurringSuggestions ?
: null}
{fmt0(incomeM)}
Confirmed deposits this dataset
{fmt0(expenseM)}
Bills, subscriptions & spending
{groups.length}
Patterns across your accounts
{(function(){
const bankList = prows.filter(r=>!r.dup).slice(0,60);
const selLArr = entries.filter((e,i)=>selL[i]);
const selRArr = bankList.filter((r,i)=>selR[i]);
const sumL = selLArr.reduce((s,e)=>s+Math.abs(e.amount),0);
const sumR = selRArr.reduce((s,r)=>s+Math.abs(r.amt),0);
const diff = Math.round((sumL-sumR)*100)/100;
const can = selLArr.length>0 && selRArr.length>0 && Math.abs(diff)<0.01;
const reconcile = ()=>{ CM.mutate(function(){ selLArr.forEach(function(e){ var b=(CM.S.bills||[]).find(function(x){return (x.name||x.desc)===e.name && !x.paid;}); if(b){ b.paid=true; b.paidDate=new Date().toISOString().slice(0,10); } }); selRArr.forEach(function(r){ (CM.S._reconStatus=CM.S._reconStatus||{})[r.id]='Confirmed'; }); }); setSelL({}); setSelR({}); };
const row=(rk,sel,on,logo,title,sub,amt,col)=>(
);
return (
To Receive
{fmt(selLArr.filter(e=>e.kind==='Income').reduce((s,e)=>s+Math.abs(e.amount),0))}
To Pay
{fmt(selLArr.filter(e=>e.kind!=='Income').reduce((s,e)=>s+Math.abs(e.amount),0))}
1 Select bills / income2 Select transactions3 Reconcile when the difference is $0.00
{entries.length}}>
{entries.length?entries.map((e,i)=>row('l'+i,!!selL[i],()=>setSelL(p=>{var n=Object.assign({},p); if(n[i])delete n[i]; else n[i]=true; return n;}), e.name, e.name, e.kind+(e.auto?' \u00b7 predicted':' \u00b7 entered'), fmt(e.amount), 'var(--ink-900)')):
No entries yet.
}
{bankList.map((r,i)=>row('r'+i,!!selR[i],()=>setSelR(p=>{var n=Object.assign({},p); if(n[i])delete n[i]; else n[i]=true; return n;}), r.orig, r.desc, CM.FDshort(r.date)+' \u00b7 '+r.account, (r.amt<0?'-':'+')+fmt(Math.abs(r.amt)).slice(1), r.amt<0?'var(--ink-900)':'#10915F'))}
); })()}
=90?G:'#B5740F'}}>{accuracy}%
=90?G:GOLD}}/>
{matched} of {total-dups} non-duplicate transactions matched with high confidence. {review} still need your review.
)}
{tab==='Recurring Matches' && (
{groups.length ? },
{ header:'Type', cell:g=>{g.isCr?'Income':'Bill / Expense'} },
{ header:'Frequency', cell:g=>{g.cadence} },
{ header:'Usual Amount', align:'right', cell:g=>{fmt(g.amount)} },
{ header:'Seen', cell:g=>{g.count}× },
{ header:'Next', cell:g=>{g.nextDate?CM.FD(new Date(g.nextDate)):'—'} },
{ header:'Confidence', cell:g=>confBadge(Math.min(99,80+g.count*3)) },
]} rows={groups.sort((a,b)=>b.count-a.count)}/> : No recurring patterns yet — import a few months of statements.
}
)}
{tab==='Rules' && (
New Rule}>
{rules.length ? {r.name} },
{ header:'Match', cell:r=>desc contains “{r.keyword}” },
{ header:'Type', cell:r=>{r.type} },
{ header:'Category', cell:r=>{r.category||'—'} },
{ header:'Auto', cell:r=> r.autoConfirm?Auto:Review },
{ header:'', align:'right', cell:(r,i)=>delRule(rules.indexOf(r))} style={ab(RD)} title="Delete rule">{'✕'} },
]} rows={rules}/> : No rules yet. Confirm a transaction’s “Create Rule” action, or add one here — rules auto-apply to every future import.
}
)}
{(tab==='All Transactions'||tab==='Matched'||tab==='Needs Review'||tab==='Duplicates') && (
{view.length ? : {total?'Nothing here — adjust the filters.':'Import an OFX statement to begin reconciling.'}
}
{view.length>80 && Showing 80 of {view.length.toLocaleString()} — narrow with search or filters.
}
)}
);
}
function ab(color){ return { display:'inline-flex',alignItems:'center',justifyContent:'center',width:28,height:28,borderRadius:8,background:'var(--mint-50)',color:color,cursor:'pointer' }; }
function tb(color){ return { fontSize:12,fontWeight:700,color:color,cursor:'pointer',padding:'5px 9px',borderRadius:7,background:'var(--mint-50)',whiteSpace:'nowrap' }; }
window.PageReconciliation = PageReconciliation;
})();