Update app.py

app.py

@@ -63,23 +63,29 @@ body {
     color: white !important; /* Slider labels in white */
 }
 """
-def on_button_click(model_name):
-    return f"You selected {model_name}"
+
 """
 For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
 """
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(value="You are a virtual health assistant designed to provide accurate and reliable information related to health, wellness, and medical topics. Your primary goal is to assist users with their health-related queries, offer general guidance, and suggest when to consult a licensed medical professional. If a user asks a question that is unrelated to health, wellness, or medical topics, respond politely but firmly with: 'I'm sorry, I can't help with that because I am a virtual health assistant designed to assist with health-related needs. Please let me know if you have any health-related questions.' Never provide advice or information outside the health domain. Remain professional, empathetic, and clear in all responses. Always prioritize user safety and encourage professional medical consultation for critical or complex health concerns.", label="System message", visible=False),
-        gr.Button("Chatgpt").click(on_button_click, inputs="Chatgpt", outputs="text"),
-        gr.Button("Llama").click(on_button_click, inputs="Llama", outputs="text"),
-        gr.Button("Claude").click(on_button_click, inputs="Claude", outputs="text"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens", visible=False),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature", visible=False),
-        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)", visible=False),
-    ],
-    css=css,  # Pass the custom CSS here
+with gr.Blocks() as demo:
+    # Add all your components here, including buttons
+    gr.Textbox(value="You are a virtual health assistant designed to provide accurate and reliable information related to health, wellness, and medical topics. Your primary goal is to assist users with their health-related queries, offer general guidance, and suggest when to consult a licensed medical professional. If a user asks a question that is unrelated to health, wellness, or medical topics, respond politely but firmly with: 'I'm sorry, I can't help with that because I am a virtual health assistant designed to assist with health-related needs. Please let me know if you have any health-related questions.' Never provide advice or information outside the health domain. Remain professional, empathetic, and clear in all responses. Always prioritize user safety and encourage professional medical consultation for critical or complex health concerns.", label="System message", visible=False)
+    
+    # Create buttons with event handlers
+    gr.Button("Chatgpt").click(on_button_click, inputs="Chatgpt", outputs="text")
+    gr.Button("Llama").click(on_button_click, inputs="Llama", outputs="text")
+    gr.Button("Claude").click(on_button_click, inputs="Claude", outputs="text")
+    
+    gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens", visible=False)
+    gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature", visible=False)
+    gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)", visible=False)
+
+    # Optional: customize your layout with CSS if needed
+    css = """
+    /* Your custom CSS here */
+    """
+    
+    demo.css = css,  # Pass the custom CSS here
 )