Update app.py

app.py

@@ -7,7 +7,7 @@ import html
 from sentence_transformers import SentenceTransformer
 import os
 
-os.environ["HF_HUB_ENABLE_HF_TRANSFER"] = "1"   # ← Changed to 1 for faster model loading next time
+os.environ["HF_HUB_ENABLE_HF_TRANSFER"] = "1"
 
 # ===============================
 # Load data & models (ONCE)
@@ -69,7 +69,7 @@ def short_preview(text, length=300):
     return text[:length].rsplit(' ', 1)[0] + "..."
 
 # ===============================
-# Search Function (with Arabic messages)
+# Search Function
 # ===============================
 def search_hadith(query, top_k):
     if not query or not str(query).strip():
@@ -142,7 +142,7 @@ def search_hadith(query, top_k):
     return "\n".join(html_parts)
 
 # ===============================
-# PROFESSIONAL DARK MODE + PERFECT ARABIC TYPOGRAPHY CSS
+# PROFESSIONAL DARK MODE + PERFECT ARABIC TYPOGRAPHY + HIDDEN SCROLL ARROWS
 # ===============================
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;700&display=swap');
@@ -158,7 +158,7 @@ custom_css = """
     --button-primary-background-fill-hover: #2563eb !important;
 }
 
-/* Force dark + best Arabic font */
+/* Global dark + Arabic font */
 body, .gradio-container, .gr-panel, .gr-box, .gr-form, .wrap, .panel, .block, footer {
     background-color: #020617 !important;
     color: #f1f5f9 !important;
@@ -166,26 +166,24 @@ body, .gradio-container, .gr-panel, .gr-box, .gr-form, .wrap, .panel, .block, fo
 }
 .gradio-container { max-width: 960px !important; margin: 0 auto !important; }
 
-/* Arabic text optimization */
+/* Arabic text perfection */
 .text-rtl, .full-text, .summary, .title, .topic {
     font-family: 'Cairo', 'Noto Sans Arabic', sans-serif !important;
     line-height: 2.05 !important;
 }
 
-/* Inputs */
+/* Inputs & Buttons */
 label span, input, textarea, .gr-input, .gr-textarea {
     color: #f1f5f9 !important;
     background: #1e2937 !important;
     border-color: #475569 !important;
 }
-
-/* Buttons */
 button.primary {
     background: linear-gradient(90deg, #3b82f6, #60a5fa) !important;
     font-weight: 600 !important;
 }
 
-/* Cards - Premium dark look */
+/* Premium result cards */
 .card {
     background: #1e2937 !important;
     border-radius: 18px !important;
@@ -218,7 +216,26 @@ button.primary {
     color: #e2e8f0 !important;
 }
 
-/* Rest of the styles (same as before - clean & professional) */
+/* Hide the unwanted white scroll arrow boxes (the ones in your 2nd screenshot) */
+.gradio-container button[aria-label*="Scroll"],
+.gradio-container .gr-button.scroll,
+.gr-scrollbar-button,
+::-webkit-scrollbar-button,
+[data-testid*="scroll"],
+button[class*="scroll"],
+.scroll-button,
+.gr-scroll-button {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+}
+
+/* Clean up any remaining floating arrows */
+.gradio-container > div > button:last-child {
+    display: none !important;
+}
+
 .results { margin-top: 24px; }
 .footer a { color: #60a5fa !important; font-weight: 600 !important; }
 .empty { color: #94a3b8 !important; text-align: center; padding: 50px 20px; font-size: 17px; }
@@ -229,7 +246,7 @@ button.primary {
 """
 
 # ===============================
-# Gradio Interface (Fixed for 6.9.0)
+# Gradio Interface – ENGLISH HEADER ONLY
 # ===============================
 interface = gr.Interface(
     fn=search_hadith,
@@ -249,10 +266,10 @@ interface = gr.Interface(
         )
     ],
     outputs=gr.HTML(),
-    title="📖 محرك بحث الحديث الذكي",
+    title="📖 Intelligent Hadith Search Engine",
     description="""
-    محرك بحث دلالي متطور للحديث النبوي الشريف<br>
-    يجمع بين البحث المعجمي (BM25) والدلالي (Embeddings) وتقنية الـ Anchors
+    Advanced AI-powered semantic search engine for the Noble Prophetic Hadith.<br>
+    Combines lexical search (BM25), semantic embeddings, and topic-aware Anchors.
     """,
     examples=[
         ["أهمية النية وأثرها في قبول الأعمال", 5],
@@ -260,7 +277,7 @@ interface = gr.Interface(
         ["فضل الصلاة على النبي ﷺ", 5]
     ],
     flagging_mode="never",
-    theme=gr.themes.Soft(),          # ← FIXED: Compatible with Gradio 6.9.0
+    theme=gr.themes.Soft(),
     css=custom_css
 )