Merge feature/quotetable: watchlist quote table as empty-state landing page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 30 insertions, 19 deletions

diff --git a/app.py b/app.py
index 8145d03..e87482d 100644
--- a/app.py
+++ b/app.py
@@ -404,9 +404,15 @@ hr {
 ::-webkit-scrollbar-thumb { background: var(--ink-3); border-radius: 3px; }
 ::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }
 
-/* Hide the watchlist click receiver input */
-[data-testid="stSidebar"] [data-testid="stTextInput"]:has(input[aria-label="wl_click_receiver"]) {
-  display: none !important;
+/* Hide click receiver inputs without removing them from React's event system */
+[data-testid="stSidebar"] [data-testid="stTextInput"]:has(input[aria-label="wl_click_receiver"]),
+[data-testid="stTextInput"]:has(input[aria-label="qt_click_receiver"]) {
+  visibility: hidden !important;
+  height: 0 !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  margin: 0 !important;
+  padding: 0 !important;
 }
 
 /* ── Ticker Header Band ──────────────────────────────────────────────────── */
@@ -587,6 +593,7 @@ pio.templates.default = "prism"
 from components.market_bar import render_market_bar
 from components.top_movers import render_top_movers
 from components.watchlist import render_watchlist
+from components.quotetable import render_quotetable
 from components.overview import render_overview
 from components.financials import render_financials
 from components.valuation import render_valuation
@@ -765,22 +772,26 @@ st.divider()
 # ── Main Content ──────────────────────────────────────────────────────────────
 
 if not ticker:
-    st.markdown("""
-    <div style="padding:48px 0 32px;text-align:center;">
-      <div style="
-        font-family:'EB Garamond',Georgia,serif;
-        font-style:italic;font-size:2.375rem;
-        color:#F2ECDC;font-weight:400;
-        letter-spacing:-0.01em;line-height:1.1;
-        margin-bottom:12px;
-      ">Search for a ticker to begin.</div>
-      <div style="
-        font-family:'IBM Plex Sans',sans-serif;
-        font-size:0.875rem;color:#5E5849;
-        letter-spacing:0.01em;
-      ">Enter a company name or symbol in the sidebar.</div>
-    </div>
-    """, unsafe_allow_html=True)
+    _watchlist = st.session_state.get("watchlist", [])
+    if _watchlist:
+        render_quotetable(_watchlist)
+    else:
+        st.markdown("""
+        <div style="padding:48px 0 32px;text-align:center;">
+          <div style="
+            font-family:'EB Garamond',Georgia,serif;
+            font-style:italic;font-size:2.375rem;
+            color:#F2ECDC;font-weight:400;
+            letter-spacing:-0.01em;line-height:1.1;
+            margin-bottom:12px;
+          ">Search for a ticker to begin.</div>
+          <div style="
+            font-family:'IBM Plex Sans',sans-serif;
+            font-size:0.875rem;color:#5E5849;
+            letter-spacing:0.01em;
+          ">Enter a company name or symbol in the sidebar.</div>
+        </div>
+        """, unsafe_allow_html=True)
     st.stop()
 
 # ── Ticker Header + KPI Strip ─────────────────────────────────────────────────