Update app.py

app.py

@@ -292,7 +292,7 @@ def handle_example_click(file_path, query):
         return file_path, gr.update(value=file_path, visible=True), gr.update(visible=False), query
 
 def clear_all():
-    return None, None, None, "### Output will be shown here", ""
+    return None, gr.update(visible=False), gr.update(visible=False), "### Output will be shown here", ""
 
 with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
     media_file_path = gr.State(None)
@@ -328,33 +328,33 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 video_display = gr.Video(label="Video Preview", visible=False)
                 gr.Markdown("Upload an image or video to begin.")
 
-            # Define query_input here so gr.Examples can reference it
-            query_input = gr.Textbox(
-                placeholder="Enter your query here...",
-                show_label=False,
-                scale=4,
-            )
-            
-            gr.Examples(
-                examples=all_examples,
-                inputs=[media_file_path, query_input], # Pass component objects
-                outputs=[media_file_path, image_display, video_display, query_input],
-                fn=handle_example_click,
-                label="Examples (Click to run)",
-                cache_examples=True
-            )
-
             output_display = gr.Markdown(elem_classes="chat-window", value="### Output will be shown here")
 
-            with gr.Row(elem_classes="input-bar", vertical=False):
+            # --- Input Bar ---
+            with gr.Row(elem_classes="input-bar"): # Removed vertical=False
                 upload_btn = gr.UploadButton("📁 Add Files", file_types=["image", "video"])
                 model_dropdown = gr.Dropdown(
                     choices=["Nanonets-OCR-s", "MonkeyOCR-Recognition", "Thyme-RL", "Typhoon-OCR-7B", "SmolDocling-256M-preview"],
                     label="Select Model",
                     value="Nanonets-OCR-s"
                 )
-                # The query_input is already defined above, but we place it here visually
+                query_input = gr.Textbox(
+                    placeholder="Enter your query here...",
+                    show_label=False,
+                    scale=4,
+                )
                 submit_btn = gr.Button("▶", elem_classes="submit-button")
+                
+            # --- Examples defined after all components exist ---
+            gr.Examples(
+                examples=all_examples,
+                inputs=[media_file_path, query_input], 
+                outputs=[media_file_path, image_display, video_display, query_input],
+                fn=handle_example_click,
+                label="Examples (Click to run)",
+                cache_examples=True 
+            )
+
     
     # --- Event Handlers ---
     upload_btn.upload(