Move pinned messages from Stats to Comments view - show above feed

pages/comments.py

@@ -48,6 +48,37 @@ df["topic"]     = df["topic"].apply(clean_topic) if "topic" in df.columns else "
 # ── COMMENTS VIEW ─────────────────────────────────────────────
 st.markdown('<div class="sec-hdr"><span class="sec-ttl">Live Chat Feed</span></div>', unsafe_allow_html=True)
 
+# ── PINNED MESSAGES (shown above the feed) ────────────────────
+if st.session_state.pinned_messages:
+    st.markdown(
+        '<div class="sec-hdr"><span class="sec-ttl">📌 Pinned Messages</span>'
+        f'<span class="sec-pill">{len(st.session_state.pinned_messages)} pinned</span></div>',
+        unsafe_allow_html=True
+    )
+    for _pidx, _pmsg in enumerate(st.session_state.pinned_messages):
+        _ps       = _pmsg.get("sentiment", "Neutral")
+        _ps_color = SENT_COLORS.get(_ps, "#6b7280")
+        _pt_color = TOPIC_COLOR.get(_pmsg.get("topic", "General"), "#6b7280")
+        _pcol1, _pcol2 = st.columns([10, 1])
+        with _pcol1:
+            st.markdown(
+                f'<div class="chat-card chat-pinned">'
+                f'<div class="chat-author">📌 {_pmsg.get("author", "Unknown")}</div>'
+                f'<div class="chat-text">{_pmsg.get("text", "")}</div>'
+                f'<div class="chat-badges">'
+                f'<span class="badge pin-badge">Pinned</span>'
+                f'<span class="badge" style="color:{_ps_color};">{_ps}</span>'
+                f'<span class="badge" style="color:{_pt_color};">{_pmsg.get("topic","General")}</span>'
+                f'<span class="badge">{_pmsg.get("time","")[:19]}</span>'
+                f'</div></div>',
+                unsafe_allow_html=True
+            )
+        with _pcol2:
+            if st.button("\u2715", key=f"unpin_top_{_pidx}"):
+                st.session_state.pinned_messages.pop(_pidx)
+                st.rerun()
+    st.divider()
+
 # Build stream options
 _feed_stream_options = {}
 for _fs in st.session_state.streams:

pages/stats.py

@@ -1068,37 +1068,6 @@ elif len(st.session_state.streams) > 1:
     st.divider()
     st.info("Add video IDs to your extra stream slots and click ▶ Start to enable multi-stream comparison.")
 
-# -- PINNED MESSAGES ------------------------------------------
-if st.session_state.pinned_messages:
-    st.divider()
-    st.markdown(
-        '<div class="sec-hdr"><span class="sec-ttl">📌 Pinned Messages</span>'
-        f'<span class="sec-pill">{len(st.session_state.pinned_messages)} pinned</span></div>',
-        unsafe_allow_html=True
-    )
-    for idx, pmsg in enumerate(st.session_state.pinned_messages):
-        s       = pmsg.get("sentiment", "Neutral")
-        s_color = SENT_COLORS.get(s, "#6b7280")
-        t_color = TOPIC_COLOR.get(pmsg.get("topic", "General"), "#6b7280")
-        pcol1, pcol2 = st.columns([10, 1])
-        with pcol1:
-            st.markdown(
-                f'<div class="chat-card chat-pinned">'
-                f'<div class="chat-author">📌 {pmsg.get("author", "Unknown")}</div>'
-                f'<div class="chat-text">{pmsg.get("text", "")}</div>'
-                f'<div class="chat-badges">'
-                f'<span class="badge pin-badge">Pinned</span>'
-                f'<span class="badge" style="color:{s_color};">{s}</span>'
-                f'<span class="badge" style="color:{t_color};">{pmsg.get("topic","General")}</span>'
-                f'<span class="badge">{pmsg.get("time","")[:19]}</span>'
-                f'</div></div>',
-                unsafe_allow_html=True
-            )
-        with pcol2:
-            if st.button("✕", key=f"unpin_{idx}"):
-                st.session_state.pinned_messages.pop(idx)
-                st.rerun()
-
 # -- AUTO REFRESH ---------------------------------------------
 if auto_refresh:
     time.sleep(refresh_rate)