Update app.py

app.py

@@ -1503,6 +1503,7 @@ with gr.Blocks(
     #chat-input-row {align-items: center !important;}
     .gradio-container { background-color: white !important; color: black !important;}
     main {max-width: fit-content !important}
+    #component-36 {height: 460px !important}
     """,
     js=js_code,
     head='<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">'
@@ -1590,9 +1591,7 @@ with gr.Blocks(
                         add_note_btn = gr.Button("+ Add note", elem_id="add-note-btn")
                         study_guide_btn = gr.Button("Study Guide", elem_id="study-guide-btn")
                         quiz_btn = gr.Button("Quiz Yourself", elem_id="quiz-btn")
-                    note_response = gr.Textbox(label="Note Draft", visible=False)
-                    study_guide_response = gr.Textbox(label="Study Guide", visible=False)
-                    quiz_response = gr.Textbox(label="Quiz", visible=False)
+                    note_response = gr.Textbox(label="Response", visible=True, value="Your notes, study guides, and quizzes will appear here...")
                     notes_list = gr.Dataframe(headers=["Title"], interactive=False, label="Your Notes", elem_id="notes-list")
                     with gr.Column(visible=False) as note_editor:
                         note_title = gr.Textbox(label="Note Title", elem_id="note-title")
@@ -1610,73 +1609,57 @@ with gr.Blocks(
 
         # --- UI LOGIC FOR SHOWING/HIDING RESPONSE COMPONENTS ---
         def show_only(component):
-            # Helper to show only the given response component
             return (
                 gr.update(visible=(component == "note")),
                 gr.update(visible=(component == "study")),
                 gr.update(visible=(component == "quiz")),
             )
 
-        # Add Note button: generate note draft and show editor/response
         async def add_note_fn(notes, lecture_context, api_service, api_key, title_val, desc_val, style_val, audience_val):
             context = get_fallback_lecture_context(lecture_context, title_val, desc_val, style_val, audience_val)
             note = await run_note_agent(api_service, api_key, context, "", "")
             note_text = (note.get("title", "") + "\n" + note.get("content", "")).strip()
             return (
-                gr.update(visible=True, value=note_text),
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value=""),
+                gr.update(value=note_text),
                 note.get("title", ""),
                 note.get("content", "")
             )
         add_note_btn.click(
             fn=add_note_fn,
             inputs=[notes_state, lecture_context_state, api_service, api_key, title, lecture_content_description, lecture_style, lecture_type],
-            outputs=[note_response, study_guide_response, quiz_response, note_title, note_content]
+            outputs=[note_response, note_title, note_content]
         )
 
         # Study Guide button: generate study guide and show response
         async def study_guide_btn_fn(notes, lecture_context, api_service, api_key, title_val, desc_val, style_val, audience_val):
             context = get_fallback_lecture_context(lecture_context, title_val, desc_val, style_val, audience_val)
             guide = await run_study_agent(api_service, api_key, context)
-            return (
-                gr.update(visible=False, value=""),
-                gr.update(visible=True, value=guide),
-                gr.update(visible=False, value="")
-            )
+            return gr.update(value=guide)
         study_guide_btn.click(
             fn=study_guide_btn_fn,
             inputs=[notes_state, lecture_context_state, api_service, api_key, title, lecture_content_description, lecture_style, lecture_type],
-            outputs=[note_response, study_guide_response, quiz_response]
+            outputs=[note_response]
         )
 
         # Quiz button: generate quiz and show response
         async def quiz_btn_fn(notes, lecture_context, api_service, api_key, title_val, desc_val, style_val, audience_val):
             context = get_fallback_lecture_context(lecture_context, title_val, desc_val, style_val, audience_val)
             quiz = await run_quiz_agent(api_service, api_key, context)
-            return (
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value=""),
-                gr.update(visible=True, value=quiz)
-            )
+            return gr.update(value=quiz)
         quiz_btn.click(
             fn=quiz_btn_fn,
             inputs=[notes_state, lecture_context_state, api_service, api_key, title, lecture_content_description, lecture_style, lecture_type],
-            outputs=[note_response, study_guide_response, quiz_response]
+            outputs=[note_response]
         )
 
-        # Back button: hide note editor and all responses
+        # Back button: clear response
         back_btn.click(
-            fn=lambda: (
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value="")
-            ),
+            fn=lambda: gr.update(value="Click any button above to generate content..."),
             inputs=[],
-            outputs=[note_response, study_guide_response, quiz_response]
+            outputs=[note_response]
         )
 
-        # Save Note button: add note to state and update list, hide responses
+        # Save Note button: add note to state and update list, clear response
         async def save_note(note_title_val, note_content_val, notes, lecture_context, api_service, api_key, note_type=None):
             note = await run_note_agent(api_service, api_key, get_fallback_lecture_context(lecture_context, note_title_val, note_content_val, "", ""), note_title_val, note_content_val)
             # Prefix title with note type if provided
@@ -1691,14 +1674,12 @@ with gr.Blocks(
             return (
                 update_notes_list(new_notes),
                 new_notes,
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value=""),
-                gr.update(visible=False, value="")
+                gr.update(value="Click any button above to generate content...")
             )
         save_note_btn.click(
             fn=save_note,
             inputs=[note_title, note_content, notes_state, lecture_context_state, api_service, api_key],
-            outputs=[notes_list, notes_state, note_response, study_guide_response, quiz_response]
+            outputs=[notes_list, notes_state, note_response]
         )
 
         # --- CHAT AGENT LOGIC ---
@@ -1959,7 +1940,7 @@ with gr.Blocks(
             await asyncio.sleep(0.1)
             
             # Process file and generate inputs
-            yield html_with_progress("Generating inputs", 75), None, None
+            yield html_with_progress("Researching lecture material...", 75), None, None
             await asyncio.sleep(0.1)
             
             result = await study_mode_process(file, api_service, api_key)
@@ -1967,7 +1948,7 @@ with gr.Blocks(
             # Show success message with updated inputs
             success_html = """
             <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; min-height: 700px; padding: 20px; text-align: center; border: 1px solid #ddd; border-radius: 30px; box-shadow: 0 0 2rem rgba(0, 0, 0, .14) !important;">
-                <h2 style="font-style: italic; color: #000 !important;">Study material processed, you can now generate lecture</h2>
+                <h2 style="font-style: italic; color: #000 !important;">Research on study material completed, you can now generate lecture</h2>
                 <p style="margin-top: 10px; font-size: 16px;color: #000">The form has been updated with the extracted information. Click Generate Lecture to proceed.</p>
             </div>
             """
@@ -2217,8 +2198,8 @@ with gr.Blocks(
             if os.path.exists(note_file):
                 with open(note_file, "r", encoding="utf-8") as f:
                     note_text = f.read()
-                return gr.update(visible=True, value=note_text)
-        return gr.update(visible=False, value="")
+                return gr.update(value=note_text)
+        return gr.update(value="Click any button above to generate content...")
     notes_list.select(
         fn=show_note_content,
         inputs=[notes_state],