Merge branch 't3code/clean-flat-ui-layout'

This commit is contained in:
2026-03-08 22:48:45 -04:00
16 changed files with 106 additions and 83 deletions

View File

@@ -456,7 +456,7 @@ function AnalysisPageContent() {
</Panel>
{error ? (
<Panel>
<Panel variant="surface">
<p className="text-sm text-[#ffb5b5]">{error}</p>
</Panel>
) : null}
@@ -597,7 +597,7 @@ function AnalysisPageContent() {
</div>
<div className="grid grid-cols-1 gap-6 xl:grid-cols-2">
<Panel title="Price History" subtitle="Weekly close over the last year.">
<Panel title="Price History" subtitle="Weekly close over the last year." variant="surface">
{loading ? (
<p className="text-sm text-[color:var(--terminal-muted)]">Loading price history...</p>
) : priceSeries.length === 0 ? (
@@ -625,7 +625,7 @@ function AnalysisPageContent() {
tickFormatter={(value: number) => `$${value.toFixed(0)}`}
/>
<Tooltip
formatter={(value: number | string | undefined) => formatCurrency(value)}
formatter={(value) => formatCurrency(Array.isArray(value) ? value[0] : value)}
contentStyle={{
backgroundColor: CHART_TOOLTIP_BG,
border: `1px solid ${CHART_TOOLTIP_BORDER}`,
@@ -645,6 +645,7 @@ function AnalysisPageContent() {
<Panel
title="Financial Table"
subtitle={`Quarter-end (10-Q) and fiscal-year-end (10-K) snapshots for revenue, net income, assets, and margin. Values shown in ${selectedFinancialScaleLabel}.`}
variant="surface"
actions={(
<div className="flex flex-col items-end gap-2">
<div className="flex flex-wrap justify-end gap-2">
@@ -712,7 +713,7 @@ function AnalysisPageContent() {
))}
</div>
<div className="hidden overflow-x-auto lg:block">
<div className="data-table-wrap hidden lg:block">
<table className="data-table min-w-[820px]">
<thead>
<tr>
@@ -750,6 +751,7 @@ function AnalysisPageContent() {
<Panel
title="Filings"
subtitle={`${periodEndFilings.length} quarter-end and fiscal-year-end SEC records loaded. Values shown in ${selectedFinancialScaleLabel}.`}
variant="surface"
>
{loading ? (
<p className="text-sm text-[color:var(--terminal-muted)]">Loading filings...</p>
@@ -789,7 +791,7 @@ function AnalysisPageContent() {
))}
</div>
<div className="hidden overflow-x-auto lg:block">
<div className="data-table-wrap hidden lg:block">
<table className="data-table min-w-[860px]">
<thead>
<tr>
@@ -829,7 +831,7 @@ function AnalysisPageContent() {
)}
</Panel>
<Panel title="AI Reports" subtitle="Generated filing analyses for this company.">
<Panel title="AI Reports" subtitle="Generated filing analyses for this company." variant="surface">
{loading ? (
<p className="text-sm text-[color:var(--terminal-muted)]">Loading AI reports...</p>
) : !analysis || analysis.recentAiReports.length === 0 ? (
@@ -901,7 +903,7 @@ function AnalysisPageContent() {
</div>
</Panel>
<Panel title="Recent Research Feed" subtitle={`Previewing the latest ${Math.min(journalEntries.length, 4)} research entries for ${activeTicker}.`}>
<Panel title="Recent Research Feed" subtitle={`Previewing the latest ${Math.min(journalEntries.length, 4)} research entries for ${activeTicker}.`} variant="surface">
{journalLoading ? (
<p className="text-sm text-[color:var(--terminal-muted)]">Loading research entries...</p>
) : journalEntries.length === 0 ? (