سأبني عرض شرائح (presentation) تفاعلي لمشروع FiberFlow ضمن مسار مستقل، يتبع القالب المرفق ويعمل بالعربية (RTL) مع التنقل بالأزرار ولوحة المفاتيح.

Now the slide deck component with navigation:

Now let me add a link from the main app to the presentation. Let me check the app shell.

I'll add a "العرض التقديمي" link in the header next to the role switcher.

Now let me verify the presentation renders correctly in the browser.

Tested presentation

The presentation renders beautifully — title slide with FiberFlow branding and the problem/solution slide with stats. The dark deck theme, RTL navigation, and dots indicator all work. Let me clean up the screenshots.

جهّزت لك عرضاً تقديمياً تفاعلياً كاملاً لمشروع FiberFlow على المسار /presentation، ويمكن الوصول إليه عبر زر "العرض التقديمي" في أعلى التطبيق. يتبع العرض القالب المرفق ويضم 8 شرائح بالعربية (RTL):

1. الغلاف — اسم التطبيق وشعاره والتاغلاين.
2. مقدمة الفكرة — شرح مبسّط للمفهوم.
3. المشكلة والحل — مع إحصائيات داعمة (5 مراحل، 40% تأخير، 0 رؤية موحّدة).
4. السوق والفرصة — الجمهور المستهدف وحجم السوق.
5. ما يميّزنا — نقاط البيع الفريدة.
6. قصة المؤسسين والرؤية.
7. كيف يعمل التطبيق — الخطوات الخمس بالأدوار.
8. شريحة الشكر — مع دعوة للانضمام.

التنقل يعمل بالأزرار، نقاط الشرائح، ولوحة المفاتيح (الأسهم/المسافة بنظام RTL صحيح حيث السهم الأيسر = التالي). كل شريحة بتصميم نظيف بثيم داكن أنيق مع أيقونات معبّرة. تذكّر أن القالب ينصح بإضافة فيديو توضيحي قصير (1-2 دقيقة) في شريحة "كيف يعمل التطبيق" وQR code في شريحة الشكر — أخبرني إن أردت إضافتهما أو تعديل أي محتوى أو إضافة معلومات تواصل حقيقية.

سأكتب لك شرحاً شاملاً للفكرة والبزنس لوجك والورك فلو لمشروع FiberFlow كما هو مبني فعلياً في التطبيق.

FiberFlow — شرح المشروع وفكرته والـ Business Logic والـ Workflow

1. الفكرة العامة (The Idea)

FiberFlow هو نظام موحّد لإدارة دورة حياة تركيب اشتراكات شبكة الألياف الضوئية (Fiber) من لحظة توقيع العقد مع العميل وحتى تفعيل الإنترنت لديه وإغلاق المعاملة.

المشكلة التي يحلّها:

• عمليات التركيب تمرّ بعدة فرق منفصلة (مبيعات، مد كابلات، لحام، تفعيل) بلا رؤية موحّدة.
• لا أحد يعرف "أين وصلت" كل معاملة، ومن المسؤول عنها الآن.
• لا يوجد تتبّع للعهدة (الأجهزة التي تخرج مع الفنيين).
• صعوبة في الرقابة، التقارير، واكتشاف التأخير أو الأخطاء.

الحل: لوحة تحكم واحدة + خريطة جغرافية حية، كل دور يرى ما يخصّه فقط، وكل معاملة تنتقل آلياً بين المراحل مع تسجيل كامل لكل خطوة (Audit Trail).

2. الأدوار (Roles & Access Model)

النظام مبني على 7 أدوار، ولكل دور صلاحيات ورؤية محدّدة:

قاعدة الرؤية (Business Rule):

• المبيعات → فقط createdById === user.id
• الموزّع + المشرف + الإدارة → كل شيء
• الفنيون → فقط المعاملات المطابقة لمرحلتهم والمسندة إليهم، وتختفي من قائمتهم فور انتقالها للمرحلة التالية.

3. حالات المعاملة (Status State Machine)

كل معاملة تمرّ بسلسلة حالات ثابتة، ولا يمكن القفز فوق مرحلة:

4. الـ Workflow الكامل (سير العمل خطوة بخطوة)

المرحلة 1 — إنشاء العقد (المبيعات)

• يضيف بيانات العميل (الاسم، الهاتف، الرقم الوطني).
• يحدد موقع المنزل بالضغط على الخريطة (داخل المنطقة المخدومة الخضراء).
• يختار نوع الجهاز المتفق عليه والسرعة المتفق عليها.
• يصوّر/يرفع صورة العقد الموقّع.
• النظام يصدر رقم اشتراك تلقائي (INT…) والحالة تصبح new.

المرحلة 2 — التوزيع (الموزّع)

• يرى كل المعاملات الجديدة ويسندها لفني مد محدد (assignedInstallerId).

المرحلة 3 — المد (فني المد)

• يرى فقط المعاملات الجاهزة المسندة إليه.
• يدخل الكميات المستخدمة (Materials).
• يمسح باركود الجهاز → يخرج الجهاز من عهدته ويرتبط بالمشترك.
• قاعدة إلزامية: لا يستطيع إنهاء المد قبل مسح الباركود.
• عند الإنهاء → الحالة تصبح laid.

المرحلة 4 — اللحام (فني اللحام)

• يرى ما تم مدّه ومسند إليه.
• ينفّذ اللحام ويدخل فيدباك جاهز (Splitter, Port…).
• عند الإنهاء → الحالة تصبح spliced.

المرحلة 5 — التفعيل (موظف التفعيل)

• يدخل بيانات التفعيل (username/password) ويحوّل الاشتراك إلى Online.
• الحالة تصبح activated.

المرحلة 6 — الكشف النهائي (المشرف)

• يراجع المعاملة ويعتمدها → الحالة approved (مغلقة).

مسارات جانبية (Side Flows)

• الإشعارات: أي فني يبلّغ عن مشكلة → تظهر للمشرف.
• تجهيز المنطقة: المشرف يدير الـ DBs والـ Splitters والـ Power قبل بدء التركيبات.
• التقارير: الإدارة تصفّي حسب الحالة/المنطقة/الشهر وتصدّر إلى Excel.

5. الـ Business Logic الجوهري (القواعد الأساسية)

1. رقم اشتراك فريد يُولَّد آلياً عند إنشاء كل عقد.
2. رؤية مبنية على الدور + المرحلة — لا يرى الفني إلا ما يخصه الآن.
3. انتقال أحادي الاتجاه بين الحالات (لا تراجع، لا قفز).
4. العهدة مرتبطة بالباركود — لا يكتمل المد بدون مسح الجهاز.
5. سجل كامل (History) لكل إجراء مع اسم المنفّذ والوقت.
6. حدود جغرافية — المعاملات تُنشأ فقط داخل المنطقة المخدومة.
7. فصل البيانات بين المبيعات — كل بائع يرى عملاءه فقط.

هذا الشرح يعكس بدقة المنطق المبني فعلياً في التطبيق. إذا أردت، أقدر:

• أحوّل هذا الشرح إلى صفحة "عن المشروع" داخل التطبيق أو ملف README/توثيق،
• أو أضيف مخطط Workflow بصري (Diagram) كشريحة في العرض التقديمي،
• أو أوسّع الـ Business Logic ليشمل قواعد إضافية (SLA، تنبيهات التأخير، صلاحيات أدق). فقط أخبرني.