Dashboard overhaul: wallet-scoped filters, stats, and invoice history UX

[grantfox-oss]

Difficulty

Advanced epic — minimum 25 files changed. Cross-cutting work across 26 listed paths. Not a single-helper or isolated-test task.

Why this matters

Dashboard is the seller home after create. Stats, filters, empty states, and invoice ordering must be wallet-scoped and demo-ready; raw Horizon feeds must not leak cross-wallet data.

Scope (avoid overlap)

• Out of scope: Auto payment detection (Wire automatic payment detection to invoice PAID status #229), shared contracts (Introduce shared invoice API contracts across frontend and backend #227), Postgres analytics.

Goal

Dashboard shows only connected wallet invoices with filterable status tabs, per-asset revenue, stable sort, and polished empty/loading/error states.

Tasks

• Refine dashboard-history.js for wallet-scoped filtering and sort
• Status filter tabs: All / Pending / Paid / Expired / Cancelled
• Wire backend stats endpoint without route shadow bugs
• InvoiceCard actions consistent with dashboard context
• Expand dashboard-history and handler tests

Minimum file touch list (≥25 required)

Contributors must touch at least 25 of these paths (additional files OK):

• frontend/app/dashboard/page.tsx
• frontend/lib/dashboard-history.js
• frontend/lib/dashboard-history.d.ts
• frontend/tests/dashboard-history.test.js
• frontend/components/InvoiceCard.tsx
• frontend/components/PaymentStatus.tsx
• frontend/components/WalletConnect.tsx
• frontend/lib/api.ts
• frontend/lib/store.ts
• frontend/lib/utils.ts
• frontend/app/layout.tsx
• backend/src/storage/invoice-stats.ts
• backend/src/routes/invoice.handlers.ts
• backend/src/routes/invoice.routes.ts
• backend/src/services/invoice-memory.service.ts
• backend/src/storage/memory-storage.ts
• backend/src/storage/memory-invoice-storage.ts
• backend/tests/invoice-handlers.test.ts
• backend/tests/invoice-service.test.ts
• backend/tests/memory-storage.test.ts
• backend/src/types/api.ts
• frontend/tests/pay-page-status-matrix.test.js
• README.md
• frontend/app/page.tsx
• frontend/components/InvoiceForm.tsx
• backend/src/server-mvp.ts

Acceptance

1. Dashboard shows only connected wallet invoices with filterable status tabs, per-asset revenue, stable sort, and polished empty/loading/error states.
2. No regressions in create → pay → verify → proof → dashboard loop.
3. Backend and/or frontend tests updated and passing.
4. English-only user strings and comments.
5. PR changes ≥25 files from the list above.

Key areas

dashboard overhaul

[egekoca]

plase ser

[grantfox-oss]

🦊 GrantFox — @egekoca has been assigned to this issue as part of the Third Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #282)
2. Your PR will be reviewed by the Quittance-Labs maintainers

Good luck! Track your progress on GrantFox.