c5df59c285
## Summary - Add four view modes for net worth and account balance charts: - **Stacked Accounts**: existing stacked bar chart showing balances by account - **Line**: net worth line chart with linear/log scale toggle - **Change**: bar chart showing MoM%, YoY%, Rolling 12M changes - **Waterfall**: bridge chart showing Start -> Change -> End transition - Add Vitest for frontend unit testing with 52 tests covering all calculation functions - Proper sign handling for liabilities (credit cards and loans subtract from net worth) - Log scale disabled with warning when net worth includes zero or negative values - Shared components and logic between dashboard and account detail charts ## New Files - `vitest.config.ts` - Vitest configuration - `resources/js/lib/chart-calculations.ts` - Pure computation functions - `resources/js/lib/chart-calculations.test.ts` - 52 unit tests - `resources/js/hooks/use-chart-views.ts` - Shared chart view state hook - `resources/js/components/charts/` - Reusable chart components ## Test plan - [x] Dashboard net worth chart shows view toggle and all four views work - [ ] Account detail page chart shows view toggle and three views work (no stacked) - [x] Line chart scale toggle works (log disabled with warning when applicable) - [x] Change chart series toggle (MoM, YoY, 12M EUR, 12M %) works - [x] Waterfall chart month selector works - [x] All 52 unit tests pass (`bun run test`) - [x] Build succeeds (`bun run build`) - [x] Dark mode styling correct |
||
|---|---|---|
| .. | ||
| import-balances | ||
| account-balance-chart.tsx | ||
| account-form.tsx | ||
| account-list-card.tsx | ||
| balances-modal.tsx | ||
| bank-combobox.tsx | ||
| create-account-dialog.tsx | ||
| custom-bank-form.tsx | ||
| delete-account-dialog.tsx | ||
| edit-account-dialog.tsx | ||
| import-balances-drawer.tsx | ||
| update-balance-dialog.tsx | ||