Update app.py

app.py

@@ -98,18 +98,8 @@ def bot_streaming(message, history, api_key, model, system_prompt, temperature,
 
 
 with gr.Blocks(theme=gr.themes.Soft()) as demo:
-    gr.Markdown("""
-    # 🤖 Google Gemini API Multimodal Chat
-
-    Chat with Google Gemini AI models. Supports text and image interactions.
-
-    ## 🚀 Quick Start:
-    1. Enter your Google AI API key
-    2. Choose a model
-    3. Start chatting!
-
-    Enjoy your AI-powered conversation!
-    """)
+    gr.Markdown("#💬 Chat with Google Gemini AI ")
+    gr.Markdown("### Upload images or type your message to start the conversation.")
 
     api_key = gr.Textbox(label="API Key", type="password", placeholder="Enter your Google AI API key")
     model = gr.Dropdown(
@@ -130,28 +120,45 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     )
     system_prompt = gr.Textbox(label="System Prompt", placeholder="Enter a system prompt (optional)")
     
-    with gr.Row():  
-        chatbot = gr.ChatInterface(
-            fn=bot_streaming,
-            additional_inputs=[
-                api_key, model, system_prompt, gr.Slider(minimum=0, maximum=1, value=0.7, step=0.1, label="Temperature"),
-                gr.Slider(minimum=1, maximum=2048, value=1000, step=1, label="Max Tokens"), gr.Slider(minimum=0, maximum=1, value=0.95, step=0.01, label="Top P"),
-                gr.Slider(minimum=1, maximum=40, value=40, step=1, label="Top K"),
-                gr.Dropdown(label="Harassment", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
-                gr.Dropdown(label="Hate Speech", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
-                gr.Dropdown(label="Sexually Explicit", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
-                gr.Dropdown(label="Dangerous Content", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE")
-            ],
-            title="💬 Chat with Google Gemini AI",
-            description="Upload images or type your message to start the conversation.",
-            retry_btn="🔄 Retry",
-            undo_btn="↩️ Undo",
-            clear_btn="🗑️ Clear",
-            multimodal=True,
-            cache_examples=False,
-            fill_height=True,
+    chatbot = gr.ChatInterface(
+        fn=bot_streaming,
+        additional_inputs=[
+            api_key, model, system_prompt, gr.Slider(minimum=0, maximum=1, value=0.7, step=0.1, label="Temperature"),
+            gr.Slider(minimum=1, maximum=2048, value=1000, step=1, label="Max Tokens"), gr.Slider(minimum=0, maximum=1, value=0.95, step=0.01, label="Top P"),
+            gr.Slider(minimum=1, maximum=40, value=40, step=1, label="Top K"),
+            gr.Dropdown(label="Harassment", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
+            gr.Dropdown(label="Hate Speech", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
+            gr.Dropdown(label="Sexually Explicit", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE"),
+            gr.Dropdown(label="Dangerous Content", choices=["BLOCK_NONE", "BLOCK_ONLY_HIGH", "BLOCK_MEDIUM_AND_ABOVE", "BLOCK_LOW_AND_ABOVE"], value="BLOCK_MEDIUM_AND_ABOVE")
+        ],
+        retry_btn="🔄 Retry",
+        undo_btn="↩️ Undo",
+        clear_btn="🗑️ Clear",
+        multimodal=True,
+        cache_examples=False,
+        fill_height=True,
         )
 
+
+
+
+
+    
+    gr.Markdown("""
+    # 🤖 Google Gemini API Multimodal Chat
+
+    Chat with Google Gemini AI models. Supports text and image interactions.
+
+    ## 🚀 Quick Start:
+    1. Enter your Google AI API key
+    2. Choose a model
+    3. Start chatting!
+
+    Enjoy your AI-powered conversation!
+    """)
+
+    
+
     gr.Markdown("""
     ## 🔧 Settings:
     - Adjust basic parameters in the "Common Settings" section