Change UI and fix API not found

README.md

@@ -4,7 +4,7 @@ emoji: 🦙
 colorFrom: blue
 colorTo: purple
 sdk: gradio
-sdk_version: 5.9.1
+sdk_version: 4.44.1
 app_file: app.py
 pinned: false
 license: apache-2.0

app.py

@@ -44,7 +44,9 @@ def chat(message, history):
         echo=False
     )
 
-    return response['choices'][0]['text'].strip()
+    bot_response = response['choices'][0]['text'].strip()
+    history.append((message, bot_response))
+    return history, ""
 
 # Clean terminal/hacker CSS
 custom_css = """
@@ -75,10 +77,6 @@ h1 {
 }
 
 /* Chatbot messages */
-.message-wrap {
-    background: #0c0c0c !important;
-}
-
 .message {
     background: #1a1a1a !important;
     border-left: 3px solid #00ff00 !important;
@@ -170,24 +168,51 @@ pre, code {
 }
 """
 
-# Create interface using ChatInterface
-demo = gr.ChatInterface(
-    fn=chat,
-    title="$ LLAMA TERMINAL",
-    description="```\n> System Online | Neural Network Active\n> Type your query below...\n```",
+# Create interface using Blocks
+with gr.Blocks(
     theme=gr.themes.Base(primary_hue="green"),
     css=custom_css,
-    examples=[
-        "What is the capital of France?",
-        "Explain quantum computing",
-        "Write fibonacci in Python",
-        "Optimize sleep patterns",
-        "Continue: 2, 4, 6, 8...",
-        "Write a haiku about AI",
-    ],
-    chatbot=gr.Chatbot(height=600, show_copy_button=True, type='tuples'),
-    textbox=gr.Textbox(placeholder="$ Enter command...", container=False, scale=7),
-)
+    title="$ LLAMA TERMINAL"
+) as demo:
+
+    gr.Markdown(
+        """
+        # $ LLAMA TERMINAL
+        ```
+        > System Online | Neural Network Active
+        > Type your query below...
+        ```
+        """
+    )
+
+    chatbot = gr.Chatbot(height=600)
+
+    with gr.Row():
+        msg = gr.Textbox(
+            placeholder="$ Enter command...",
+            show_label=False,
+            scale=8,
+            container=False
+        )
+        submit = gr.Button("SEND", scale=1, variant="primary")
+
+    gr.Examples(
+        examples=[
+            "What is the capital of France?",
+            "Explain quantum computing",
+            "Write fibonacci in Python",
+            "Optimize sleep patterns",
+            "Continue: 2, 4, 6, 8...",
+            "Write a haiku about AI",
+        ],
+        inputs=msg
+    )
+
+    clear = gr.ClearButton([msg, chatbot], value="CLEAR")
+
+    # Event handlers
+    submit.click(chat, [msg, chatbot], [chatbot, msg])
+    msg.submit(chat, [msg, chatbot], [chatbot, msg])
 
 if __name__ == "__main__":
     demo.queue()

requirements.txt

@@ -1,3 +1,3 @@
-gradio>=5.9.1
-huggingface_hub>=0.26.5
+gradio==4.44.1
+huggingface_hub==0.25.2
 llama-cpp-python==0.2.90