الوكيل بقى بيسمع كلامك —
دلوقتي هنشوف إنت بتقوله إيه

# قواعد مشروع: ___ اسم المشروع

## اللغة والاتجاه
- كل المحتوى بالعربية الفصحى، والصفحة dir="rtl" و lang="ar".
- المصطلحات الإنجليزية داخل النص توضع في عنصر dir="ltr" محاذٍ مع سياقه.

## نظام التصميم — لا يُخالَف
- الألوان: كحلي ___ · ذهبي ___ · كريمي ___ · وتُعرَّف كمتغيرات في :root ولا تُكتب مباشرة.
- الخط: Cairo فقط، بسلّم أحجام ثابت، وبلا أي خط ثانٍ.
- المسافات: مضاعفات 8px حصراً.
- نصف قطر واحد للبطاقات وواحد للأزرار، وظل واحد في المشروع كله.
- الذهبي للأفعال فقط: زرار أساسي واحد ممتلئ في كل شاشة والباقي outline.
- ممنوع: التدرجات اللونية، والإيموجي في الواجهة، والحركة المستمرة.

## معايير الكود الإلزامية
- ملف HTML واحد self-contained بلا أي مكتبة خارجية عدا خط Cairo.
- HTML دلالي: header/main/section/form، وbutton حقيقي لكل عنصر تفاعلي، وh1 واحد بتسلسل سليم.
- كل حقل له label مربوط، وحلقة تركيز ظاهرة عبر :focus-visible.
- بناء العناصر بـ textContent وcreateElement، وممنوع innerHTML لأي قيمة من المستخدم.
- كل قائمة لها حالة فارغة مرشدة، وكل عملية لها حالة تحميل، وكل نتيجة لها تأكيد مرئي.
- mobile-first: صفر تمرير أفقي على 390px، وأهداف لمس 48px.
- ممنوع alert نهائياً؛ الرسائل تظهر داخل الصفحة.

## أسلوب العمل معي
- عند أي غموض في الطلب: اسأل قبل أن تفترض.
- قبل التنفيذ في المهام الكبيرة: اكتب خطة بلا كود وانتظر موافقتي.
- بعد كل تعديل: اذكر باختصار ما غيّرته ولماذا.
- لا تنشئ ملفات جديدة ما لم أطلب ذلك صراحةً.

# مواصفة: ___ اسم الشاشة

## ١ · الهدف في جملة
من يستخدمها، ولماذا، وما الفعل الوحيد الناجح.

## ٢ · المدخلات
لكل حقل: الاسم · النوع · إلزامي أم لا · النطاق المسموح · رسالة الخطأ عند المخالفة.

## ٣ · المعادلات وترتيب العمليات
اكتب المعادلة كاملة بالترتيب حرفياً، وحدّد التقريب: أين يحدث ولأي خانة.
مثال: المجموع ← ناقص الخصم ← الصافي ← الضريبة على الصافي ← الإجمالي.
الحساب على القيم الكاملة، والتقريب عند العرض فقط.

## ٤ · القواعد وأولوياتها عند التعارض
اكتبها مرقّمة بالأولوية، لأن الحالات ستتعارض حتماً.
مثال: الحالة "مسلَّم" تلغي أي حساب للتأخير مهما كان التاريخ.

## ٥ · الحالات الأربع
- فارغة: ماذا يظهر ومع أي خطوة تالية؟
- تحميل: ما الذي يتعطّل وماذا يُعرض؟
- خطأ: ما نصّ الرسالة وما البديل المقترح؟
- نجاح: كيف يتأكد المستخدم ولكم من الوقت؟

## ٦ · الحالات الحدية المحسومة مسبقاً
القيمة صفر · القيمة عند الحد بالضبط · نص عربي طويل جداً · ضغط متكرر سريع ·
تاريخ فائت · قائمة فارغة · مدخل غير متوقع.

