From 5241f1805254921282a7986b8cba70453be88d9d Mon Sep 17 00:00:00 2001
From: Deep Koluguri <deepkoluguri@gmail.com>
Date: Sat, 27 Jun 2026 16:00:46 -0400
Subject: [PATCH] style: Add explanatory tooltips to factor lens rows

---
 .../components/dashboard/MarketScreenerPanel.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/dashboard/MarketScreenerPanel.jsx b/frontend/src/components/dashboard/MarketScreenerPanel.jsx
index f0161ab..3edf9c1 100644
--- a/frontend/src/components/dashboard/MarketScreenerPanel.jsx
+++ b/frontend/src/components/dashboard/MarketScreenerPanel.jsx
@@ -102,23 +102,23 @@ function FactorProfileCard({ profile, onSelect }) {
       </div>
 
       <div className="space-y-2 text-sm">
-        <div className="flex items-center justify-between">
-          <span className="text-slate-400 w-20">Value</span>
+        <div className="flex items-center justify-between" title="How cheap the stock is relative to earnings (P/E) and book value. Higher pct = Cheaper.">
+          <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Value</span>
           {pctBar(profile.value)}
           <span className="text-white w-16 text-right tabular-nums">{profile.value != null ? `${profile.value}th pct` : 'N/A'}</span>
         </div>
-        <div className="flex items-center justify-between">
-          <span className="text-slate-400 w-20">Quality</span>
+        <div className="flex items-center justify-between" title="Profitability and balance sheet health (e.g., ROE, margins). Higher pct = Healthier/More Profitable.">
+          <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Quality</span>
           {pctBar(profile.quality)}
           <span className="text-white w-16 text-right tabular-nums">{profile.quality != null ? `${profile.quality}th pct` : 'N/A'}</span>
         </div>
-        <div className="flex items-center justify-between">
-          <span className="text-slate-400 w-20">Low-Vol</span>
+        <div className="flex items-center justify-between" title="Price stability and lower market risk (e.g., lower Beta). Higher pct = Less Volatile/More Stable.">
+          <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Low-Vol</span>
           {pctBar(profile.lowVol)}
           <span className="text-white w-16 text-right tabular-nums">{profile.lowVol != null ? `${profile.lowVol}th pct` : 'N/A'}</span>
         </div>
-        <div className="flex items-center justify-between">
-          <span className="text-slate-400 w-20">Momentum</span>
+        <div className="flex items-center justify-between" title="Recent price strength and trend (e.g., RSI, moving averages). Higher pct = Stronger Uptrend.">
+          <span className="text-slate-400 w-20 border-b border-dotted border-slate-600/50 cursor-help">Momentum</span>
           {pctBar(profile.momentum)}
           <span className="text-white w-16 text-right tabular-nums">{profile.momentum != null ? `${profile.momentum}th pct` : 'N/A'}</span>
         </div>