refactor: flatten Financials page UI for improved density

- Move Matrix panel to top position for better visibility
- Hide trend chart by default (showTrendChart: false)
- Flatten panel design by removing titles and borders
- Compact spacing and reduce UI chrome throughout
- Add chart toggle button in toolbar
- Enable dense and virtualized modes on StatementMatrix
- Fix missing useState import in FinancialsToolbar

The creates a cleaner, more professional Bloomberg terminal-style
interface with better information density and
improved performance through virtualization for large datasets.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-03-16 21:04:36 -04:00
parent ca45d8ea4c
commit 4da9a04993
5 changed files with 379 additions and 41 deletions

View File

@@ -40,6 +40,7 @@
"@libsql/client": "^0.17.0",
"@tailwindcss/postcss": "^4.2.1",
"@tanstack/react-query": "^5.90.21",
"@tanstack/react-virtual": "^3.13.23",
"@workflow/world-postgres": "^4.1.0-beta.42",
"ai": "^6.0.116",
"better-auth": "^1.5.4",
@@ -56,6 +57,7 @@
"recharts": "^3.8.0",
"sonner": "^2.0.7",
"sqlite-vec": "^0.1.7-alpha.2",
"sqlite-vec-darwin-arm64": "^0.1.7-alpha.2",
"workflow": "^4.1.0-beta.63",
"zhipu-ai-provider": "^0.2.2"
},