Nawah-Router-Demo / static /index.html
oddadmix's picture
Upload static/index.html with huggingface_hub
bc3ccad verified
Raw
History Blame Contribute Delete
5.12 kB
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8">
<title>Nawah-Router — توجيه صفري عربي وإنجليزي</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/static/style.css?v=2">
</head>
<body>
<div class="wrap">
<header>
<div class="brand">
<span class="logo">🧭</span>
<div>
<h1>Nawah&#8209;Router</h1>
<p class="sub">توجيه صفري بالعربي والإنجليزي — اكتب نصًا وأي فئات تريدها بأي اللغتين، والنموذج يوزّعها في مسار واحد.</p>
</div>
</div>
<div class="modelchip" id="modelchip">
<span class="dot" id="dot"></span>
<select id="modelpick" style="background:transparent;border:0;color:inherit;
font:inherit;cursor:pointer;outline:none"></select>
<span class="mono" id="modelsize"></span>
</div>
</header>
<section class="presets" id="presets"></section>
<main class="stage">
<svg class="wires" id="wires" aria-hidden="true"></svg>
<article class="card prompt" id="promptcard">
<label for="text">النص</label>
<textarea id="text" dir="auto" rows="9" placeholder="اكتب رسالة أو طلبًا هنا… (عربي أو English)"></textarea>
<div class="hint mono"><span id="charcount">0</span> حرف</div>
</article>
<article class="node" id="node">
<span class="node-lbl">النموذج</span>
<div class="orb" id="orb"><span></span></div>
<div class="node-name">Nawah-Router</div>
<div class="node-meta mono" id="nodemeta">CPU · مسار واحد</div>
</article>
<article class="card cats" id="catcard">
<div class="cats-head">
<label>الفئات</label>
<div class="stats mono" id="stats"></div>
</div>
<div id="rows"></div>
<button class="add" id="add" type="button">+ أضف فئة</button>
<div class="submitbar">
<button class="go" id="go" type="button">وجّه النص</button>
<span class="dirtynote" id="dirtynote"></span>
</div>
</article>
</main>
<footer>
<p>
الفئات ليست ثابتة في النموذج — اكتب أي فئة تريدها بالعربي أو الإنجليزي وسيوزّع النص عليها فورًا،
واللغة تتحدد تلقائيًا من النص. تقدر تبدّل بين ٣ نماذج من القائمة فوق: <strong>6M عربي</strong>
(مُرمِّز BERT)، <strong>52M عربي</strong> (فاكّ ترميز Llama)، و<strong>6M ثنائي اللغة</strong>
(نفس مُرمِّز الـBERT لكن مُدرَّب من الصفر على العربي والإنجليزي معًا). الأصغر العربي بيسبق
الأكبر في ٣ من ٤ اختبارات: <strong>0.93</strong> على مجموعات فئات جديدة، <strong>0.70</strong>
على مجالات لم يرها النموذج، <strong>0.91</strong> على فئات متقاربة عمدًا، و<strong>0.60</strong>
على محاور توجيه غائبة عن التدريب تمامًا — وهي الخانة الوحيدة اللي الـ52M بيكسب فيها (0.61).
النموذج ثنائي اللغة بيوصل لـ<strong>0.93</strong> إنجليزي على مجموعات فئات جديدة و<strong>0.93</strong>
عربي على نفس الاختبار — تفاصيل المقارنة الكاملة في بطاقة النموذج. التخمين العشوائي ≈ 0.24.
الثقة غير مُعايَرة: اعتمد على الترتيب لا على النسبة.
</p>
<p class="mono links">
<a href="https://huggingface.co/oddadmix/Nawah-Router-BERT-6M-v2" target="_blank" rel="noopener">نموذج 6M عربي</a> ·
<a href="https://huggingface.co/oddadmix/Nawah-Router-v3" target="_blank" rel="noopener">نموذج 52M</a> ·
<a href="https://huggingface.co/oddadmix/Nawah-Router-BERT-6M-bilingual-pretrained" target="_blank" rel="noopener">نموذج 6M ثنائي اللغة</a> ·
<a href="https://huggingface.co/oddadmix/Nawah-BERT-6M-v2" target="_blank" rel="noopener">المُرمِّز العربي</a> ·
<a href="https://huggingface.co/oddadmix/Nawah-BERT-6M-bilingual" target="_blank" rel="noopener">المُرمِّز ثنائي اللغة</a> ·
<a href="https://huggingface.co/datasets/oddadmix/arabic-prompt-routing" target="_blank" rel="noopener">بيانات عربي</a> ·
<a href="https://huggingface.co/datasets/oddadmix/prompt-routing-en" target="_blank" rel="noopener">بيانات إنجليزي</a>
</p>
</footer>
</div>
<script src="/static/app.js?v=2"></script>
</body>
</html>