Update app.py

app.py

@@ -270,55 +270,49 @@ def create_demo():
         
         with gr.Row():
             with gr.Column(scale=1):
-                api_key = gr.Textbox(label="OpenAI API Key", value="sk-kBQuM0gvNBhOHmKz43b3iQut01bsOgg8Pv76eMKguu6jvncm")
+                api_key = gr.Textbox(label="OpenAI API Key", type="password", value="sk-kBQuM0gvNBhOHmKz43b3iQut01bsOgg8Pv76eMKguu6jvncm")
                 base_url = gr.Textbox(label="Base URL (optional)", value="https://api.claudeshop.top/v1")
                 image_input = gr.Image(label="Upload Image", type="pil")
                 question = gr.Textbox(label="Question", placeholder="Ask a question about the image...")
                 submit_btn = gr.Button("Submit")
 
-            # with gr.Column(scale=1):
-            #     json_output = gr.JSON(label="Messages JSON", visible=False)
-            
         with gr.Row():
             output = gr.HTML(label="Response")
-            
-        # # 添加JSON下载功能
-        # download_btn = gr.Button("Download Messages as JSON")
         
         # 处理提交
-        result = submit_btn.click(
+        submit_btn.click(
             fn=o3_chat,
             inputs=[api_key, base_url, question, image_input],
             outputs=[output]
         )
         
-        # # 添加下载功能
-        # download_btn.click(
-        #     fn=lambda x: x,
-        #     inputs=[json_output],
-        #     outputs=[],
-        #     _js="""
-        #     function(json_str) {
-        #         const blob = new Blob([JSON.stringify(json_str, null, 2)], { type: 'application/json' });
-        #         const url = URL.createObjectURL(blob);
-        #         const a = document.createElement('a');
-        #         a.href = url;
-        #         a.download = 'messages_' + new Date().toISOString().replace(/[:.]/g, '-') + '.json';
-        #         document.body.appendChild(a);
-        #         a.click();
-        #         document.body.removeChild(a);
-        #         URL.revokeObjectURL(url);
-        #         return [];
-        #     }
-        #     """
-        # )
+        # 示例部分
+        examples = [
+            [
+                "./examples/1.png",
+                "From the information on that advertising board, what is the type of this shop?"
+            ],
+            [
+                "./examples/2.png",
+                "What is the diagnosis for the abnormality seen in this image?"
+            ]
+        ]
+        
+        gr.Examples(
+            examples=examples,
+            inputs=[image_input, question],
+            outputs=[output],
+            fn=lambda img, q: o3_chat(api_key.value, base_url.value, q, img),
+            cache_examples=True,
+            label="Click any example to try it out!"
+        )
         
         gr.Markdown("""
-        ## Examples
-        Try asking questions like:
-        - "What's in this image?"
-        - "Can you analyze the data in this chart?"
-        - "Generate a similar visualization with Python"
+        ### Tips
+        1. For best results, ask specific questions
+        2. The system can execute Python code - ask for code implementations
+        3. Try uploading different types of images (photos, charts, diagrams)
+        4. You can ask follow-up questions about previous responses
         """)
         
     return demo