update UX

app.py

@@ -75,7 +75,7 @@ GLOBAL_CSS = """
 .card-force-dark div {
     color: #000000 !important; 
 .card-force-dark summary {
-    color: #007bff !important; 
+    color: #000000 !important; 
 }
 """
 
@@ -168,11 +168,11 @@ def search_free_text_animated(query_text, max_results):
 
 def find_book_cards_animated(partial_title):
     # FASE 1: Spinner ON, Dataset OFF
-    yield gr.update(visible=True), gr.update(visible=False), []
+    yield gr.update(visible=True), gr.update(visible=False), [], gr.update(value="", visible=False)
     time.sleep(0.3)
 
     if not partial_title or len(partial_title) < 2:
-        yield gr.update(visible=False), gr.update(samples=[], visible=False), []
+        yield gr.update(visible=False), gr.update(samples=[], visible=False), [], gr.update(visible=False)
         return
 
     conn = None
@@ -185,11 +185,11 @@ def find_book_cards_animated(partial_title):
         full_data_state = [{"id": row[0], "title": row[1]} for row in rows]
 
         # FASE 2: Spinner OFF, Dataset ON
-        yield gr.update(visible=False), gr.update(samples=card_data, visible=True), full_data_state
+        yield gr.update(visible=False), gr.update(samples=card_data, visible=True), full_data_state, gr.update(visible=False)
 
     except Exception as e:
         print(f"Error: {e}")
-        yield gr.update(visible=False), gr.update(visible=False), []
+        yield gr.update(visible=False), gr.update(visible=False), [], gr.update(visible=False)
     finally:
         if conn: conn.close()
 
@@ -271,8 +271,8 @@ with gr.Blocks(theme=gr.themes.Soft(), css=GLOBAL_CSS) as demo:
     btn_search.click(fn=search_free_text_animated, inputs=[txt_input, num_results], outputs=[loader_results, out_results])
     txt_input.submit(fn=search_free_text_animated, inputs=[txt_input, num_results], outputs=[loader_results, out_results])
 
-    btn_find.click(fn=find_book_cards_animated, inputs=[txt_title], outputs=[loader_cards, cards_view, books_state])
-    txt_title.submit(fn=find_book_cards_animated, inputs=[txt_title], outputs=[loader_cards, cards_view, books_state])
+    btn_find.click(fn=find_book_cards_animated, inputs=[txt_title], outputs=[loader_cards, cards_view, books_state, out_results])
+    txt_title.submit(fn=find_book_cards_animated, inputs=[txt_title], outputs=[loader_cards, cards_view, books_state, out_results])
 
     cards_view.click(
         fn=on_card_click_animated,