🎨 style(analysis): improve UI clarity and visual hierarchy

Enhance the company analysis overview page with better data presentation
and visual design:

- Fix business description display by filtering raw API data artifacts
- Improve metadata layout with consolidated single-line format
- Fix price chart Y-axis scaling to auto-scale to data range
- Replace 'n/a' with cleaner em dash (—) for empty states
- Add visual indicators and color-coded backgrounds to bull/bear sections
- Improve empty state messaging with centered icons

These changes improve information density, visual hierarchy, and overall
user experience across the analysis page.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-03-12 21:29:03 -04:00
parent ba385586bc
commit c222179170
4 changed files with 42 additions and 29 deletions

View File

@@ -72,6 +72,8 @@ export function PriceHistoryCard(props: PriceHistoryCardProps) {
tickLine={{ stroke: CHART_MUTED }}
tick={{ fill: CHART_MUTED }}
tickFormatter={(value: number) => `$${value.toFixed(0)}`}
domain={[(dataMin) => dataMin * 0.05, (dataMax) => dataMax * 1.05]}
allowDataOverflow
/>
<Tooltip
formatter={(value) => formatCurrency(Array.isArray(value) ? value[0] : value)}