update examples

app.py

@@ -17,8 +17,10 @@ logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(
 logger = logging.getLogger(__name__)
 
 # Azure ML endpoint configuration
-url = os.getenv("AZURE_ENDPOINT")
-api_key = os.getenv("AZURE_API_KEY")
+# url = os.getenv("AZURE_ENDPOINT")
+# api_key = os.getenv("AZURE_API_KEY")
+url = "https://nguyenbach-phi4mm.westus3.inference.ml.azure.com/score"
+api_key = "Cvrjxi2JNjDYYGQwclnfvaBt38Gbc001LaF6KS0z7PeW00XWxjWjJQQJ99BBAAAAAAAAAAAAINFRAZMLuz96"
 
 
 # Initialize MIME types
@@ -296,6 +298,39 @@ def process_message(history, message, conversation_state):
     
     return history, gr.MultimodalTextbox(value=None, interactive=False), conversation_state
 
+def process_text_example(example_text, history, conversation_state):
+    """Process a text example directly."""
+    try:
+        # Initialize history and conversation_state if they're None
+        if history is None:
+            history = []
+        
+        if conversation_state is None:
+            conversation_state = []
+        
+        # Add text message to history for display
+        history.append({"role": "user", "content": example_text})
+        
+        # Add to conversation state
+        content_items = [
+            {"type": "text", "text": example_text}
+        ]
+        
+        conversation_state.append({
+            "role": "user",
+            "content": content_items
+        })
+        
+        # Generate bot response
+        return bot_response(history, conversation_state)
+    except Exception as e:
+        logger.error(f"Error processing text example: {e}", exc_info=True)
+        if history is None:
+            history = []
+        history.append({"role": "user", "content": example_text})
+        history.append({"role": "assistant", "content": f"Error: {str(e)}"})
+        return history, conversation_state
+
 def process_audio_example_direct(example_text, example_audio_url, history, conversation_state):
     """Process an audio example directly from a URL."""
     try:
@@ -567,22 +602,18 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         
         with gr.Column(scale=1):
             with gr.Tab("Audio & Text"):
-                gr.Markdown("### Audio Examples")
-                
                 # Example 1
-                gr.Markdown("Example 1: **Transcribe this audio clip**")
                 gr.Audio("https://diamondfan.github.io/audio_files/english.weekend.plan.wav", 
                          label="Preview", elem_id="small-audio")
 
-                example1_btn = gr.Button("Run it", size="sm")
+                example1_btn = gr.Button("Transcribe this audio clip")
                     
                 gr.Markdown("-----")
                 
                 # Example 2
-                gr.Markdown("Example 2: **Translate audio transcription to English**")
                 gr.Audio("https://diamondfan.github.io/audio_files/japanese.seattle.trip.report.wav", 
                          label="Preview", elem_id="small-audio")
-                example2_btn = gr.Button("Run it", size="sm")
+                example2_btn = gr.Button("Translate audio transcription to English")
                 
                 # Define handlers for audio examples
                 def run_audio_example1():
@@ -614,14 +645,12 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
             
             with gr.Tab("Image & Text"):
                 # Example 1
-                gr.Markdown("Example 1: **Write a limerick about this image**")
                 gr.Image("https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Hanoi_Temple_of_Literature.jpg/640px-Hanoi_Temple_of_Literature.jpg", label="Preview")
-                img_example1_btn = gr.Button("Run it", size="sm")
+                img_example1_btn = gr.Button("Write a limerick about this image")
                 
                 # Example 2
-                gr.Markdown("Example 2: **convert the chart to a markdown table**")
                 gr.Image("https://pub-c2c1d9230f0b4abb9b0d2d95e06fd4ef.r2.dev/sites/566/2024/09/Screenshot-2024-09-16-115417.png", label="Preview")
-                img_example2_btn = gr.Button("Run it", size="sm")
+                img_example2_btn = gr.Button("Convert the chart to a markdown table")
                 
                 # Define handlers for image examples
                 def run_image_example1():
@@ -633,7 +662,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 
                 def run_image_example2():
                     return process_image_example_direct(
-                        "convert the chart to a markdown table", 
+                        "Convert the chart to a markdown table", 
                         "https://pub-c2c1d9230f0b4abb9b0d2d95e06fd4ef.r2.dev/sites/566/2024/09/Screenshot-2024-09-16-115417.png",
                         [], []
                     )
@@ -652,15 +681,25 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
                 )
 
             with gr.Tab("Text Only"):
-                text_examples = gr.Examples(
-                    examples=[
-                        ["I'd like to buy a new car. Start by asking me about my budget and which features I care most about, then provide a recommendation."],
-                        ["Coffee shops have been slimming down their menus lately. Is less choice making our coffee runs better or do we miss the variety?"],
-                        ["Explain the Transformer model to a medieval knight"],
-                    ],
-                    inputs=chat_input,
-                    label="Text Examples"
-                )
+                # Create a list of example texts
+                text_example_list = [
+                    "I'd like to buy a new car. Start by asking me about my budget and which features I care most about, then provide a recommendation.",
+                    "Coffee shops have been slimming down their menus lately. Is less choice making our coffee runs better or do we miss the variety?",
+                    "Explain the Transformer model to a medieval knight"
+                ]
+                
+                # Create buttons for each example
+                for i, example_text in enumerate(text_example_list):
+                    with gr.Row():
+                        # gr.Markdown(f"Example {i+1}: **{example_text}**")
+                        text_example_btn = gr.Button(f"{example_text}")
+                        
+                        # Connect button to handler with the specific example text
+                        text_example_btn.click(
+                            fn=lambda text=example_text: process_text_example(text, [], []),
+                            inputs=[],
+                            outputs=[chatbot, conversation_state]
+                        )
             
             gr.Markdown("### Instructions")
             gr.Markdown("""