🌐

ربط الواجهة وتأسيس الـ Full Stack

SYS.TIME12 أغسطس 2026 - 17:00 PM (GMT+3)
CATEGORYالتأسيس

اكتمال دورة المحرك (Full Stack) ​

في هذا الإنجاز، انتقلنا من مجرد محرك يعمل في الخلفية (CLI) إلى نظام متكامل يمتلك واجهة بصرية فاخرة ويتواصل عبر خادم API.

ماذا أنجزنا؟ ​

Vue Chat UI (Glassmorphism)

  1. خادم الـ API (بواسطة Rust/Axum): تم تحويل برنامج الـ CLI إلى خادم ويب كامل يستمع على المنفذ 3000. الخادم يمتلك مسارين أساسيين:

    • /api/query (POST): يستقبل النصوص بصيغة JSON ويُمررها لـ LlamaExpert.
    • /api/vision (POST): يستقبل الصور (Multipart/form-data) ويُمررها لـ OcrExpert.
  2. واجهة المحادثة (Vue.js ChatUI): تم إنشاء تطبيق Vite/Vue في مجلد chat. صُممت الواجهة لتكون فاخرة بتأثيرات الزجاج (Glassmorphism)، وتم ربطها بالكامل مع خادم الـ Rust.

    • تعرض الواجهة المحادثات بوضوح.
    • تُميز بين ردود المستخدم وردود النظام مع إظهار علامة (Badge) توضح اسم الخبير الذي قام بالرد (مثال: llama-text).
    • تدعم رفع الصور.

الهيكلية الحالية للنظام (Architecture) ​

text
المتصفح (Vue.js / 5174)
   |
   | [HTTP POST / JSON & Multipart]
   v
خادم الـ API (Rust Axum / 3000)
   |
   | (Manager Route)
   v
-----------------------------------
|         Experts (C++)           |
|  [LlamaExpert]    [OcrExpert]   |
-----------------------------------

النظام الآن أصبح بيئة جاهزة لاستقبال نماذج (Experts) أكثر تخصصاً وذكاءً. الخطوة العظيمة القادمة هي البدء في تدريب أول خبير متخصص: النموذج العراقي.