Update app.py

app.py

@@ -89,9 +89,7 @@ def generate_audio_report(text):
         raise gr.Error("❌ No valid report text found. Generate report first!")
 
     try:
-        # No API Key needed for gTTS
         tts = gTTS(text=text[:1500], lang='en')
-        
         with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as f:
             tts.save(f.name)
             return f.name
@@ -166,7 +164,6 @@ def generate_pdf(wqi, hsi, erosion, turbidity, summary_text):
     pdf.set_font("Arial", "", 12)
     pdf.set_text_color(0, 0, 0)
     
-    # Cleaning summary for FPDF compatibility
     clean_text = summary_text.encode('latin-1', 'replace').decode('latin-1')
     pdf.multi_cell(0, 6, clean_text)
     
@@ -190,7 +187,6 @@ def process_data(flow_rate, water_temp, sediment, construction, pH, do, nutrient
         fig = create_plots(wqi, hsi, erosion, turbidity)
         graph_text = generate_graph_insights(wqi, hsi, erosion, turbidity)
         
-        # Returns path for gr.File to enable download
         pdf_path = generate_pdf(wqi, hsi, erosion, turbidity, summary)
         
         status_text = f"Stability Index: {stability}/100\nStatus: {potability}"
@@ -199,16 +195,33 @@ def process_data(flow_rate, water_temp, sediment, construction, pH, do, nutrient
     except Exception as e:
         return str(e), None, "", "", None
 
-# Wrapper
 def run_app(flow, temp, sediment, construction, ph, do, nutrients, sat_img):
     return process_data(flow, temp, sediment, construction, ph, do, nutrients, sat_img)
 
-# -------------------- UI DESIGN --------------------
+# -------------------- UI DESIGN (WITH SCROLLBAR) --------------------
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
 * { font-family: 'Poppins', sans-serif !important; }
 #title-box { background: linear-gradient(135deg, #0061ff 0%, #60efff 100%); color: white; padding: 20px; border-radius: 12px; text-align: center;}
 #analyze-btn { background: #0061ff; color: white; border: none; font-weight: bold; cursor: pointer; border-radius: 8px;}
+
+/* Custom Scroll Wheel for Official Report */
+#scroll-area textarea {
+    overflow-y: scroll !important;
+    scrollbar-width: thin;
+    scrollbar-color: #0061ff #2d2d2d;
+}
+#scroll-area textarea::-webkit-scrollbar {
+    width: 8px;
+}
+#scroll-area textarea::-webkit-scrollbar-track {
+    background: #1a1a1a;
+}
+#scroll-area textarea::-webkit-scrollbar-thumb {
+    background-color: #0061ff;
+    border-radius: 10px;
+    border: 2px solid #1a1a1a;
+}
 """
 
 with gr.Blocks(title="FlumenIntel") as demo:
@@ -217,10 +230,8 @@ with gr.Blocks(title="FlumenIntel") as demo:
         gr.Markdown("# FlumenIntel 🌊\n### Advanced River Health Analytics")
 
     with gr.Tabs():
-        # --- TAB 1: DASHBOARD ---
         with gr.TabItem("🚀 Dashboard"):
             with gr.Row():
-                # LEFT INPUTS
                 with gr.Column(scale=1):
                     gr.Markdown("### 1. Hydrological Data")
                     flow = gr.Number(label="Flow Rate", value=45)
@@ -238,7 +249,6 @@ with gr.Blocks(title="FlumenIntel") as demo:
                     
                     analyze_btn = gr.Button("GENERATE REPORT", elem_id="analyze-btn")
 
-                # RIGHT OUTPUTS
                 with gr.Column(scale=2):
                     status_box = gr.Textbox(label="System Status", interactive=False)
                     
@@ -248,9 +258,14 @@ with gr.Blocks(title="FlumenIntel") as demo:
                             graph_summary_box = gr.Markdown("### Insights...")
                         
                         with gr.TabItem("📄 Official Report"):
-                            ai_summary = gr.Textbox(label="Scientist's Assessment", lines=15, interactive=False)
+                            # Applied elem_id here to link with CSS
+                            ai_summary = gr.Textbox(
+                                label="Scientist's Assessment", 
+                                lines=15, 
+                                interactive=False, 
+                                elem_id="scroll-area"
+                            )
                             
-                            # --- AUDIO BUTTON ---
                             with gr.Row():
                                 audio_btn = gr.Button("🔊 Listen to Report (gTTS)")
                                 audio_out = gr.Audio(label="Player", type="filepath")
@@ -262,14 +277,11 @@ with gr.Blocks(title="FlumenIntel") as demo:
                             )
 
                         with gr.TabItem("📥 Export"):
-                            # The gr.File component provides the download sign automatically
                             pdf_output = gr.File(label="Download Official FlumenIntel Report")
 
-        # --- TAB 2: ABOUT ME ---
         with gr.TabItem("👤 About Me"):
              gr.Markdown("## Abdullah\nComputer Engineering Undergraduate | AI & Hardware Enthusiast")
 
-    # Events
     analyze_btn.click(
         run_app,
         inputs=[flow, temp, sediment, construction, ph, do, nutrients, sat_img],