Update app.py

app.py

@@ -48,7 +48,7 @@ if not OPENAI_API_KEY:
 client = OpenAI(api_key=OPENAI_API_KEY)
 
 # ------------------ Assistant Configuration ------------------
-ASSISTANT_ID = "asst_jXDSjCG8LI4HEaFEcjFVq8KB"  # Replace with your actual assistant ID
+ASSISTANT_ID = "asst_jXDSjCG8LI4HEaFEcjFVq8KB"  # Replace with your assistant ID
 
 # ------------------ Session State ------------------
 if "messages" not in st.session_state:
@@ -133,7 +133,7 @@ with chat_col:
                     if m.role == "assistant":
                         reply = m.content[0].text.value
 
-                        # ✂️ Split output into main and references (if structured this way)
+                        # ✂️ Optional: split out references
                         split_marker = "---"
                         if split_marker in reply:
                             main_answer, references = reply.split(split_marker, 1)
@@ -142,7 +142,7 @@ with chat_col:
                         else:
                             st.session_state.messages.append({"role": "assistant", "content": reply})
 
-                        # Extract GitHub image URLs
+                        # Extract raw GitHub-hosted image links
                         image_matches = re.findall(
                             r'https://raw\.githubusercontent\.com/AndrewLORTech/witspathologai/main/[^\s\n]+\.png',
                             reply
@@ -159,11 +159,29 @@ with chat_col:
         with st.chat_message("assistant" if msg["role"] != "references" else "📄"):
             st.markdown(msg["content"], unsafe_allow_html=True)
 
-# ------------------ Image Viewer (Scrollable Format) ------------------
+# ------------------ Slide Viewer (Horizontal Scroll) ------------------
 with image_col:
     if show_image and st.session_state.image_urls:
         st.markdown("### 🖼️ Slide Previews")
-        for i, raw_url in enumerate(st.session_state.image_urls):
+
+        st.markdown("""
+        <style>
+        .image-scroll-container {
+            display: flex;
+            overflow-x: auto;
+            gap: 16px;
+            padding: 0.5rem 0;
+        }
+        .image-scroll-container img {
+            height: 500px;
+            border-radius: 10px;
+        }
+        </style>
+        """, unsafe_allow_html=True)
+
+        st.markdown('<div class="image-scroll-container">', unsafe_allow_html=True)
+
+        for raw_url in st.session_state.image_urls:
             try:
                 if "githubusercontent.com" not in raw_url:
                     continue
@@ -172,6 +190,8 @@ with image_col:
                 encoded_segments = [quote(seg) for seg in segments]
                 encoded_url = "https://raw.githubusercontent.com/" + "/".join(encoded_segments)
 
-                st.image(encoded_url, caption=f"Slide {i + 1}", use_column_width=True)
+                st.markdown(f'<img src="{encoded_url}" alt="slide" />', unsafe_allow_html=True)
             except Exception as e:
                 st.error(f"❌ Failed to load image: {e}")
+
+        st.markdown('</div>', unsafe_allow_html=True)