modified the ui elements

app.py

@@ -615,6 +615,27 @@ def create_book_gallery():
     
     return gallery_data, book_names
 
+def handle_gallery_selection(evt: gr.SelectData):
+    """Handle book selection from gallery click"""
+    if evt.index is None:
+        return "None"
+    
+    # Get available books to map gallery index to book name
+    available_books = get_available_books()
+    
+    # Filter books that have valid thumbnails (same as in create_book_gallery)
+    valid_books = []
+    for book in available_books:
+        if book['thumbnail'] and os.path.exists(book['thumbnail']):
+            valid_books.append(book)
+    
+    # Check if the selected index is valid
+    if 0 <= evt.index < len(valid_books):
+        selected_book = valid_books[evt.index]
+        return selected_book['name']
+    
+    return "None"
+
 # Create Gradio interface
 def create_interface():
     """Create the Gradio interface"""
@@ -785,6 +806,13 @@ def create_interface():
                 outputs=[doc_status, book_title_display, author_display, query_section]
             )
         
+        # Gallery selection event handler
+        if 'book_gallery' in locals():
+            book_gallery.select(
+                handle_gallery_selection,
+                outputs=[book_dropdown]
+            )
+        
         # PDF upload event handler  
         if 'process_pdf_btn' in locals():
             process_pdf_btn.click(