Update app.py

app.py

@@ -350,10 +350,38 @@ def main():
     # Build Gradio interface
     with gr.Blocks(css=css) as demo:
         gr.Markdown(
-            "<h1 style='text-align:center;'>👋 AI HR Interview Assistant - Admin Panel</h1>"
+            "<h1 style='text-align:center;'>👋 AI HR Interview Assistant</h1>"
         )
+        gr.Markdown(
+            "I will ask you a series of questions. Please answer honestly and thoughtfully. "
+            "When you are ready, click **Start Interview** to begin."
+        )
+
+        chatbot = gr.Chatbot( # Moved up here
+            label="Interview Chat",
+            height=650,
+            type='messages'  # must return a list of dicts: {"role":..., "content":...}
+        )
+        audio_input = gr.Audio( # Moved up here
+            sources=["microphone"],
+            type="filepath",
+            label="Record Your Answer"
+        )
+        user_input = gr.Textbox( # Moved up here
+            label="Your Response",
+            placeholder="Type your answer here or use the microphone...",
+            lines=1,
+        )
+        audio_output = gr.Audio(label="Response Audio", autoplay=True) # Moved up here
+
+
+        start_btn = gr.Button("Start Interview", variant="primary")
 
 
+        with gr.Row():
+            submit_btn = gr.Button("Submit", variant="primary")
+            clear_btn = gr.Button("Clear Chat")
+
         # Admin Panel Tab
         with gr.Tab("Admin Panel", id="admin_tab"):
             with gr.Tab("API Key Settings"):
@@ -365,15 +393,8 @@ def main():
 
                 def update_api_key(api_key):
                     os.environ["OPENAI_API_KEY"] = api_key  # Caution: Modifying os.environ is session-based
-                    global interview_func, initial_message, final_message, initial_api_key_status_message  # Declare globals to update them
+                    global interview_func, initial_message, final_message, questions, initial_api_key_status_message  # Declare globals to update them and questions
                     initial_api_key_status_message = check_api_key() # Update status immediately after key is entered
-                    QUESTIONS_FILE_PATH = "questions.json" # Define QUESTIONS_FILE_PATH here
-                    try:
-                        questions = read_questions_from_json(QUESTIONS_FILE_PATH) # reload questions here to fix NameError: name 'questions' is not defined
-                    except Exception as e:
-                        print(f"Error reloading questions in update_api_key: {e}")
-                        return f"❌ Error reloading questions: {e}"
-
                     interview_func, initial_message, final_message = conduct_interview(questions)  # Re-init interview function
                     return initial_api_key_status_message # Return status message
 
@@ -387,8 +408,8 @@ def main():
             # with gr.Tab("Generate Questions"):
             with gr.Tab("Generate Questions"):
                 try:
-                    # Assuming these are defined in backend2.py
-                    from backend2 import (
+                    # Assuming these are defined in  backend3.py
+                    from  backend3 import (
                         load_json_data,
                         PROFESSIONS_FILE,
                         TYPES_FILE,
@@ -530,28 +551,6 @@ def main():
                 )
 
 
-        # --- Chatbot, User Input, Audio Output definitions (moved to be before button event handlers) ---
-        chatbot = gr.Chatbot(
-            [],
-            elem_id="chatbot",
-            bubble_full_width=False,
-            height=650
-        )
-
-        user_input = gr.Textbox(
-            "",
-            placeholder="Type response here... or record audio",
-            elem_id="user-input",
-            show_label=False,
-        )
-
-        audio_output = gr.Audio(
-            autoplay=True,
-            streaming=False
-        )
-        # --- End of Chatbot, User Input, Audio Output definitions ---
-
-
         # --- Gradio callback functions ---
 
         def start_interview():
@@ -622,44 +621,40 @@ def main():
         # --- Wire up the event handlers ---
 
         # 1) Start button
-        start_btn = gr.Button("Start Interview", variant="primary") # Define start_btn here
         start_btn.click(
             start_interview,
             inputs=[],
-            outputs=[chatbot, user_input, audio_output] # Now chatbot, user_input, audio_output are defined
+            outputs=[chatbot, user_input, audio_output]
         )
 
         # 2) Audio: when recording stops
-        audio_input = gr.Audio(sources=["microphone"], streaming=False, type="filepath", label="Record Audio") # Define audio_input here, before use
         audio_input.stop_recording(
             interview_step_wrapper,
             inputs=[user_input, audio_input, chatbot],
-            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
+            outputs=[chatbot, user_input, audio_output]
         )
 
         # 3) Submit button
-        submit_btn = gr.Button("Submit", variant="primary") # Define submit_btn here
         submit_btn.click(
             interview_step_wrapper,
             inputs=[user_input, audio_input, chatbot],
-            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
+            outputs=[chatbot, user_input, audio_output]
         )
-        # 4) User input textbox submits (Enter key)
-        user_input.submit( # user_input is defined
+
+        # 4) Pressing Enter in the textbox
+        user_input.submit(
             on_enter_submit,
-            inputs=[chatbot, user_input], # chatbot, user_input are defined
-            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
+            inputs=[chatbot, user_input],
+            outputs=[chatbot, user_input, audio_output]
         )
 
         # 5) Clear button
-        clear_btn = gr.Button("Clear Chat") # Define clear_btn here
         clear_btn.click(
             clear_chat,
             inputs=[],
-            outputs=[chatbot, user_input, audio_output] # chatbot, user_input, audio_output are defined
+            outputs=[chatbot, user_input, audio_output]
         )
 
-
     # Launch Gradio (remove `share=True` if it keeps failing)
     demo.launch(
         server_name="0.0.0.0",