Update app.py

app.py

@@ -87,13 +87,15 @@ HEADERS = {
 
 def query_deepseek(prompt):
     """Send a prompt to DeepSeek-R1 and get a response."""
+    english_prompt = f"Respond in English: {prompt}"  # Force English response
     payload = {
-        "inputs": prompt,
+        "inputs": english_prompt,
         "parameters": {
-            "max_new_tokens": 100,
-            "temperature": 0.6,
-            "top_p": 0.9,
-            "repetition_penalty": 1.2  # Added to reduce repetition
+            "max_new_tokens": 150,
+            "temperature": 0.7,
+            "top_p": 0.85,
+            "repetition_penalty": 1.3,
+            "do_sample": True
         }
     }
     
@@ -101,56 +103,45 @@ def query_deepseek(prompt):
         response = requests.post(MODEL_URL, headers=HEADERS, json=payload)
         response.raise_for_status()
         result = response.json()
-        
-        # Extract only the new response part
-        full_response = result[0]["generated_text"].strip()
-        if "Assistant: " in full_response:
-            # Split and get only the last assistant response
-            return full_response.split("Assistant: ")[-1].strip()
-        return full_response
-    except requests.exceptions.RequestException as e:
-        return f"Error: Could not connect to the API - {str(e)}"
-    except (KeyError, IndexError):
-        return "Error: Unexpected response format from API"
+        return result[0]["generated_text"].split("Assistant:")[-1].strip()
+    except Exception as e:
+        return f"Error: {str(e)}"
 
 def chat_interface(user_input, history):
     """Handle chatbot interaction with Gradio."""
-    prompt = f"User: {user_input}\nAssistant: "
-    response = query_deepseek(prompt)
+    response = query_deepseek(user_input)
     return response
 
-# Keep your original CSS unchanged
-css = """
-@keyframes gradient {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
+cyberpunk_css = """
+@keyframes matrix {
+    0% { background-position: 0% 0%; }
+    100% { background-position: 100% 100%; }
+}
+
+@keyframes glitch {
+    2% { transform: translate(2px, 0) skew(0deg); }
+    4% { transform: translate(-2px, 0) skew(0deg); }
+    96% { transform: translate(0, 0) skew(0deg); }
 }
 
 body {
-    background: linear-gradient(-45deg, #0f172a, #581c87, #1e1b4b, #0f172a);
-    background-size: 400% 400%;
-    animation: gradient 15s ease infinite;
-    color: #ffffff;
-    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+    background: #0a0a14;
+    color: #00ff9d;
+    font-family: 'Courier New', monospace;
+    overflow-x: hidden;
 }
 
-.container {
-    max-width: 800px !important;
-    margin: 0 auto !important;
-    padding: 20px !important;
-    position: relative !important;
+.gradio-container {
+    background: radial-gradient(circle at center, #1a1a2e 0%, #0a0a14 100%);
 }
 
 .gr-chat-interface {
-    background: rgba(255, 255, 255, 0.05);
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 24px;
-    padding: 25px;
-    box-shadow: 
-        0 8px 32px rgba(0, 0, 0, 0.2),
-        0 0 0 1px rgba(255, 255, 255, 0.05);
+    background: rgba(10, 10, 20, 0.95) !important;
+    border: 1px solid #4d00ff !important;
+    border-radius: 10px;
+    box-shadow: 0 0 20px #4d00ff33,
+                0 0 40px #4d00ff33,
+                inset 0 0 15px #4d00ff33;
     position: relative;
     overflow: hidden;
 }
@@ -159,151 +150,121 @@ body {
     content: '';
     position: absolute;
     top: -50%;
-    right: -50%;
-    width: 100%;
-    height: 100%;
-    background: radial-gradient(circle, rgba(147, 51, 234, 0.1) 0%, transparent 70%);
-    z-index: -1;
-}
-
-.gr-chat-interface::after {
-    content: '';
-    position: absolute;
-    bottom: -50%;
     left: -50%;
-    width: 100%;
-    height: 100%;
-    background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
-    z-index: -1;
-}
-
-.title {
-    background: linear-gradient(to right, #c084fc, #f0abfc, #93c5fd);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    font-size: 2.5em;
-    text-align: center;
-    margin-bottom: 10px;
-    font-weight: bold;
-    animation: gradient 6s ease infinite;
-    background-size: 200% auto;
-}
-
-.description {
-    color: rgba(255, 255, 255, 0.7);
-    text-align: center;
-    font-size: 1.1em;
-    margin-bottom: 30px;
+    width: 200%;
+    height: 200%;
+    background: linear-gradient(45deg, 
+        transparent 45%, 
+        #4d00ff 50%, 
+        transparent 55%);
+    animation: matrix 20s linear infinite;
+    opacity: 0.1;
 }
 
 .chatbot {
-    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
-    border: 1px solid rgba(255, 255, 255, 0.05);
-    border-radius: 16px;
-    padding: 20px;
-    margin-bottom: 20px;
-    height: 500px;
-    overflow-y: auto;
+    background: rgba(0, 0, 0, 0.3) !important;
+    border: 1px solid #00ff9d33 !important;
+    border-radius: 8px;
+    margin: 15px;
+    height: 60vh;
 }
 
 .message {
-    padding: 12px 20px;
-    margin: 8px 0;
-    border-radius: 16px;
-    animation: fadeIn 0.3s ease-out;
+    padding: 15px;
+    margin: 10px;
+    border-radius: 5px;
+    position: relative;
+    background: rgba(0, 255, 157, 0.05) !important;
+    border: 1px solid #00ff9d33 !important;
     backdrop-filter: blur(5px);
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
+    animation: glitch 5s infinite;
 }
 
 .user-message {
-    background: linear-gradient(to right, rgba(147, 51, 234, 0.1), rgba(236, 72, 153, 0.1));
-    border-left: 4px solid #c084fc;
-    margin-left: 20px;
+    border-left: 3px solid #4d00ff !important;
+    margin-left: 30px;
 }
 
 .bot-message {
-    background: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(14, 165, 233, 0.1));
-    border-right: 4px solid #60a5fa;
-    margin-right: 20px;
+    border-right: 3px solid #00ff9d !important;
+    margin-right: 30px;
 }
 
 input[type="text"] {
-    background: rgba(0, 0, 0, 0.2) !important;
-    border: 2px solid rgba(255, 255, 255, 0.1) !important;
-    border-radius: 12px !important;
-    color: #ffffff !important;
-    padding: 15px !important;
-    font-size: 1.1em !important;
-    transition: all 0.3s ease !important;
-    backdrop-filter: blur(5px) !important;
-}
-
-input[type="text"]:focus {
-    border-color: #c084fc !important;
-    box-shadow: 0 0 15px rgba(147, 51, 234, 0.2) !important;
+    background: rgba(0, 0, 0, 0.5) !important;
+    border: 1px solid #4d00ff !important;
+    color: #00ff9d !important;
+    padding: 12px !important;
+    font-family: 'Courier New' !important;
+    border-radius: 5px !important;
+    box-shadow: 0 0 10px #4d00ff33 !important;
 }
 
 #submit_btn {
-    background: linear-gradient(135deg, #c084fc 0%, #60a5fa 100%) !important;
-    color: #ffffff !important;
+    background: linear-gradient(45deg, #4d00ff, #00ff9d) !important;
+    color: #000 !important;
     border: none !important;
-    padding: 12px 30px !important;
-    border-radius: 12px !important;
-    font-size: 1.1em !important;
-    font-weight: 600 !important;
-    transition: all 0.3s ease !important;
+    padding: 12px 25px !important;
+    border-radius: 5px !important;
+    font-weight: bold !important;
     text-transform: uppercase !important;
-    letter-spacing: 1px !important;
-    backdrop-filter: blur(5px) !important;
+    letter-spacing: 2px !important;
+    transition: 0.3s !important;
 }
 
 #submit_btn:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 5px 15px rgba(147, 51, 234, 0.3) !important;
-    background: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%) !important;
+    box-shadow: 0 0 20px #00ff9d66 !important;
+    transform: scale(1.05) !important;
+}
+
+.title {
+    font-size: 2.5em;
+    text-align: center;
+    text-shadow: 0 0 10px #00ff9d;
+    animation: glitch 5s infinite;
+    position: relative;
 }
 
-#submit_btn:active {
-    transform: translateY(1px) !important;
+.description {
+    color: #4d00ff;
+    text-align: center;
+    font-size: 1.2em;
+    margin-bottom: 2em;
 }
 
-/* Custom Scrollbar */
 ::-webkit-scrollbar {
     width: 8px;
 }
 
-::-webkit-scrollbar-track {
-    background: rgba(0, 0, 0, 0.2);
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(#4d00ff, #00ff9d);
     border-radius: 4px;
 }
 
-::-webkit-scrollbar-thumb {
-    background: linear-gradient(to bottom, #c084fc, #60a5fa);
-    border-radius: 4px;
+@keyframes terminal-blink {
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 
-::-webkit-scrollbar-thumb:hover {
-    background: linear-gradient(to bottom, #a855f7, #3b82f6);
+.message::after {
+    content: '|';
+    animation: terminal-blink 1s infinite;
+    color: #00ff9d;
+    position: absolute;
+    right: 10px;
 }
 """
 
 interface = gr.ChatInterface(
     fn=chat_interface,
-    title="LocoBot: DeepSeek-R1 Chatbot",
-    description="Chat with DeepSeek-R1 powered by Hugging Face Inference API.",
-    theme="default",
-    css=css
+    title="⚡ CYBER-CHAT 3000 ⚡",
+    description="> ENGLISH-ONLY NEURAL INTERFACE // v1.3.37",
+    theme=gr.themes.Default(
+        primary_hue="cyan",
+        secondary_hue="purple"
+    ),
+    css=cyberpunk_css
 )
 
 if __name__ == "__main__":