Update app.py

app.py

@@ -2,21 +2,30 @@ import gradio as gr
 from spoken_module import spoken_dashboard
 from written_module import written_dashboard
 from file_dashboard import file_based_learning_router
+from file_utils import save_nickname_to_db, load_latest_nickname
 
 def main_app():
     with gr.Blocks(css="light_mode_chatter_owl.css") as app:
         current_mode = gr.State("spoken")
-        nickname = gr.State("")
+        nickname = gr.State(load_latest_nickname())  # Load from DB on start
 
         with gr.Row():
-            # === Sticky Sidebar ===
+            # === 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])
+                nickname_input = gr.Textbox(value=load_latest_nickname(), label="👤 Your Nickname", placeholder="Enter your name")
+                nickname_display = gr.Markdown(visible=False)
+
+                def handle_nickname(name):
+                    save_nickname_to_db(name)
+                    return gr.update(value=f"✅ Hi, {name}!", visible=True), name
+
+                nickname_input.change(fn=handle_nickname, inputs=[nickname_input], outputs=[nickname_display, nickname])
+
+                gr.Markdown("---")
 
+                # Navigation
                 btn_spoken = gr.Button("🗣 Spoken Communication")
                 btn_written = gr.Button("✍️ Written Communication")
                 gr.Markdown("### 📄 File-Based Learning")
@@ -27,6 +36,7 @@ def main_app():
 
             # === Main View Panels ===
             with gr.Column(scale=4):
+                nickname_display  # Render at top
                 with gr.Column(visible=True, elem_id="module-wrapper") as spoken_panel:
                     spoken_dashboard()
 
@@ -35,7 +45,7 @@ def main_app():
 
                 file_router, switch_view, study_panel, file_panel = file_based_learning_router(nickname)
 
-        # === Mode Visibility Switcher ===
+        # === Mode Visibility Logic ===
         def switch_mode(mode):
             return (
                 gr.update(visible=(mode == "spoken")),
@@ -45,7 +55,7 @@ def main_app():
                 mode
             )
 
-        # === Navigation Hooks ===
+        # === Button Hooks ===
         btn_spoken.click(fn=switch_mode, inputs=[gr.State("spoken")],
                          outputs=[spoken_panel, written_panel, study_panel, file_panel, current_mode])