Create app.py

app.py

@@ -0,0 +1,133 @@
+import gradio as gr
+import spaces
+from transformers import AutoModelForCausalLM, AutoTokenizer
+import torch
+
+model_name = "rubenroy/Zurich-7b-GCv2-5m"
+model = AutoModelForCausalLM.from_pretrained(
+    model_name,
+    torch_dtype=torch.bfloat16,
+    device_map="auto"
+)
+tokenizer = AutoTokenizer.from_pretrained(model_name)
+
+@spaces.GPU
+def generate(prompt, history):
+    messages = [
+        {"role": "system", "content": "You are Zurich, a 7 billion parameter Large Language model built on the Qwen 2.5 7B model developed by Alibaba Cloud, and fine-tuned by Ruben Roy. You have been fine-tuned with the GammaCorpus v2 dataset, a dataset filled with structured and filtered multi-turn conversations and was also created by Ruben Roy. You are a helpful assistant."},
+        {"role": "user", "content": prompt}
+    ]
+    text = tokenizer.apply_chat_template(
+        messages,
+        tokenize=False,
+        add_generation_prompt=True
+    )
+    model_inputs = tokenizer([text], return_tensors="pt").to(model.device)
+    generated_ids = model.generate(
+        **model_inputs,
+        max_new_tokens=512
+    )
+    generated_ids = [
+        output_ids[len(input_ids):] for input_ids, output_ids in zip(model_inputs.input_ids, generated_ids)
+    ]
+    response = tokenizer.batch_decode(generated_ids, skip_special_tokens=True)[0]
+    return response
+
+TITLE_HTML = """
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+<style>
+    .model-btn {
+        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+        color: white !important;
+        padding: 0.75rem 1rem;
+        border-radius: 0.5rem;
+        text-decoration: none !important;
+        font-weight: 500;
+        transition: all 0.2s ease;
+        font-size: 0.9rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    }
+    .model-btn:hover {
+        background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
+        box-shadow: 0 4px 6px rgba(0,0,0,0.2);
+    }
+    .model-section {
+        flex: 1;
+        max-width: 450px;
+        background: rgba(255, 255, 255, 0.05);
+        padding: 1.5rem;
+        border-radius: 1rem;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        backdrop-filter: blur(10px);
+        transition: all 0.3s ease;
+    }
+    .info-link {
+        color: #60a5fa;
+        text-decoration: none;
+        transition: color 0.2s ease;
+    }
+    .info-link:hover {
+        color: #93c5fd;
+        text-decoration: underline;
+    }
+    .info-section {
+        margin-top: 0.5rem;
+        font-size: 0.9rem;
+        color: #94a3b8;
+    }
+</style>
+
+<div style="background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); padding: 1.5rem; border-radius: 1.5rem; text-align: center; margin: 1rem auto; max-width: 1200px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
+    <div style="margin-bottom: 1.5rem;">
+        <div style="display: flex; align-items: center; justify-content: center; gap: 1rem;">
+            <h1 style="font-size: 2.5rem; font-weight: 800; margin: 0; background: linear-gradient(135deg, #60a5fa 0%, #93c5fd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Zurich</h1>
+            <div style="width: 2px; height: 2.5rem; background: linear-gradient(180deg, #3b82f6 0%, #60a5fa 100%);"></div>
+            <p style="font-size: 1.25rem; color: #94a3b8; margin: 0;">GammaCorpus v2-5m</p>
+        </div>
+        <div class="info-section">
+            <span>Fine-tuned from <a href="https://huggingface.co/Qwen/Qwen2.5-7B-Instruct" class="info-link">Qwen 2.5 7B Instruct</a> | Model: <a href="https://huggingface.co/rubenroy/Zurich-7b-GCv2-5m" class="info-link">Zurich-7b-GCv2-5m</a> | Training Dataset: <a href="https://huggingface.co/datasets/rubenroy/GammaCorpus-v2-5m" class="info-link">GammaCorpus v2 5m</a></span>
+        </div>
+    </div>
+
+    <div style="display: flex; gap: 1.5rem; justify-content: center;">
+        <div class="model-section">
+            <h2 style="font-size: 1.25rem; color: #e2e8f0; margin-bottom: 1rem; margin-top: 1px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 0.7rem;">
+                <i class="fas fa-brain"></i>
+                7B Models
+            </h2>
+            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;">
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-5m" class="model-btn">Zurich 7B GCv2 5m</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-1m" class="model-btn">Zurich 7B GCv2 1m</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-500k" class="model-btn">Zurich 7B GCv2 500k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-100k" class="model-btn">Zurich 7B GCv2 100k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-50k" class="model-btn">Zurich 7B GCv2 50k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-7B-GCv2-10k" class="model-btn">Zurich 7B GCv2 10k</a>
+            </div>
+        </div>
+        <div class="model-section">
+            <h2 style="font-size: 1.25rem; color: #e2e8f0; margin-bottom: 1rem; margin-top: 1px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 0.7rem;">
+                <i class="fas fa-rocket"></i>
+                14B Models
+            </h2>
+            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;">
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-5m" class="model-btn">Zurich 14B GCv2 5m</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-1m" class="model-btn">Zurich 14B GCv2 1m</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-500k" class="model-btn">Zurich 14B GCv2 500k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-100k" class="model-btn">Zurich 14B GCv2 100k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-50k" class="model-btn">Zurich 14B GCv2 50k</a>
+                <a href="https://huggingface.co/spaces/rubenroy/Zurich-14B-GCv2-10k" class="model-btn">Zurich 14B GCv2 10k</a>
+            </div>
+        </div>
+    </div>
+</div>
+"""
+
+with gr.Blocks() as demo:
+    gr.HTML(TITLE_HTML)
+    chat_interface = gr.ChatInterface(
+        fn=generate,
+    )
+demo.launch(share=True)