Unify dashboard design with financial trends and interactive task tables

[mohsinht]

Pages had inconsistent widths, repeated information, and too little useful interaction. This pass gives the template one coherent visual system and rebuilds each example around the question its reader needs answered.

• Use a consistent page frame, compact navigation, neutral light/dark surfaces, connected metrics, and restrained semantic color. Everyday pages come first; setup stays accessible below them.
• Recompose Money with a compact metric panel and three evidence-backed sparklines beside balance history, then budget, allocation, searchable holdings, and reserve goals. Financial totals and history reconcile; balance change is not labeled investment return.
• Give Work a full-width searchable table with status/priority filters, sorting, deadlines, next steps, and pagination support. Controls explore a snapshot without pretending to edit the task source.
• Audit Today, Agenda, Inbox, Briefing, and Weekly review for duplicated content, conflicting counts, missing context, and unsupported claims. Default demo and all seven /examples snapshots now match.
• Make charts adapt to their containers, preserve full history on phones, use readable rounded axes, and retain exact data and keyboard interaction.

Template contract

Optional metric trend points, table search/filter/tone fields, and Money balance_history extend existing safe blocks. Existing snapshots remain valid; forks should update their schema and renderer together before producing the new optional fields. All fixtures are public and synthetic. No new runtime dependency, private data, deployment change, or arbitrary snapshot markup is introduced.

Review and validation

• npm run check passed: 56 tests with coverage gates, contracts, privacy, formatting, lint, repository validation, build, tutorial, and performance.
• 107 local Chromium axe audits passed, including every source page and setup/catalog across five widths in light/dark, plus dialogs and palettes.
• Search, empty-state recovery, filtering, clear, sorting, chart disclosure, donut selection, keyboard activation, and reduced motion passed.
• 28 full-page source screenshots, a Money preview, and six refreshed documentation captures are included.
• Design rules, reference research, and the page-by-page findings are in docs/design-system.md and docs/ui-audit-cohesion.md. Automated checks and visual review are not a claim of real-user testing.

See examples/README.md for local reproduction and the complete screenshot set.