<Section>
<Panel character="promi" mood="excited">
مرحباً بك في **كهوف السياق**! 🕳️ هنا سنكتشف سحر **المعلومات الخلفية**!
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
هل سبق أن أخبرت شخصاً نكتة، لكنه لم يضحك لأنه لم يفهم الخلفية؟ السياق مثل إعطاء شخص القصة الكاملة!
</Panel>
</Section>

<Section>
## ما هو السياق؟

**السياق** هو المعلومات الإضافية التي تساعد الذكاء الاصطناعي على فهم طلبك بشكل أفضل.

فكر فيه مثل سرد قصة - إذا قلت فقط "ثم فاز!" لن يعرف أحد من فاز، بماذا فاز، أو لماذا هذا مهم!
</Section>

<Section>
## انظر الفرق

<PromptVsMistake
  question="أي أمر يعطي سياقاً أفضل؟"
  good="أنا أكتب بطاقة عيد ميلاد لأختي الصغيرة عمرها 8 سنوات وتحب وحيد القرن. هل يمكنك مساعدتي في كتابة رسالة قصيرة وممتعة؟"
  bad="اكتب رسالة عيد ميلاد"
  explanation="الأمر الأول يخبر برومي لمَن (أخت 8 سنوات)، ماذا تحب (وحيد القرن)، وأي أسلوب تريد (قصيرة، ممتعة)!"
  promiMessage="السياق يساعدني على فهم الموقف وإعطائك بالضبط ما تحتاجه!"
/>
</Section>

<Section>
## إعداد المشهد

<PromptVsMistake
  question="أي أمر يُعد مشهداً أفضل؟"
  good="أنا طالب عمري 10 سنوات أعمل على مشروع مدرسي عن الديناصورات. هل يمكنك شرح ماذا أكل التيرانوصور بكلمات بسيطة؟"
  bad="ماذا أكل التيرانوصور؟"
  explanation="بإخباري أنك 10 سنوات وهذا للمدرسة، أعرف أن أستخدم كلمات بسيطة وأجعلها تعليمية!"
  promiMessage="عندما أعرف من أساعد ولماذا، أستطيع تعديل إجاباتي بشكل مثالي!"
/>
</Section>

<Section>
## تدرب على إعداد السياق!

<MagicWords
  sentence="أنا ___ وأحتاج مساعدة في ___. هل يمكنك شرحها بطريقة ___؟"
  blanks={[
    { hint: "👤 من أنت", answers: ["طالب", "طفل", "مبتدئ", "فنان صغير", "متعلم فضولي"] },
    { hint: "📚 ماذا تحتاج", answers: ["واجب الرياضيات", "مشروع علوم", "كتابة قصة", "تعلم الرسم", "فهم الفضاء"] },
    { hint: "✨ كيف تشرح", answers: ["بسيطة", "ممتعة", "خطوة بخطوة", "سهلة الفهم", "إبداعية"] }
  ]}
  successMessage="إعداد سياق رائع! الآن الذكاء الاصطناعي يعرف بالضبط كيف يساعدك!"
/>
</Section>

<Section>
## بداية ممتازة! 🎉

<Panel character="promi" mood="celebrating">
أنت تتعلم إعداد المشهد! تذكر: إعطائي السياق يساعدني على فهم موقفك وإعطائك إجابات أفضل!
</Panel>

<LevelComplete 
  levelSlug="3-1-setting-the-scene" 
  stars={3}
  message="تعلمت كيف يساعد السياق الذكاء الاصطناعي على فهمك!"
/>
</Section>
