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

@@ -9,6 +9,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",
@@ -25,6 +26,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",
},
@@ -607,6 +609,10 @@
"@tanstack/react-query": ["@tanstack/react-query@5.90.21", "", { "dependencies": { "@tanstack/query-core": "5.90.20" }, "peerDependencies": { "react": "^18 || ^19" } }, "sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg=="],
"@tanstack/react-virtual": ["@tanstack/react-virtual@3.13.23", "", { "dependencies": { "@tanstack/virtual-core": "3.13.23" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-XnMRnHQ23piOVj2bzJqHrRrLg4r+F86fuBcwteKfbIjJrtGxb4z7tIvPVAe4B+4UVwo9G4Giuz5fmapcrnZ0OQ=="],
"@tanstack/virtual-core": ["@tanstack/virtual-core@3.13.23", "", {}, "sha512-zSz2Z2HNyLjCplANTDyl3BcdQJc2k1+yyFoKhNRmCr7V7dY8o8q5m8uFTI1/Pg1kL+Hgrz6u3Xo6eFUB7l66cg=="],
"@tokenizer/inflate": ["@tokenizer/inflate@0.4.1", "", { "dependencies": { "debug": "^4.4.3", "token-types": "^6.1.1" } }, "sha512-2mAv+8pkG6GIZiF1kNg1jAjh27IDxEPKwdGul3snfztFerfPGI1LjDezZp3i7BElXompqEtPmoPx6c2wgtWsOA=="],
"@tokenizer/token": ["@tokenizer/token@0.3.0", "", {}, "sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A=="],