Core-v1 module
shell
/reports
Reports
Trends, summaries, exports, and insights shell.
Cashflow reports
Cashflow analysis
Converted from the provided HTML states into a TSX shell that previews cashflow reporting, validation, empty, loading, and failure surfaces.
+12% vs prev
Money in
58,000,000 VND
Total income
-4% vs prev
Money out
41,500,000 VND
Total expense
Positive cashflow
Net cashflow
+16,500,000 VND
Income minus expenses
Cashflow trend
Daily income and expenses for June 2026
Net cashflow trending up this week
Showing daily cashflow totals for the selected period
Contract-backed report surface pending
This TSX conversion keeps the cashflow UI shell visible without introducing a new endpoint family before the backend contract lands.
Planned surface
Bootstrap notes
Shell wiring only. No annex module scope.
- Cashflow HTML mockups are converted into a TSX shell preview for /reports.
- Loading, error, empty, invalid, and cached-invalid report states are available in the demo switcher.
- No endpoint family is introduced until a backend report contract lands.
Next steps
Keep the shell stable until backend contracts arrive.
Back to dashboardSettings shell
Core-v1 shell only. Feature work stays deferred until contract-backed stories land.