## ٧ · معايير القبول
قائمة جُمل قابلة للاختبار، كل واحدة إما تحققت أو لا — بلا رأي.
مثال: "اكتب 10 وحدات فقط ← السعر يساوي الحد الأدنى لا القيمة المحسوبة."

## ٨ · خارج النطاق
ما لن تفعله هذه الشاشة صراحةً — لمنع توسّع الوكيل من تلقاء نفسه.

راجع تنفيذك مقابل معايير القبول في @specs.md بنداً بنداً.
لكل بند اكتب سطراً واحداً بهذه الصيغة حصراً:

[البند] — متحقق / غير متحقق / متحقق جزئياً — الموقع في الكود (اسم الدالة أو رقم السطر) — ملاحظة في عشر كلمات.

قواعد إلزامية عليك:
- لا تصلح أي شيء في هذا الرد؛ التقرير فقط.
- إن كان بند غير متحقق فاذكره صراحةً ولا تبرّره.
- إن كنت غير قادر على التحقق من بند برمجياً فاكتب "يحتاج اختباراً يدوياً" واذكر خطوات الاختبار.
- في نهاية التقرير: اذكر أي حالة حدية في المواصفة لم تعالجها.

تصرّف الآن كمختبِر جودة مهمته كسر هذه الصفحة، لا كمطوّر يدافع عنها.
اكتب لي عشر حالات اختبار يُرجَّح أن تفشل فيها هذه الصفحة، مرتبة من الأخطر إلى الأقل.
لكل حالة: ما الذي سيفعله المستخدم بالضبط، وما النتيجة المتوقعة، وما النتيجة الفعلية المرجّحة في الكود الحالي.
ركّز على: القيم عند الحدود تماماً · القيم الصفرية والسالبة · النصوص العربية الطويلة جداً ·
الضغط المتكرر السريع · التواريخ الفائتة · القوائم الفارغة · تغيير اختيار سابق بعد بناء ما يليه عليه.
لا تصلح شيئاً الآن — القائمة فقط، وسأختار منها.

لا تعدّل أي شيء في هذا الرد.

العَرَض:
- ما فعلته: ___
- ما توقعته: ___
- ما حدث فعلاً: ___

المطلوب منك:
١ · اذكر ثلاثة أسباب محتملة مرتبة بالاحتمالية، ولكل سبب السطر أو الدالة المسؤولة.
٢ · لكل سبب: كيف أتحقق منه بنفسي في أقل من دقيقة؟
٣ · اختر السبب الأرجح واشرح لماذا ترجّحه على الاثنين الآخرين.
٤ · صف الإصلاح المقترح بالكلمات فقط، واذكر ما الذي قد ينكسر بسببه في مكان آخر.

سأراجع تحليلك ثم أطلب التنفيذ. لا تكتب كوداً الآن.

# محتوى: ___ اسم الشاشة

## النصوص الثابتة
- العنوان الرئيسي: ___
- العنوان الفرعي: ___
- نص الزرار الأساسي: ___
- نصوص الحالة الفارغة / التحميل / النجاح / الخطأ: ___

## رسائل الأخطاء (نص كل رسالة كما ستظهر)
- حقل فارغ: ___
- صيغة غير صحيحة: ___
- تجاوز الحد: ___

## البيانات التجريبية — واقعية ومتفاوتة عمداً
| ___ | ___ | ___ |
|---|---|---|
| أقصر مدخل ممكن | | |
| مدخل متوسط طبيعي | | |
| أطول عنوان عربي متوقع في الواقع | | |
| مدخل يحتوي اسماً إنجليزياً وسط العربي | | |
| مدخل برقم كبير أو تاريخ فائت | | |

## مصطلحات لا تُترجم ولا تُغيَّر
___

# حالات الاختبار: ___ اسم الشاشة

