Update app.py

app.py

@@ -249,6 +249,8 @@ button.svelte-1lcyrx4[aria-label="user's message: a file of type image/jpeg, "]
     position: relative;
     margin-bottom: var(--spacing-lg);
 }
+
+#think-button { position: absolute; bottom: 10px; left: 10px; font-size: 12px; padding: 5px 10px; }
 """
 
 js = """
@@ -287,8 +289,9 @@ demo = gr.Blocks(css=CSS,js=js, theme='NoCrypt/miku')
 
 # Hàm bật/tắt Think Mode
 def toggle_think_mode(current_state):
-    return not current_state
-
+    new_state = not current_state
+    button_label = "💡Think✅" if new_state else "💡Think"
+    return new_state, button_label
 
     
 with demo:
@@ -311,11 +314,11 @@ with demo:
         theme='NoCrypt/miku'
     )
     
-    with gr.Row():
-        think_button = gr.Button("🧠 Think Mode", variant="secondary")  # Nút bật/tắt
+    with gr.Row(variant="compact"):
+        think_button = gr.Button("💡Think", elem_id="think-button", variant="secondary")  
 
-    # Khi nhấn nút, trạng thái think_mode thay đổi
-    think_button.click(toggle_think_mode, inputs=[think_mode], outputs=[think_mode])
+    # Khi nhấn nút, trạng thái think_mode thay đổi + đổi nhãn nút
+    think_button.click(toggle_think_mode, inputs=[think_mode], outputs=[think_mode, think_button])
     
     # mic_transcribe = gr.Interface(
     #     fn=transcribe_speech,