Update app.py

app.py

@@ -1,64 +1,44 @@
 import gradio as gr
-from huggingface_hub import InferenceClient
+from llmConnect import chat
 
+title = """
+<div style="text-align: center; padding: 20px">
+    <h1 style="color: #2B2A4C;">🛡️ Security Assistant</h1>
+    <p style="color: #444444;">Your trusted companion for identifying security threats</p>
+</div>
 """
-For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
-"""
-client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
-
-
-def respond(
-    message,
-    history: list[tuple[str, str]],
-    system_message,
-    max_tokens,
-    temperature,
-    top_p,
-):
-    messages = [{"role": "system", "content": system_message}]
-
-    for val in history:
-        if val[0]:
-            messages.append({"role": "user", "content": val[0]})
-        if val[1]:
-            messages.append({"role": "assistant", "content": val[1]})
-
-    messages.append({"role": "user", "content": message})
-
-    response = ""
-
-    for message in client.chat_completion(
-        messages,
-        max_tokens=max_tokens,
-        stream=True,
-        temperature=temperature,
-        top_p=top_p,
-    ):
-        token = message.choices[0].delta.content
-
-        response += token
-        yield response
-
 
+description = """
+### 🔒 How I Can Help You:
+- Analyze suspicious emails & links
+- Identify potential phishing attempts
+- Guide you through security best practices
+- Explain social engineering tactics
+
+### 💡 Example Questions:
+1. "Is this email suspicious?"
+2. "What are signs of phishing?"
+3. "How can I protect against social engineering?"
 """
-For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
+
+css = """
+.gradio-container {font-family: 'Inter', sans-serif}
+.chat-message {font-size: 16px !important; padding: 15px !important;}
+.chat-message-dark {background-color: #2B2A4C !important; color: white !important;}
+.chat-message-light {background-color: #f3f4f6 !important;}
 """
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
-    ],
-)
 
+gr.ChatInterface(
+    fn=chat,
+    chatbot=gr.Chatbot(height=500, bubble_full_width=False),
+    title=title,
+    description=description,
+    theme=gr.themes.Soft(),
+    css=css,
+    examples=[
+        ["Is this email a phishing attempt: 'Dear user, your account needs urgent verification. Click here.'"],
+        ["What are common signs of social engineering?"],
+        ["How can I verify if a sender's email is legitimate?"]
+    ],
 
-if __name__ == "__main__":
-    demo.launch()
+).launch()