Create app.py

app.py

@@ -0,0 +1,75 @@
+import gradio as gr
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer, TextIteratorStreamer
+from threading import Thread
+
+model_id = "ZyperAI/Z-AI-0.1-1.1B-Code.web"
+tokenizer = AutoTokenizer.from_pretrained(model_id)
+model = AutoModelForCausalLM.from_pretrained(
+    model_id, 
+    torch_dtype=torch.float32, 
+    device_map="cpu"
+)
+
+def generate_code(prompt, history):
+    messages = []
+    for human, assistant in history:
+        messages.append({"role": "user", "content": human})
+        messages.append({"role": "assistant", "content": assistant})
+    messages.append({"role": "user", "content": prompt})
+    
+    inputs = tokenizer.apply_chat_template(messages, add_generation_prompt=True, return_tensors="pt").to("cpu")
+    streamer = TextIteratorStreamer(tokenizer, skip_prompt=True, skip_special_tokens=True)
+    
+    generation_kwargs = dict(
+        inputs=inputs,
+        streamer=streamer,
+        max_new_tokens=1024,
+        do_sample=True,
+        temperature=0.7,
+        top_p=0.9
+    )
+    
+    thread = Thread(target=model.generate, kwargs=generation_kwargs)
+    thread.start()
+    
+    response = ""
+    for new_text in streamer:
+        response += new_text
+        yield response
+
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", neutral_hue="slate")) as demo:
+    gr.Markdown("# **Z-AI Web Coder**")
+    gr.Markdown("### *Professional AI Coding Assistant Powered by ZyperAI*")
+    
+    chatbot = gr.Chatbot(
+        height=600, 
+        show_copy_button=True, 
+        bubble_full_width=False,
+        type="messages"
+    )
+    
+    with gr.Row():
+        msg = gr.Textbox(
+            placeholder="Describe the web component or function you need...",
+            show_label=False,
+            scale=9
+        )
+        submit = gr.Button("Send", variant="primary", scale=1)
+
+    gr.Examples(
+        examples=[
+            "Create a responsive navigation bar using Tailwind CSS.",
+            "Write a JavaScript function to fetch data from an API and display it in a table.",
+            "Design a modern dark mode toggle using CSS variables."
+        ],
+        inputs=msg
+    )
+
+    msg.submit(generate_code, [msg, chatbot], [chatbot])
+    submit.click(generate_code, [msg, chatbot], [chatbot])
+    msg.submit(lambda: "", None, [msg])
+    submit.click(lambda: "", None, [msg])
+
+if __name__ == "__main__":
+    demo.launch()