Update app.py

app.py

@@ -195,6 +195,43 @@ def clear_chat():
 with gr.Blocks() as demo:
     gr.Markdown("## GPT-4.5 Preview Chatbot")
 
+    with gr.Accordion("How to Use This App!", open=False):
+    gr.Markdown("""
+    ### Getting Started:
+    1. Enter your OpenAI API key in the field at the top and click "Set API Key"
+    2. Adjust the hyperparameters if needed (Temperature, Top-P, Max Output Tokens)
+    
+    ### Using the Different Tabs:
+    
+    #### Image URL Chat
+    - Paste an image URL in the field
+    - Enter your question about the image
+    - Click "Ask" to get a response
+    
+    #### Text Chat
+    - Simply type your query in the text field
+    - Click "Ask" to get a response
+    
+    #### Image Chat
+    - Upload an image from your device
+    - Enter your question about the uploaded image
+    - Click "Ask" to get a response
+    
+    #### PDF Chat
+    - Upload a PDF document
+    - Ask questions about the PDF content
+    - Click "Ask" to get a response
+    
+    #### Voice Chat
+    - **Upload Audio:** Upload an audio file, click "Transcribe Audio", then click "Ask"
+    - **Record Audio:** Record your voice, click "Transcribe Recording", then click "Ask"
+    
+    ### Tips:
+    - Use the "Clear Chat" button to reset all fields
+    - For more creative responses, try increasing the Temperature
+    - For longer responses, increase the Max Output Tokens
+    """)
+
     # Accordion for explaining hyperparameters
     with gr.Accordion("Hyperparameters", open=False):
         gr.Markdown("""