UI/UX review: Tab 4 chart polish + cross-tab consistency (Raunak)

[Ttheegela]

Assigned to: Sai Raunak Bidesi

Go through Tab 4 in detail and then do a cross-tab consistency pass. Report issues as comments here.

conda activate lambda
streamlit run app.py

---

1. Tab 4 — Signals & Forecasts (your tab)

Kronos fan chart:

• Is the 80% confidence interval band visually distinct from the mean line? (Different color or opacity?)
• Is the ticker selector (dropdown or radio) easy to find and use?
• Does the chart title update when you switch tickers?
• Are the x-axis date labels readable (not overlapping)?

OOS leaderboard table:

• Do numbers show 2 decimal places consistently?
• Are percentage values formatted with a % sign?
• Is the table sortable? If yes, does sorting work correctly?
• Does the table fit the page width, or does it overflow horizontally?

Expected return bar chart:

• Are positive/negative returns color-coded (green/red)?
• Are ticker labels on the axis readable (not cut off)?

Per-fold accuracy bar:

• Are fold numbers on the x-axis labeled clearly?
• Does the bar chart title describe what's being shown?

---

2. Cross-tab consistency

• Tab 1 — Asset metrics table: do color-coded return cells (green/red) render? Does the table scroll if needed?
• Tab 3 — Regime probability series: does the crisis shading on SPY cover only Crisis periods, or does it bleed across the whole chart?
• Tab switching: click quickly between all 5 tabs — any tab that hangs, throws an error, or shows a blank page?
• Does the Demo Mode toggle state persist when switching tabs? (should stay On if you turned it on)

---

3. Narrow screen test

• At ~900px browser width, do any Tab 4 charts overflow the page horizontally?
• Do side-by-side columns in any tab collapse into single-column cleanly?

---

Done when

Comment on this issue with pass/fail per check. Screenshot any visual bug.

Due: May 2, 2026