Update app.py

app.py

@@ -6,21 +6,26 @@ from file_dashboard import file_based_learning_router
 def main_app():
     with gr.Blocks(css="light_mode_chatter_owl.css") as app:
         current_mode = gr.State("spoken")
+        nickname = gr.State("")
 
         with gr.Row():
-            # === Sidebar ===
+            # === Sticky Sidebar ===
             with gr.Column(scale=1, min_width=220, elem_id="sidebar"):
                 gr.Markdown("### 🎓 Educare")
                 gr.Markdown("---")
 
+                nickname_input = gr.Textbox(label="👤 Your Nickname", placeholder="Enter your name")
+                nickname_input.change(lambda name: name, inputs=[nickname_input], outputs=[nickname])
+
                 btn_spoken = gr.Button("🗣 Spoken Communication")
                 btn_written = gr.Button("✍️ Written Communication")
-
                 gr.Markdown("### 📄 File-Based Learning")
-                btn_file_study = gr.Button(" 📘 Study Guides")  # indented using em-spaces
+                btn_file_study = gr.Button(" 📘 Study Guides")
                 btn_file_view = gr.Button(" 📁 Files")
 
-            # === Main View Area ===
+                gr.Markdown("---")
+
+            # === Main View Panels ===
             with gr.Column(scale=4):
                 with gr.Column(visible=True, elem_id="module-wrapper") as spoken_panel:
                     spoken_dashboard()
@@ -30,17 +35,17 @@ def main_app():
 
                 file_router, switch_view, study_panel, file_panel = file_based_learning_router()
 
-        # === Mode Switch Handler ===
+        # === Mode Visibility Switcher ===
         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_guide_panel
-                gr.update(visible=(mode == "file")),    # file_viewer_panel
+                gr.update(visible=(mode == "spoken")),
+                gr.update(visible=(mode == "written")),
+                gr.update(visible=(mode == "study")),
+                gr.update(visible=(mode == "file")),
                 mode
             )
 
-        # === Button Actions ===
+        # === Navigation Hooks ===
         btn_spoken.click(fn=switch_mode, inputs=[gr.State("spoken")],
                          outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])
 
@@ -56,4 +61,4 @@ def main_app():
     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)