Create app.py

app.py

@@ -0,0 +1,90 @@
+import os
+import gradio as gr
+from openai import OpenAI
+
+# Initialize client with Hugging Face OpenAI-compatible endpoint
+client = OpenAI(
+    base_url="https://router.huggingface.co/v1",
+    api_key=os.environ["HF_TOKEN"],  # Hugging Face token stored in Secrets
+)
+
+# Function to handle chat conversation
+def chat_with_deepseek(message, history):
+    try:
+        # Convert Gradio history into OpenAI format
+        messages = []
+        for user_msg, bot_msg in history:
+            messages.append({"role": "user", "content": user_msg})
+            messages.append({"role": "assistant", "content": bot_msg})
+        messages.append({"role": "user", "content": message})
+
+        completion = client.chat.completions.create(
+            model="deepseek-ai/DeepSeek-V3.1:fireworks-ai",
+            messages=messages,
+        )
+
+        reply = completion.choices[0].message.content
+        return reply
+    except Exception as e:
+        return f"⚠️ Error: {str(e)}"
+
+# Gradio Chat UI
+with gr.Blocks(theme="soft", css="""
+#chatbot {
+    border: 2px solid #8e44ad !important;
+    border-radius: 12px !important;
+    padding: 10px;
+}
+#inputbox textarea {
+    border: 2px solid #8e44ad !important;
+    border-radius: 8px !important;
+    padding: 8px;
+    font-size: 15px;
+}
+#submitbtn {
+    border: 2px solid #8e44ad !important;
+    border-radius: 8px !important;
+    background: #8e44ad !important;
+    color: white !important;
+    font-weight: bold !important;
+    padding: 10px 20px;
+}
+#submitbtn:hover {
+    background: #732d91 !important;
+    border-color: #732d91 !important;
+}
+""") as demo:
+    gr.HTML(
+        """
+        <div style="text-align: center; padding: 15px;">
+            <h1 style="color: #2C3E50; margin-bottom: 5px;">🤖 AI Text Assistant</h1>
+            <h2 style="color: #8e44ad; margin-top: 0;">Powered by DeepSeek 3.1</h2>
+            <p style="font-size: 16px; color: #555;">
+                Have a conversation with DeepSeek — your AI-powered assistant.
+            </p>
+        </div>
+        """
+    )
+
+    chatbot = gr.Chatbot(label="💬 Conversation", elem_id="chatbot")
+    user_input = gr.Textbox(
+        label="✍️ Your Message",
+        placeholder="Type a message and press Enter...",
+        lines=2,
+        elem_id="inputbox"
+    )
+    submit_btn = gr.Button("Send", elem_id="submitbtn")
+
+    # Event: when user submits input
+    submit_btn.click(
+        fn=chat_with_deepseek,
+        inputs=[user_input, chatbot],
+        outputs=chatbot
+    )
+    user_input.submit(
+        fn=chat_with_deepseek,
+        inputs=[user_input, chatbot],
+        outputs=chatbot
+    )
+
+demo.launch()