onSelect?.(profile.ticker)}
+ className="group bg-slate-900 border border-slate-700/50 rounded-xl p-4 cursor-pointer
+ hover:bg-slate-800 hover:border-blue-500/50 transition-all duration-150
+ hover:shadow-lg active:scale-[0.99] relative"
+ title={profile._disclaimer}
+ >
+
+
+ {profile.ticker}
+
+
+ Factor Profile (vs. Universe)
+
- {/* Cards */}
-
- {loading ? (
- Array.from({ length: 6 }).map((_, i) => (
-
- ))
- ) : items.length === 0 ? (
-
No data available
- ) : (
- items.map(item => (
-
- ))
- )}
+
+
+ Value
+ {pctBar(profile.value)}
+ {profile.value != null ? `${profile.value}th pct` : 'N/A'}
+
+
+ Quality
+ {pctBar(profile.quality)}
+ {profile.quality != null ? `${profile.quality}th pct` : 'N/A'}
+
+
+ Low-Vol
+ {pctBar(profile.lowVol)}
+ {profile.lowVol != null ? `${profile.lowVol}th pct` : 'N/A'}
+
+
+ Momentum
+ {pctBar(profile.momentum)}
+ {profile.momentum != null ? `${profile.momentum}th pct` : 'N/A'}
+
+
+
+ {/* Disclaimer tooltip hint */}
+
+ i
);
@@ -265,10 +191,8 @@ function SearchBar({ onResult, onClear }) {
export default function MarketScreenerPanel({ onSelectSymbol }) {
const [screenerData, setScreenerData] = useState(null);
const [leaderboard, setLeaderboard] = useState(null);
- const [regime, setRegime] = useState(null);
const [loading, setLoading] = useState(true);
const [lastUpdated, setLastUpdated] = useState(null);
- const [capFilter, setCapFilter] = useState('all');
const fetchData = useCallback(async () => {
try {
@@ -278,7 +202,6 @@ export default function MarketScreenerPanel({ onSelectSymbol }) {
]);
if (screenerRes.status === 'fulfilled' && screenerRes.value.success) {
setScreenerData(screenerRes.value.data);
- setRegime(screenerRes.value.data.regime);
setLastUpdated(new Date());
}
if (lbRes.status === 'fulfilled' && lbRes.value.success) {
@@ -298,50 +221,12 @@ export default function MarketScreenerPanel({ onSelectSymbol }) {
return () => clearInterval(interval);
}, [fetchData]);
- // Filter lanes by cap tier
- const filterByCap = (arr) => {
- if (!arr || capFilter === 'all') return arr || [];
- return arr.filter(s => {
- if (capFilter === 'etf') return s.isETF;
- return s.capTier === capFilter.toUpperCase() && !s.isETF;
- });
- };
-
- const CAP_FILTERS = [
- { id: 'all', label: 'All' },
- { id: 'large', label: '🏛 Large' },
- { id: 'mid', label: '🏢 Mid' },
- { id: 'small', label: '🔬 Small' },
- { id: 'etf', label: '📦 ETF' },
- ];
+ // Sort profiles by composite percentile desc
+ const profiles = screenerData?.profiles || [];
+ const sortedProfiles = [...profiles].sort((a, b) => (b.composite || 0) - (a.composite || 0));
return (
- {/* Regime Banner */}
- {regime && (
-
-
-
🏛
-
-
Market Regime
-
-
- {regime.trend === 'risk_on' ? 'Risk-On (Uptrend)' : regime.trend === 'risk_off' ? 'Risk-Off (Downtrend)' : 'Neutral Trend'}
-
- •
- {regime.vol === 'low_vol' ? 'Low Vol' : regime.vol === 'high_vol' ? 'High Vol' : 'Normal Vol'}
- •
- {regime.breadth === 'broad' ? 'Broad Breadth' : regime.breadth === 'narrow' ? 'Narrow Breadth' : 'Mixed Breadth'}
-
-
-
-
-
SPY Close
-
${regime.raw?.spy_close?.toFixed(2)}
-
-
- )}
-
{/* Leaderboard strip */}
{leaderboard && (
@@ -351,34 +236,22 @@ export default function MarketScreenerPanel({ onSelectSymbol }) {
)}
- {/* Screener header */}
+ {/* Factor Profiles header */}
-
📊 Trading Screener
+
+ 📊 Fundamental Factor Lens
+
+ Descriptive Only
+
+
- Stocks ranked by trading suitability • {lastUpdated ? `Updated ${lastUpdated.toLocaleTimeString()}` : 'Loading...'}
+ Where stocks rank vs. peers today • {lastUpdated ? `Updated ${lastUpdated.toLocaleTimeString()}` : 'Loading...'}
{loading && Refreshing... }
-
- {/* Cap tier filter pills */}
-
- {CAP_FILTERS.map(f => (
- setCapFilter(f.id)}
- className={`px-3 py-1 rounded-full text-xs font-medium transition-all ${
- capFilter === f.id
- ? 'bg-blue-600 text-white'
- : 'bg-slate-800 text-slate-400 hover:text-white hover:bg-slate-700'
- }`}
- >
- {f.label}
-
- ))}
-
{/* Search */}
@@ -390,53 +263,38 @@ export default function MarketScreenerPanel({ onSelectSymbol }) {
{ setLoading(true); fetchData(); }}
className="bg-slate-800 hover:bg-slate-700 border border-slate-600 text-slate-300 px-3 py-2 rounded-xl text-sm transition-colors"
- title="Refresh screener"
+ title="Refresh profiles"
>
↻
- {/* ─── 3 Swimlanes ─────────────────────────────────────────────────── */}
-
-
-
-
+ {/* ─── Factor Grid ─────────────────────────────────────────────────── */}
+
+
+
Descriptive only. Shows where each stock ranks against its peers across four foundational factors based on current data. We have not validated that these ranks predict forward returns. We will only upgrade these to "predictive" signals after they pass rigorous out-of-sample holdout validation.
+
+
+
+ {loading ? (
+ Array.from({ length: 8 }).map((_, i) => (
+
+ ))
+ ) : sortedProfiles.length === 0 ? (
+
No data available
+ ) : (
+ sortedProfiles.map(p => (
+
+ ))
+ )}
+
{/* Footer */}
- Scores: Daytrade (vol+beta+RSI+MACD) · Short Term (MACD+RSI zone+SMA50+upside) · Long Term (SMA200+earnings+analyst consensus)
+ Sorted by Composite score · Unvalidated descriptive lens
Data: Yahoo Finance · Refreshes every 90s