v1.9.10 · Released · April 4, 2026
Accounts Page Redesign
Complete redesign of the Accounts page with KPI summary cards, card-based account display, two-column detail panel layout, type filter chips, and sheet-based account creation form.
Accounts Page Redesign
- KPI Summary Cards: Net Worth, Total Balance, Total Debt, and Credit Utilization cards at the top of the page with color-coded values.
- Card-Based Layout: Replaced the old table list with visual credit-card style graphics per account, matching the dashboard carousel card design.
- Two-Column Layout: Account card list on the left (~60%) with a sticky Account Details panel on the right (~40%) showing balance, type, name, masked number, and quick actions.
- Type Filter Chips: Filter accounts by All, Liquid Assets, Savings & Investments, or Liabilities with count badges.
- Account Selection: Click any account card to update the right-side detail panel with that account's information.
- Credit Card Details: Credit accounts show credit limit, available credit, and utilization percentage in both the card row and detail panel.
- Sheet-Based Account Form: 'Add Account' button opens a slide-in sheet instead of the old inline form, matching the QuickActionSheet pattern.
- Delete with Confirmation: Delete account via the detail panel with AlertDialog confirmation.
- Hidden Scrollbar: Account list scrolls without a visible scrollbar for a cleaner look.
Architecture Updates
- Controller Pattern Enforced: All data requests now route through controller actions for consistent auth checks, never calling services directly from pages.
- Account Summary Service: New getAccountSummary() service method with optimized select query for KPI computation.
- Updated CLAUDE.md: Project structure and data flow pattern documentation updated to reflect unified transactions page and controller-first architecture.