Update app.py

app.py

@@ -13,6 +13,8 @@ os.environ["HF_HOME"] = "/data/hf"
 os.environ["TRANSFORMERS_CACHE"] = "/data/hf"
 os.environ["XDG_CACHE_HOME"] = "/data/hf"
 
+chatter_owl_url = "file/images/chatter_owl.png"
+
 # Load Whisper and set OpenAI key
 model = WhisperModel("base", compute_type="int8")  # Fastest CPU option
 openai.api_key = os.getenv("OPENAI_API_KEY")
@@ -93,18 +95,28 @@ def tutor_feedback(audio_file):
     return transcript, feedback_text, mp3_path
 
 # Gradio interface
-iface = gr.Interface(
-    fn=tutor_feedback,
-    inputs=gr.Audio(type="filepath", label="🎤 Upload or record your response"),
-    outputs=[
-        gr.Textbox(label="📝 Transcript"),
-        gr.Textbox(label="📢 Tutor Feedback"),
-        gr.Audio(label="🔊 Spoken Feedback", type="filepath")
-    ],
-    title="🗣 Communications Tutor with Whisper + GPT",
-    description="Speak or upload a response. The tutor will transcribe it, analyze with GPT, and respond with spoken feedback.",
-    allow_flagging="never"
-)
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="green")) as iface:
+    gr.Markdown(
+        f"""
+        <div style="text-align: center;">
+            <img src="{chatter_owl_url}" width="120">
+            <h2>🦉 Hi, I'm <strong>Chatter the Owl</strong>!</h2>
+            <p>Let's practice your speaking! Tap the mic, say something, and I’ll give you tips to get even better! 🎉</p>
+        </div>
+        """,
+        elem_id="header"
+    )
+
+    with gr.Row():
+        audio_input = gr.Audio(type="filepath", label="🎤 Say something here!")
+
+    with gr.Row():
+        transcript_box = gr.Textbox(label="📖 What you said")
+        feedback_box = gr.Textbox(label="🪄 Chatter's Feedback")
+
+    audio_output = gr.Audio(label="🔊 Chatter's Voice Reply", type="filepath")
+
+    audio_input.change(fn=tutor_feedback, inputs=audio_input, outputs=[transcript_box, feedback_box, audio_output])
 
 if __name__ == "__main__":
     print("✅ App is launching...")