Create app.py

app.py

@@ -0,0 +1,156 @@
+import os
+import json
+import requests
+import gradio as gr
+from openai import OpenAI
+
+# Load API keys from Hugging Face Secrets
+OPENAI_API_KEY = os.environ["OPENAI_API_KEY"]
+WEATHER_API_KEY = os.environ["WEATHER_API_KEY"]
+
+client = OpenAI(api_key=OPENAI_API_KEY)
+
+# Weather Function
+def get_current_weather(location, unit='celsius'):
+    url = (
+        f"http://api.openweathermap.org/data/2.5/weather"
+        f"?q={location}"
+        f"&appid={WEATHER_API_KEY}"
+        f"&units=metric"
+    )
+    response = requests.get(url)
+    data = response.json()
+
+    if response.status_code != 200:
+        return {"error": data.get("message", "Weather data unavailable")}
+
+    return {
+        "location": location,
+        "temperature": data["main"]["temp"],
+        "humidity": data["main"]["humidity"],
+        "weather": data["weather"][0]["description"]
+    }
+
+# Chat logic
+def weather_chat(user_message):
+    try:
+        tools = [
+            {
+                "type": "function",
+                "function": {
+                    "name": "get_current_weather",
+                    "description": "Get current weather information for a city",
+                    "parameters": {
+                        "type": "object",
+                        "properties": {
+                            "location": {"type": "string", "description": "City name"}
+                        },
+                        "required": ["location"]
+                    }
+                }
+            }
+        ]
+
+        messages = [
+            {
+                "role": "system",
+                "content": """
+                You are a professional weather bot/assistant.
+                Rules:
+                - Answer weather-related questions.
+                - Use Celsius and Fahrenheit only.
+                - If the question is unrelated to weather, politely decline.
+                """
+            },
+            {"role": "user", "content": user_message}
+        ]
+
+        response = client.chat.completions.create(
+            model="gpt-5-nano",
+            messages=messages,
+            tools=tools
+        )
+
+        assistant_message = response.choices[0].message
+
+        if assistant_message.tool_calls:
+            tool_call = assistant_message.tool_calls[0]
+            args = json.loads(tool_call.function.arguments)
+            weather_data = get_current_weather(args["location"])
+
+            messages.append(assistant_message)
+            messages.append(
+                {
+                    "role": "tool",
+                    "tool_call_id": tool_call.id,
+                    "content": json.dumps(weather_data)
+                }
+            )
+
+            final_response = client.chat.completions.create(
+                model="gpt-5-nano",
+                messages=messages
+            )
+            return final_response.choices[0].message.content
+        else:
+            return assistant_message.content
+
+    except Exception:
+        return "Hello! I'm here to provide weather updates only. Please ask me questions related to weather."
+
+# -----------------------------
+# Custom Modern Theme + CSS
+# -----------------------------
+custom_css = """YOUR CSS FROM ABOVE (unchanged)"""
+
+def respond(message, history):
+    if not message:
+        return "", history
+    response = weather_chat(message)
+    history.append({"role": "user", "content": message})
+    history.append({"role": "assistant", "content": response})
+    return "", history
+
+with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
+    gr.HTML(
+        '''
+        <div class="main-title">🌦️ SkyMind WeatherAI 🌤️</div>
+        <div class="sub-title">Intelligent Real-time Weather Updates Forecast Assistant 🌍</div>
+        '''
+    )
+
+    with gr.Column(elem_classes="weather-card"):
+        chatbot = gr.Chatbot(
+            type="messages",
+            height=500,
+            bubble_full_width=False,
+            avatar_images=(None, "https://cdn-icons-png.flaticon.com/512/1779/1779940.png"),
+            allow_tags=False
+        )
+
+        msg = gr.Textbox(
+            placeholder="Ask weather like: Weather in Dubai, Mumbai, Shanghai?...",
+            lines=1,
+            show_label=False
+        )
+
+        with gr.Row():
+            submit_btn = gr.Button("🚀 Get Weather", variant="primary")
+            copy_btn = gr.Button("📋 Copy Answer")
+
+    copy_js = """
+        function copyToClipboard() {
+            const messages = document.querySelectorAll('.message.bot');
+            if (messages.length > 0) {
+                const latestMessage = messages[messages.length - 1].innerText;
+                navigator.clipboard.writeText(latestMessage);
+                alert("✅ Weather response copied!");
+            }
+        }
+    """
+
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+    submit_btn.click(respond, [msg, chatbot], [msg, chatbot])
+    copy_btn.click(None, None, None, js=copy_js)
+
+    demo.launch(server_name="0.0.0.0", server_port=7860)