سأتعامل مع المشكلتين. أولاً أقرأ الملفات ذات الصلة لفهم سبب بقاء النافذة خلف الخريطة وكيفية تطبيق فلترة المعاملات حسب الدور.

الآن أقرأ الأنواع وملف الـ store والـ dialog لأفهم الحقول المتاحة (مثل من أنشأ المعاملة) وكيف يُعرض الـ Dialog.

أرى أن Transaction يحتوي createdByName فقط دون createdById، لذا أحتاج لإضافة معرّف المُنشئ لفلترة المبيعات. دعني أقرأ مكوّن الـ Dialog الأساسي والـ store والبيانات.

دعني أرى البيانات الأولية لأضبط الفلترة بما يتوافق مع الإسنادات الموجودة.

فهمت كل شيء الآن. سأطبّق التغييرات: إضافة createdById لتمييز معاملات المبيعات، تحديث منطق الفلترة حسب المرحلة، وتقوية إصلاح طبقات الخريطة. أولاً النوع:

Now add createdById to all mock transactions (all created by U-SALES):

All 8 mock transactions updated. Now set createdById in createContract:

Now the core change — update visibleTransactions so each role only sees what matters to their stage:

Now let me make the dialog z-index bulletproof. Let me find the DialogContent usage in the transaction dialog:

Now let me verify both fixes in the browser. First the dialog over the map, then role filtering.

Tested dialog fix

النافذة تظهر بوضوح فوق الخريطة بالكامل. الآن أختبر فلترة الأدوار — أبدّل لدور فني المد وأرى المعاملات.

دعني أفتح مبدّل الأدوار وأختار فني المد لأتحقق من الفلترة.

فني المد يرى "1" فقط — وهي المعاملة الوحيدة بحالة "جاهز للتركيب" المسندة إليه. لأتأكد، أنتقل لشاشة المعاملات.

كلا الإصلاحين يعملان بشكل صحيح. تم حل المشكلتين:

1. النافذة خلف الخريطة: سبب المشكلة أن طبقات Leaflet لها z-index مرتفع جداً. حصرتُ كل طبقات الخريطة داخل stacking context منخفض، ورفعتُ z-index لنافذة تفاصيل المعاملة إلى z-[2000]، فأصبحت تظهر بوضوح فوق الخريطة كاملةً.

2. فلترة المعاملات حسب الدور: أضفتُ حقل createdById لكل معاملة وحدّثتُ منطق visibleTransactions:

• المبيعات يرى فقط المعاملات التي أضافها بنفسه.
• الموزّع ومشرف المنطقة والإدارة العليا يرون كل المعاملات.
• فني المد يرى فقط ما هو "جاهز للتركيب" ومُسند إليه (تحقّقت: عمر يرى معاملة واحدة فقط INT086796288).
• فني اللحام يرى فقط ما "تم مدّه" ويحتاج لحام ومُسند إليه.
• موظف التفعيل يرى فقط ما "تم لحامه" ويحتاج تفعيل.

بهذا يختفي كل عنصر من قائمة الفني فور إنجاز مرحلته وانتقاله للمرحلة التالية، فيرى كل موظف ما يخص مرحلته فقط على الخريطة وفي شاشة المعاملات.

سأضيف هذه الميزات. أولاً أقرأ الملفات المعنية: نموذج العقد الجديد، الأنواع، الـ store، ونافذة المعاملة.

Now let me read the store's createContract signature and the transaction dialog to understand where to add barcode scanning.

Now the transaction dialog to add barcode scanning for installers:

Now I have full context. Let me start with the types — adding device types, speeds, contract image, and device scan fields.

Now add device type and speed option constants at the end of types: