Update space

app.py

@@ -0,0 +1,124 @@
+import gradio as gr
+from transformers import AutoModelForCausalLM, AutoTokenizer, TextIteratorStreamer
+from threading import Thread
+
+
+model_name =  "Hhsjsnns/PyCoder-QLoRA-v1"
+
+model = AutoModelForCausalLM.from_pretrained(model_name, dtype='auto', device_map='auto')
+tokenizer = AutoTokenizer.from_pretrained(model_name)
+tokenizer.pad_token = tokenizer.eos_token
+
+def PyCoder(message, history):
+
+    messages = [
+        {'role': 'system', 'content': "You are a PyCoder, an expert Python & AI assistant."}
+    ]
+
+
+    def extract_text(content):
+        if isinstance(content, list):
+            return " ".join(
+                block.get("text", "") for block in content if isinstance(block, dict)
+            )
+        return str(content)
+
+
+    for msg in history:
+        role = msg.get("role")
+        content = extract_text(msg.get("content"))
+
+        if role in ("user", "assistant") and content.strip():
+            messages.append({
+                "role": role,
+                "content": content
+            })
+    messages.append({"role": "user", "content": message})
+
+    
+
+    prompt = tokenizer.apply_chat_template(
+        messages,
+        tokenize = False,
+        add_generation_prompt = True
+    )
+
+    streamer = TextIteratorStreamer(
+        tokenizer,
+        skip_prompt=True,
+        skip_special_tokens = True
+    )
+
+    inputs = tokenizer(prompt, return_tensors='pt').to(model.device)
+
+    generation_args = {
+        'max_new_tokens': 300,
+        'streamer': streamer,
+        **inputs
+    }
+
+    thread = Thread(
+        target = model.generate,
+        kwargs=generation_args,
+    ) 
+
+    thread.start()
+
+    acc_text = ""
+
+    for token in streamer:
+        acc_text += token
+        yield acc_text
+
+
+
+    # Ensure the generation thread completes
+    thread.join()
+
+
+
+
+#---------------------UI---------------------------------
+
+
+
+with open("style.css", "r", encoding="utf-8") as f:
+    css = f.read()
+
+with gr.Blocks(css=css, theme=gr.themes.Soft()) as demo:
+
+    gr.HTML("""
+        <div class="app-header">
+            <span class="logo-glow">PyCoder</span>
+        </div>
+    """)
+
+    with gr.Column(elem_classes="chatbot"):
+        gr.ChatInterface(fn=PyCoder)
+
+
+
+    
+
+    with gr.Sidebar():
+
+
+        gr.HTML("""
+<div class="settings-card">
+    <div class="settings-title">⚙️ Settings</div>
+
+    <div class="settings-item">
+        <span>Model</span>
+        <span class="settings-badge">PyCoder-QLoRA-v1</span>
+    </div>
+
+    <div class="settings-item">
+        <span>Max Tokens</span>
+        <span class="settings-badge">300</span>
+    </div>
+</div>
+""")
+
+
+
+demo.launch(share=True)

requirements.txt

@@ -0,0 +1,5 @@
+transformers 
+torch
+tokenizers 
+gradio
+

style.css

@@ -0,0 +1,121 @@
+/* 🌌 Global background */
+body {
+    background: radial-gradient(
+        1200px circle at top,
+        #1b1f3b,
+        #0f1225 60%
+    );
+    color: #e8ebff;
+    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+/* 🧭 Header */
+.app-header {
+    position: sticky;
+    top: 0;
+    z-index: 50;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 64px;
+    margin-bottom: 14px;
+
+    background: rgba(20, 22, 45, 0.65);
+    backdrop-filter: blur(22px);
+    -webkit-backdrop-filter: blur(22px);
+
+    border-bottom: 1px solid rgba(255,255,255,0.08);
+    box-shadow:
+        0 8px 30px rgba(0,0,0,0.45),
+        inset 0 1px 0 rgba(255,255,255,0.05);
+}
+
+/* ✨ Logo Text */
+.logo-glow {
+    font-size: 26px;
+    font-weight: 700;
+    letter-spacing: 1px;
+
+    background: linear-gradient(
+        135deg,
+        #a78bfa,
+        #22d3ee
+    );
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+
+    text-shadow:
+        0 0 14px rgba(167,139,250,0.35),
+        0 0 26px rgba(34,211,238,0.2);
+}
+
+/* 🔥 Hover pulse */
+.logo-glow:hover {
+    text-shadow:
+        0 0 20px rgba(167,139,250,0.6),
+        0 0 36px rgba(34,211,238,0.35);
+}
+
+/* 💬 Chat container */
+.chatbot {
+    height: 75vh !important;
+    max-height: 75vh !important;
+
+    max-width: 92vw;
+    margin: 0 auto 20px auto;
+
+    background: rgba(255,255,255,0.02);
+    border-radius: 20px;
+    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
+}
+
+/* ⚙️ Settings Card */
+.settings-card {
+    background: rgba(255,255,255,0.07);
+    border-radius: 20px;
+    padding: 18px;
+    margin-bottom: 14px;
+
+    backdrop-filter: blur(18px);
+    border: 1px solid rgba(255,255,255,0.14);
+
+    box-shadow:
+        0 10px 32px rgba(0,0,0,0.45),
+        inset 0 1px 0 rgba(255,255,255,0.05);
+}
+
+/* ⚙️ Settings title */
+.settings-title {
+    font-size: 15px;
+    font-weight: 600;
+    margin-bottom: 14px;
+    color: #c7d2fe;
+    letter-spacing: 0.5px;
+}
+
+/* ⚙️ Setting rows */
+.settings-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 9px 0;
+    font-size: 14px;
+    color: #e0e7ff;
+}
+
+/* 🏷️ Badges */
+.settings-badge {
+    background: linear-gradient(
+        135deg,
+        rgba(167,139,250,0.25),
+        rgba(34,211,238,0.25)
+    );
+    padding: 5px 12px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    color: #ffffff;
+
+    box-shadow:
+        0 4px 14px rgba(34,211,238,0.35);
+}