/* FinFlow Layout — App shell, sidebar, topbar, page wrappers, primitives */ /* Counts are read when the current record set renders. */ const ffPendingCount = () => FF_DATA.expenses.filter(e => ['pending','flagged'].includes(e.status)).length; const ffGreeting = () => { const hour = new Date().getHours(); return hour >= 5 && hour < 12 ? 'Good morning' : hour >= 12 && hour < 18 ? 'Good afternoon' : 'Good evening'; }; // Largest remainder keeps whole-number category shares at exactly 100%. const ffPercentShares = values => { const total = values.reduce((sum, value) => sum + value, 0); if (!total) return values.map(() => 0); const exact = values.map(value => value / total * 100); const rounded = exact.map(Math.floor); const order = exact.map((value, i) => ({ i, remainder:value-rounded[i] })).sort((a,b) => b.remainder-a.remainder || a.i-b.i); order.slice(0, 100-rounded.reduce((sum, value) => sum+value, 0)).forEach(({i}) => rounded[i]++); return rounded; }; /* Navigate the app from any screen (App wires window.ffNavigate on mount). */ const ffGo = (id, params) => { if (window.ffNavigate) window.ffNavigate(id, params); }; const ffRowKeyDown = (e) => { if (e.target !== e.currentTarget) return; if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); e.currentTarget.click(); return; } if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return; const rows = [...(e.currentTarget.closest('tbody') || e.currentTarget.parentElement).querySelectorAll('[data-row-focus]')]; const i = rows.indexOf(e.currentTarget); if (i < 0) return; e.preventDefault(); rows[(i + (e.key === 'ArrowDown' ? 1 : rows.length - 1)) % rows.length]?.focus(); }; const Icon = ({ name, size = 16, weight = "regular", style = {} }) => (