Upload 2 files

app.py

@@ -0,0 +1,175 @@
+import gradio as gr
+from transformers import pipeline
+
+MODEL_NAME = "deepset/xlm-roberta-base-squad2"
+qa = pipeline("question-answering", model=MODEL_NAME)
+
+EXAMPLES = [
+    [
+        "پاکستان جنوبی ایشیا میں واقع ایک ملک ہے۔ اس کا دارالحکومت اسلام آباد ہے۔ پاکستان کی آبادی تقریباً 22 کروڑ ہے۔ یہ دنیا کا پانچواں سب سے زیادہ آبادی والا ملک ہے۔ پاکستان 1947 میں برطانوی راج سے آزاد ہوا۔",
+        "پاکستان کا دارالحکومت کیا ہے؟"
+    ],
+    [
+        "کرکٹ پاکستان کا سب سے مقبول کھیل ہے۔ پاکستان کرکٹ ٹیم نے 1992 میں عمران خان کی قیادت میں ورلڈ کپ جیتا۔ پاکستان سپر لیگ ملک کی سب سے بڑی کرکٹ لیگ ہے۔",
+        "پاکستان نے ورلڈ کپ کب جیتا؟"
+    ],
+    [
+        "اسلام آباد پاکستان کا دارالحکومت ہے۔ یہ شہر 1960 کی دہائی میں تعمیر کیا گیا۔ فیصل مسجد اسلام آباد کی سب سے مشہور عمارت ہے۔ اسلام آباد کی آبادی تقریباً 20 لاکھ ہے۔",
+        "فیصل مسجد کہاں ہے؟"
+    ],
+]
+
+def answer_question(context, question):
+    if not context.strip() or not question.strip():
+        return "", 0, ""
+
+    result = qa(question=question, context=context)
+    answer = result["answer"]
+    confidence = round(result["score"] * 100, 2)
+
+    # Highlight answer in context
+    highlighted = context.replace(
+        answer,
+        f"**{answer}**"
+    )
+
+    return answer, confidence, highlighted
+
+
+css = """
+@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&family=Inter:wght@400;500;600&display=swap');
+
+body, .gradio-container {
+    background: #0a0a0f !important;
+    font-family: 'Inter', sans-serif;
+}
+
+#title {
+    text-align: center;
+    padding: 2rem 1rem 1rem;
+}
+
+#title h1 {
+    font-size: 2rem;
+    font-weight: 600;
+    color: #e4e4f0;
+    margin-bottom: 0.4rem;
+}
+
+#title p {
+    color: #6b6b8a;
+    font-size: 0.9rem;
+}
+
+.urdu-box textarea {
+    font-family: 'Noto Nastaliq Urdu', serif !important;
+    font-size: 1.2rem !important;
+    direction: rtl !important;
+    text-align: right !important;
+    line-height: 2.2 !important;
+    background: #12121e !important;
+    border: 1px solid #2a2a3e !important;
+    color: #e4e4f0 !important;
+    border-radius: 10px !important;
+}
+
+.urdu-box textarea:focus {
+    border-color: #f59e0b !important;
+    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15) !important;
+}
+
+.answer-box textarea {
+    font-family: 'Noto Nastaliq Urdu', serif !important;
+    font-size: 1.4rem !important;
+    direction: rtl !important;
+    text-align: right !important;
+    background: #12121e !important;
+    border: 1px solid #2a2a3e !important;
+    color: #f59e0b !important;
+    border-radius: 10px !important;
+    font-weight: 600 !important;
+}
+
+button.primary {
+    background: #f59e0b !important;
+    border: none !important;
+    color: #0a0a0f !important;
+    font-weight: 600 !important;
+    border-radius: 8px !important;
+}
+
+button.primary:hover {
+    background: #d97706 !important;
+}
+
+footer { display: none !important; }
+"""
+
+with gr.Blocks(css=css, theme=gr.themes.Base()) as demo:
+
+    gr.HTML("""
+        <div id="title">
+            <h1>❓ Urdu Question Answering</h1>
+            <p>اردو متن سے جوابات نکالیں — XLM-RoBERTa fine-tuned on SQuAD2</p>
+        </div>
+    """)
+
+    with gr.Row():
+        with gr.Column(scale=2):
+            context_input = gr.Textbox(
+                label="متن / سیاق — Context (paste your Urdu text here)",
+                placeholder="یہاں اردو متن پیسٹ کریں جس سے آپ سوال پوچھنا چاہتے ہیں...",
+                lines=8,
+                elem_classes="urdu-box"
+            )
+            question_input = gr.Textbox(
+                label="سوال — Question",
+                placeholder="یہاں اردو میں سوال لکھیں...",
+                lines=2,
+                elem_classes="urdu-box"
+            )
+            ask_btn = gr.Button("جواب تلاش کریں — Find Answer", variant="primary")
+
+        with gr.Column(scale=1):
+            answer_out = gr.Textbox(
+                label="جواب — Answer",
+                interactive=False,
+                lines=3,
+                elem_classes="answer-box"
+            )
+            confidence_out = gr.Number(
+                label="Confidence %",
+                interactive=False
+            )
+            highlighted_out = gr.Textbox(
+                label="Answer highlighted in context",
+                interactive=False,
+                lines=6,
+                elem_classes="urdu-box"
+            )
+
+    gr.Examples(
+        examples=EXAMPLES,
+        inputs=[context_input, question_input],
+        label="مثالیں — Try these examples"
+    )
+
+    gr.HTML("""
+        <div style="text-align:center; padding:1.5rem; color:#3a3a5a; font-size:0.8rem;">
+            Built by <a href="https://huggingface.co/H-Layba" style="color:#f59e0b">H-Layba</a> ·
+            Model: XLM-RoBERTa base · Fine-tuned on SQuAD2
+        </div>
+    """)
+
+    ask_btn.click(
+        fn=answer_question,
+        inputs=[context_input, question_input],
+        outputs=[answer_out, confidence_out, highlighted_out]
+    )
+    question_input.submit(
+        fn=answer_question,
+        inputs=[context_input, question_input],
+        outputs=[answer_out, confidence_out, highlighted_out]
+    )
+
+demo.launch()

requirements.txt

@@ -0,0 +1,4 @@
+transformers>=4.40.0
+torch>=2.0.0
+gradio>=4.0.0
+sentencepiece>=0.1.99