Update app.py

app.py

@@ -250,26 +250,29 @@ if query:
                 # RETRIEVE THE ABSTRACT FROM DB
                 doc_abstract = st.session_state.db.get_doc_abstract(res['doc_id'])
                 
-                st.markdown(f"""
-                <div style="
-                    border-left: 5px solid {color}; 
-                    padding: 15px; 
-                    background-color: #f0f2f6; 
-                    margin-bottom: 15px; 
-                    border-radius: 5px;
-                    color: #1f1f1f;
-                ">
-                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-                        <h4 style="margin:0; color: #0e1117;">📄 {res['source']}</h4>
-                        <span style="font-size: 0.8em; color: #555; background: #ddd; padding: 2px 8px; border-radius: 4px;">Relevance: {score:.2f}</span>
-                    </div>
-                    
-                    <div style="background: #e3e6ea; padding: 10px; border-radius: 5px; margin-bottom: 10px;">
-                        <p style="margin: 0; font-size: 0.9em; color: #333;"><strong>🤖 Abstract:</strong> {doc_abstract}</p>
-                    </div>
-                    
-                    <p style="margin: 0; font-style: italic; font-size: 0.85em; color: #555;">
-                        "Matching Chunk: ...{res['snippet']}..."
-                    </p>
-                </div>
-                """, unsafe_allow_html=True)
+                # FIX: We moved the HTML string flush to the left to prevent 
+                # Markdown from interpreting it as a code block.
+                html_content = f"""
+<div style="
+    border-left: 5px solid {color}; 
+    padding: 15px; 
+    background-color: #f0f2f6; 
+    margin-bottom: 15px; 
+    border-radius: 5px;
+    color: #1f1f1f;
+">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
+        <h4 style="margin:0; color: #0e1117;">📄 {res['source']}</h4>
+        <span style="font-size: 0.8em; color: #555; background: #ddd; padding: 2px 8px; border-radius: 4px;">Relevance: {score:.2f}</span>
+    </div>
+    
+    <div style="background: #e3e6ea; padding: 10px; border-radius: 5px; margin-bottom: 10px;">
+        <p style="margin: 0; font-size: 0.9em; color: #333;"><strong>🤖 Abstract:</strong> {doc_abstract}</p>
+    </div>
+    
+    <p style="margin: 0; font-style: italic; font-size: 0.85em; color: #555;">
+        "Matching Chunk: ...{res['snippet']}..."
+    </p>
+</div>
+"""
+                st.markdown(html_content, unsafe_allow_html=True)