Update app.py

app.py

@@ -127,10 +127,14 @@ def toggle_hint_mode():
     )
 import gradio as gr
 
-with gr.Blocks(title="Kasoti") as demo:
-    gr.Markdown("## 🧠 Kasoti")
-    gr.Markdown("Think of something. I will try to guess it in 20 yes/no questions. "
-                "Answer with **yes/no** or **ہاں/نہیں**.")
+with gr.Blocks(title="Kasoti", theme=gr.themes.Soft(primary_hue="pink", secondary_hue="blue")) as demo:
+    gr.Markdown(
+        """
+        <div style='text-align: center; font-size: 28px; font-weight: bold; color: #ff69b4;'>🧠 Kasoti - Let's Play a Mind Game!</div>
+        <p style='text-align: center; color: #666;'>Think of something mysterious and I'll try to guess it in 20 fun questions! 🕵️‍♀️<br>
+        Just answer with <b>yes/no</b> or <b>ہاں/نہیں</b>.</p>
+        """,
+    )
 
     with gr.Row():
         start = gr.Button("🎲 Start Game", scale=1)
@@ -139,45 +143,24 @@ with gr.Blocks(title="Kasoti") as demo:
 
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("### 🎤 Input")
-            lang_sel = gr.CheckboxGroup(["English", "Urdu"], label="Select Language", value=["English"])
-            mic_input = gr.Audio(sources=["microphone"], type="numpy", label="Record Your Answer")
-            transcribe = gr.Button("🎙️ Transcribe")
-            typed_ans = gr.Textbox(label="✍️ Or type your answer")
-            submit = gr.Button("✅ Submit Answer")
+            gr.Markdown("### 🎤 Your Answer")
+            lang_sel = gr.CheckboxGroup(["English", "Urdu"], label="🌐 Choose Language", value=["English"])
+            mic_input = gr.Audio(sources=["microphone"], type="numpy", label="🎙️ Speak Your Answer")
+            transcribe = gr.Button("📝 Transcribe Voice")
+            typed_ans = gr.Textbox(label="✍️ Or Type Your Answer")
+            submit = gr.Button("✅ Submit")
 
         with gr.Column(scale=2):
-            gr.Markdown("### 🎮 Game Status")
-            game_q_box = gr.Textbox(label="🧩 Current Question", interactive=False, lines=2)
-            game_history = gr.Textbox(label="🧾 Hint / Status", interactive=False, lines=2)
-            final_answer_box = gr.Textbox(label="🎯 Final Answer", visible=False, lines=2, interactive=False)
-
-    # Button click events
-    start.click(
-        fn=begin_game,
-        outputs=[game_q_box, game_history, final_answer_box, submit, final_answer_box]
-    )
-
-    hint_toggle.click(
-        fn=toggle_hint_mode,
-        outputs=[hint_status, game_history]
-    )
-
-    hint_toggle.click(
-        fn=hint_response,
-        outputs=[game_history]
-    )
-
-    transcribe.click(
-        fn=convert_audio_to_text,
-        inputs=[mic_input, lang_sel],
-        outputs=[typed_ans]
-    )
-
-    submit.click(
-        fn=interpret_answer,
-        inputs=[typed_ans],
-        outputs=[game_q_box, typed_ans, final_answer_box, game_history, final_answer_box]
-    )
+            gr.Markdown("### 🎮 Game Progress")
+            game_q_box = gr.Textbox(label="❓ Current Question", interactive=False, lines=2)
+            game_history = gr.Textbox(label="🧾 Game Updates", interactive=False, lines=3)
+            final_answer_box = gr.Textbox(label="🎯 My Final Guess!", visible=False, lines=2, interactive=False)
+
+    # Button functionality
+    start.click(fn=begin_game, outputs=[game_q_box, game_history, final_answer_box, submit, final_answer_box])
+    hint_toggle.click(fn=toggle_hint_mode, outputs=[hint_status, game_history])
+    hint_toggle.click(fn=hint_response, outputs=[game_history])
+    transcribe.click(fn=convert_audio_to_text, inputs=[mic_input, lang_sel], outputs=[typed_ans])
+    submit.click(fn=interpret_answer, inputs=[typed_ans], outputs=[game_q_box, typed_ans, final_answer_box, game_history, final_answer_box])
 
 demo.launch()