Update app.py

app.py

@@ -20,20 +20,23 @@ def create_greeting_message(user_name: str, tone: str) -> str:
     
     return greeting_msg
 
-# Define components separately with labels matching function parameter names
-user_name_input = gr.Textbox(label="user_name", placeholder="Enter your name")
-tone_input = gr.Textbox(label="tone", placeholder="Enter friendly or hostile")
-result_output = gr.Textbox(label="greeting_msg")
+# Explicitly define the API function
+def api_create_greeting(user_name, tone):
+    return create_greeting_message(user_name, tone)
 
-# Create interface with explicit api_name
-demo = gr.Interface(
-    fn=create_greeting_message,
-    inputs=[user_name_input, tone_input],
-    outputs=result_output,
-    title="create user greetings",
-    description="creates user greeting text",
-    api_name="create_greeting_message"
-)
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("# Create User Greetings")
+            user_name = gr.Textbox(label="user_name", placeholder="Enter your name")
+            tone = gr.Textbox(label="tone", placeholder="Enter friendly or hostile")
+            result = gr.Textbox(label="Result")
+            btn = gr.Button("Generate Greeting")
+            btn.click(fn=create_greeting_message, inputs=[user_name, tone], outputs=result)
+    
+    # Explicitly define API endpoints
+    demo.queue()
+    demo.add_api_route("/create_greeting", api_create_greeting, methods=["POST"])
 
 if __name__ == "__main__":
-    demo.launch(mcp_server=True)
+    demo.launch(mcp_server=True, ssr_mode=False)