Add example images and questions for better UX

- Add receipt example image to all three tabs for easy testing
- Include sample questions for the Chat tab to guide users
- Users can now click examples to quickly try different features

Examples:
- Image: Official KOSMOS-2.5 receipt sample
- Questions: Total amount, items purchased, receipt date, subtotal

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

app.py

@@ -201,6 +201,10 @@ with gr.Blocks(title="KOSMOS-2.5 Document AI Demo", theme=gr.themes.Soft()) as d
             with gr.Row():
                 with gr.Column():
                     md_image = gr.Image(type="pil", label="Upload Document Image")
+                    gr.Examples(
+                        examples=["https://huggingface.co/microsoft/kosmos-2.5/resolve/main/receipt_00008.png"],
+                        inputs=md_image
+                    )
                     md_button = gr.Button("Generate Markdown", variant="primary")
                 with gr.Column():
                     md_output = gr.Textbox(
@@ -215,6 +219,10 @@ with gr.Blocks(title="KOSMOS-2.5 Document AI Demo", theme=gr.themes.Soft()) as d
             with gr.Row():
                 with gr.Column():
                     ocr_image = gr.Image(type="pil", label="Upload Document Image")
+                    gr.Examples(
+                        examples=["https://huggingface.co/microsoft/kosmos-2.5/resolve/main/receipt_00008.png"],
+                        inputs=ocr_image
+                    )
                     ocr_button = gr.Button("Extract Text with Coordinates", variant="primary")
                 with gr.Column():
                     with gr.Row():
@@ -230,11 +238,19 @@ with gr.Blocks(title="KOSMOS-2.5 Document AI Demo", theme=gr.themes.Soft()) as d
             with gr.Row():
                 with gr.Column():
                     chat_image = gr.Image(type="pil", label="Upload Document Image")
+                    gr.Examples(
+                        examples=["https://huggingface.co/microsoft/kosmos-2.5/resolve/main/receipt_00008.png"],
+                        inputs=chat_image
+                    )
                     chat_question = gr.Textbox(
                         label="Ask a question about the document",
                         placeholder="e.g., What is the total amount on this receipt?",
                         lines=2
                     )
+                    gr.Examples(
+                        examples=["What is the total amount on this receipt?", "What items were purchased?", "When was this receipt issued?", "What is the subtotal?"],
+                        inputs=chat_question
+                    )
                     chat_button = gr.Button("Get Answer", variant="primary")
                 with gr.Column():
                     chat_output = gr.Textbox(