Update app.py

app.py

@@ -302,13 +302,18 @@ def create_gradio_interface():
 
                     with gr.Column(scale=2):
                         #gr.Markdown("### 2. View Output")
-                        output_stream = gr.Textbox(label="Model Output", interactive=False, lines=20, show_copy_button=True)
-                
+                        with gr.Tab("Output Stream"):
+                            output_stream = gr.Textbox(label="Model Output", interactive=False, lines=24, show_copy_button=True)
+                        
+                        with gr.Tab("README.md"):
+                            with gr.Accordion("(Result.md)", open=True): 
+                            markdown_output = gr.Markdown()
+                            
                 gr.Examples(
                     examples=[
-                        ["examples/1.png", "Transcribe this receipt."],
-                        ["examples/2.png", "Extract the table from this document as markdown."],
-                        ["examples/3.png", "What information is presented in this infographic?"],
+                        ["examples/1.jpg", "Transcribe this receipt."],
+                        ["examples/2.jpg", "Extract the content."],
+                        ["examples/3.jpg", "OCR the image."],
                     ],
                     inputs=[image_input_doc, prompt_input_doc]
                 )
@@ -338,10 +343,10 @@ def create_gradio_interface():
 
                 gr.Examples(
                     examples=[
-                        ["https://huggingface.co/datasets/merve/vlm_test_images/resolve/main/candy.JPG", "Object Detection", "candy", 5],
-                        ["https://huggingface.co/datasets/merve/vlm_test_images/resolve/main/candy.JPG", "Point Detection", "candy", 5],
-                        ["https://moondream.ai/images/blog/moondream-3-preview/benchmarks.jpg", "Caption", "", 5],
-                        ["https://moondream.ai/images/blog/moondream-3-preview/benchmarks.jpg", "Visual Question Answering", "how well does moondream 3 perform in chartvqa?", 5],
+                        ["mds3/1.jpg", "Object Detection", "boats", 7],
+                        ["md3/2.jpg", "Point Detection", "candy", 7],
+                        ["md3/3.png", "Caption", "", 5],
+                        ["md3/4.jpg", "Visual Question Answering", "Analyze the GDP trend over the yearsAnalyze the GDP trend over the years.", 5],
                     ],
                     inputs=[md3_image_input, md3_task_type, md3_prompt_input, md3_max_objects],
                     label="Click an example to populate inputs"