Update app.py

app.py

@@ -10,24 +10,28 @@ def main_app():
 
         with gr.Row():
             # === LEFT SIDEBAR ===
-            with gr.Column(scale=1, min_width=220):
+            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")
-                    btn_file = gr.Button("📄 File-Based Learning")
+
+                    with gr.Accordion("📄 File-Based Learning", open=False):
+                        btn_file_study = gr.Button("📘 Study Guides")
+                        btn_file_view = gr.Button("📁 Files")
 
                 gr.Markdown("---")
-                gr.Markdown("""**Ankush Bansal**  
-ankban@wharton.upenn.edu""")
+                with gr.Row():
+                    gr.Markdown("""<div style='position: absolute; bottom: 1rem;'>**Ankush Bansal**<br>ankban@wharton.upenn.edu</div>""", elem_id="sidebar-user")
 
             # === MAIN CONTENT PANEL ===
             with gr.Column(scale=4):
-                spoken_panel = gr.Column(visible=True)
-                written_panel = gr.Column(visible=False)
-                file_panel = gr.Column(visible=False)
+                spoken_panel = gr.Box(visible=True)
+                written_panel = gr.Box(visible=False)
+                file_panel = gr.Box(visible=False)
+                file_study_panel = gr.Box(visible=False)
 
                 with spoken_panel:
                     spoken_dashboard()
@@ -38,20 +42,25 @@ ankban@wharton.upenn.edu""")
                 with file_panel:
                     file_dashboard()
 
+                with file_study_panel:
+                    file_dashboard()  # temporary reuse; can split later
+
         def switch_mode(mode):
             return (
                 gr.update(visible=(mode == "spoken")),
                 gr.update(visible=(mode == "written")),
                 gr.update(visible=(mode == "file")),
+                gr.update(visible=(mode == "study")),
                 mode
             )
 
-        btn_spoken.click(lambda: switch_mode("spoken"), outputs=[spoken_panel, written_panel, file_panel, current_mode])
-        btn_written.click(lambda: switch_mode("written"), outputs=[spoken_panel, written_panel, file_panel, current_mode])
-        btn_file.click(lambda: switch_mode("file"), outputs=[spoken_panel, written_panel, file_panel, current_mode])
+        btn_spoken.click(lambda: switch_mode("spoken"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
+        btn_written.click(lambda: switch_mode("written"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
+        btn_file_view.click(lambda: switch_mode("file"), outputs=[spoken_panel, written_panel, file_panel, file_study_panel, current_mode])
+        btn_file_study.click(lambda: switch_mode("study"), outputs=[spoken_panel, written_panel, file_panel, file_study_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)