Update app.py

app.py

@@ -92,7 +92,7 @@ textarea, input[type='text'] { border: 1px solid #ccc; border-radius: 20px; padd
         with gr.Column(scale=1):
             gr.Markdown("<h2 style='text-align:center;'>Chats</h2>")
             new_chat = gr.Button("🆕 New Chat")
-            chat_list = gr.Dropdown(label="Select Chat", choices=[], interactive=True)
+            chat_buttons = gr.Column()
 
         with gr.Column(scale=3):
             gr.Markdown("<h1 style='text-align:center;'>Neobot</h1>")
@@ -104,10 +104,13 @@ textarea, input[type='text'] { border: 1px solid #ccc; border-radius: 20px; padd
             file_input = gr.File(file_types=[".mp3", ".wav"], visible=False)
 
     def update_chat_list():
-        files = list_saved_chats()
-        return gr.update(choices=[f[:-5] for f in files])
-
-    chat_list.change(lambda name: load_chat_file(f"{name}.json"), inputs=[chat_list], outputs=[chatbot, state])
+        buttons = []
+        for file in list_saved_chats():
+            filename = file[:-5]
+            btn = gr.Button(filename, elem_id=f"btn_{filename}", size="sm")
+            btn.click(fn=lambda f=file: load_chat_file(f), inputs=[], outputs=[chatbot, state])
+            buttons.append(btn)
+        return buttons
 
     send = gr.Button("Send 🚀")
     send.click(chat_with_groq, inputs=[chat_input, state], outputs=[chat_input, chatbot, state])
@@ -123,6 +126,7 @@ textarea, input[type='text'] { border: 1px solid #ccc; border-radius: 20px; padd
     plus.click(lambda: gr.update(visible=True), outputs=[file_input])
     file_input.change(transcribe_audio, inputs=file_input, outputs=chat_input)
     mic.click(start_stop_recording, inputs=recording, outputs=[chat_input, recording])
-    demo.load(update_chat_list, outputs=[chat_list])
+
+    demo.load(update_chat_list, outputs=[])
 
 demo.launch()