Move pinned messages to Comments view in all files

frontend/streamlit_app.py

@@ -895,6 +895,37 @@ _show_comments = _active_view == "💬 Comments"
 if _show_comments:
     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}", width='stretch'):
+                    st.session_state.pinned_messages.pop(_pidx)
+                    st.rerun()
+        st.divider()
+
     # Build stream options
     _feed_stream_options = {}
     for _fs in st.session_state.streams:
@@ -2104,38 +2135,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)