Francy51/Neon-Desk
2
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

Flatten dashboard sections and emphasize data regions

Browse Source
This commit is contained in:
francy51
2026-03-08 10:38:27 -04:00
parent 7a70545f09
commit 21246df434
16 changed files with 123 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/analysis/page.tsx
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 ? (
@@ -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 ? (