Update app.py

app.py

@@ -8,25 +8,28 @@ def main_app():
         current_mode = gr.State("spoken")
 
         with gr.Row():
-            # Sidebar (Left Navigation)
+            # === Sidebar ===
             with gr.Column(scale=1, min_width=220, elem_id="sidebar"):
                 gr.Markdown("### 🎓 Educare")
                 gr.Markdown("---")
 
-                with gr.Accordion("🧭 Learning Modes", open=True):
-                    btn_spoken = gr.Button("🗣 Spoken Communication")
-                    btn_written = gr.Button("✍️ Written Communication")
-                    with gr.Accordion("📄 File-Based Learning", open=False):
-                        btn_file_study = gr.Button("📘 Study Guides")
-                        btn_file_view = gr.Button("📁 Files")
+                btn_spoken = gr.Button("🗣 Spoken Communication")
+                btn_written = gr.Button("✍️ Written Communication")
 
-                gr.Markdown("---")
-                gr.Markdown("""**Ankush Bansal**  
-ankban@wharton.upenn.edu""")
+                gr.Markdown("### 📄 File-Based Learning")
+                btn_file_study = gr.Button(" 📘 Study Guides")  # indented using em-spaces
+                btn_file_view = gr.Button(" 📁 Files")
+
+                # Pinned user info at bottom
+                gr.HTML("""
+                <div style='position: absolute; bottom: 20px; left: 20px; font-size: 14px;'>
+                    <strong>Ankush Bansal</strong><br>
+                    <span style="color: #555;">ankban@wharton.upenn.edu</span>
+                </div>
+                """)
 
-            # Main Display Area
+            # === Main View Area ===
             with gr.Column(scale=4):
-                # === Panels ===
                 with gr.Column(visible=True, elem_id="module-wrapper") as spoken_panel:
                     spoken_dashboard()
 
@@ -35,43 +38,30 @@ ankban@wharton.upenn.edu""")
 
                 file_router, switch_view, study_panel, file_panel = file_based_learning_router()
 
-        # === Mode Switch Logic ===
+        # === Mode Switch Handler ===
         def switch_mode(mode):
             return (
-                gr.update(visible=(mode == "spoken")),           # spoken_panel
-                gr.update(visible=(mode == "written")),          # written_panel
-                gr.update(visible=(mode == "study")),            # study_panel from file_router
-                gr.update(visible=(mode == "file")),             # file_panel from file_router
-                mode                                             # update state
+                gr.update(visible=(mode == "spoken")),  # spoken_panel
+                gr.update(visible=(mode == "written")), # written_panel
+                gr.update(visible=(mode == "study")),   # study_guide_panel
+                gr.update(visible=(mode == "file")),    # file_viewer_panel
+                mode
             )
 
-        # === Button Hooks ===
-        btn_spoken.click(
-            fn=switch_mode,
-            inputs=[gr.State("spoken")],
-            outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode]
-        )
-        
-        btn_written.click(
-            fn=switch_mode,
-            inputs=[gr.State("written")],
-            outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode]
-        )
-        
-        btn_file_study.click(
-            fn=switch_mode,
-            inputs=[gr.State("study")],
-            outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode]
-        )
-        
-        btn_file_view.click(
-            fn=switch_mode,
-            inputs=[gr.State("file")],
-            outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode]
-        )
+        # === Button Actions ===
+        btn_spoken.click(fn=switch_mode, inputs=[gr.State("spoken")],
+                         outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
+
+        btn_written.click(fn=switch_mode, inputs=[gr.State("written")],
+                          outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
+
+        btn_file_study.click(fn=switch_mode, inputs=[gr.State("study")],
+                             outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
 
+        btn_file_view.click(fn=switch_mode, inputs=[gr.State("file")],
+                            outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
 
     return app
 
 if __name__ == "__main__":
-    main_app().launch(server_name="0.0.0.0", server_port=7860)
+    main_app().launch(server_name="0.0.0.0", server_port=7860)