| # | الفعل بالضبط | المتوقع | الفعلي | ✅/❌ |
|---|---|---|---|---|
| 1 | إرسال والحقول كلها فارغة | رسالة عربية أسفل كل حقل مطلوب، والتركيز ينتقل لأول حقل | | |
| 2 | إدخال مسافات فقط في حقل مطلوب | يُرفض كأنه فارغ | | |
| 3 | إدخال قيمة سالبة أو صفر | تُرفض برسالة تشرح النطاق المسموح | | |
| 4 | إدخال حروف في حقل رقمي | تُرفض بلا ظهور NaN في أي مكان | | |
| 5 | القيمة عند الحد بالضبط (مثال: 500) | تُعامَل بحسب القاعدة المكتوبة لا بالتخمين | | |
| 6 | القيمة أقل بواحد وأكثر بواحد من الحد | السلوك مختلف ومتوقع في الحالتين | | |
| 7 | لصق نص عربي طويل جداً (300 حرف) | التخطيط لا ينكسر ولا يخرج عن الحاوية | | |
| 8 | لصق وسم HTML في حقل نصي | يظهر كنص عادي ولا يُنفَّذ | | |
| 9 | الضغط على زرار الإرسال 10 مرات سريعاً | تنفيذ واحد فقط | | |
| 10 | فلترة تُرجع صفر نتائج | حالة فارغة مرشدة لا جدول مقطوع | | |
| 11 | تغيير اختيار سابق بُني عليه ما بعده | كل ما بُني عليه يُصفَّر ويُعاد بناؤه | | |
| 12 | تاريخ فائت / تاريخ اليوم بالضبط | "متأخر" و"اليوم" لا رقم سالب ولا صفر | | |
| 13 | فتح الصفحة على عرض 390px | صفر تمرير أفقي وكل الأزرار 48px | | |
| 14 | التنقل بالكيبورد حتى إتمام العملية | ممكن بالكامل بدون ماوس | | |
| 15 | إعادة تحميل الصفحة بعد إدخال بيانات | السلوك متوقع ومعلَن (تُحفظ أو تُفقد بوضوح) | | |

# سجل البرومبتات: ___ المشروع

## المحاولة 1 — [المهمة]
- **الموديل:** ___
- **البرومبت:** ___
- **النتيجة:** ___
- **المشكلة في الناتج:** ___
- **التعديل في المحاولة التالية والسبب:** ___

## المحاولة 2 — [نفس المهمة، نطاق أضيق]
- **الموديل:** ___
- **ما غيّرته في الصياغة:** ___
- **النتيجة:** ___

---
## خلاصة الجلسة
- **أنجح صيغة استخدمتها:** ___
- **أسوأ صيغة ولماذا فشلت:** ___
- **متى بدأت محادثة جديدة ولماذا:** ___
- **قاعدة أضيفها إلى AGENTS.md بعد اليوم:** ___

# سجل الأعطال: ___ المشروع

## عطل 1
- **العَرَض:** ما فعلته ___ / ما توقعته ___ / ما حدث فعلاً ___
- **خطوات إعادة الإنتاج:** 1) ___ 2) ___ 3) ___
- **الفرضية:** السبب المرجّح في ___ (الدالة/السطر)
- **كيف تحققت منها:** ___
- **الإصلاح:** ___
- **ما كان يمكن أن ينكسر بسببه وفحصته:** ___
- **الدرس المستفاد (بصيغة قاعدة عامة):** ___

# تسليم: ___ اسم الشاشة

## ما تم تنفيذه
___ في فقرة واحدة بلغة العميل لا بلغة المطوّر.

## قرارات اتخذتها نيابةً عنك
كان في طلبك نقاط تحتمل أكثر من تفسير، وهذه اختياراتي وسببها:
1. ___ — اخترت ___ لأن ___. لو كان المقصود غير ذلك فالتعديل بسيط.
2. ___

## يحتاج قراراً منك
- ___
- ___

## حدود النسخة الحالية
___ بصراحة ووضوح (مثال: البيانات محفوظة في متصفحك أنت فقط ولا تُشارَك بين الأجهزة).

## كيف تستخدمها
1. ___ 2. ___ 3. ___