🌐

ربط الواجهة وتأسيس الـ 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) أكثر تخصصاً وذكاءً. الخطوة العظيمة القادمة هي البدء في تدريب أول خبير متخصص: النموذج العراقي.