Upload 15 files

cards.json

@@ -0,0 +1 @@
+{}

chat_history_db.json

@@ -0,0 +1,122 @@
+{
+    "سيف__islamic": {
+        "username": "سيف",
+        "subject_id": "islamic",
+        "messages": [
+            {
+                "role": "user",
+                "content": "ما هي المواضيع المتاحة؟",
+                "timestamp": "2026-04-09T20:05:55.369551+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "مرحباً بك 🌷  \nأنا **مساعد التربية الإسلامية الذكي**، ويسعدني مساعدتك.\n\nالمواضيع المتاحة في هذا المنهج هي:\n\n### أولاً: القرآن الكريم\n- النص الأول: **عاقبة الظلم (1)**\n- النص الثاني: **عاقبة الظلم (2)**\n- النص الثالث: **طغيان المال**\n- النص الرابع: **عاقبة طغيان المال**\n- النص الخامس: **عاقبة القتل العمد والحرابة**\n\n### ثانياً: السنة النبوية\n- الحديث الأول: **في ظل الرحمن**\n- الحديث الثاني: **حرمة هجر المؤمن**\n- الحديث الثالث: **عقوبة الرشوة ومضارها**\n- الحديث الرابع: **اغتنام ما لا يمكن تعويضه**\n- الحديث الخامس: **علامات النفاق**\n- الحديث السادس: **سباب المؤمن لأخيه**\n- الحديث السابع: **أجر الغرس والزرع**\n- الحديث الثامن: **المحبة في الإسلام**\n- الحديث التاسع: **من مكفرات الخطايا**\n- الحديث العاشر: **ثواب الصالحة بين المسلمين**\n\n### ثالثاً: العقيدة\n- **عالمية رسالة الإسلام وشمولية أحكامها**\n- **أدلة عموم الرسالة**\n- **شمول أحكام رسالة الإسلام**\n- **رسالة الإسلام خاتمة الرسالات السماوية**\n- **رسالة الإسلام ناسخة لكل الشرائع السابقة**\n\n### رابعاً: العبادات\n- **الزكاة**\n- **صدقة الفطر**\n- **الحج**\n- **العمرة**\n- **الأضحية**\n- **الذكاة الشرعية**\n\nإذا أردت، أستطيع أيضاً أن:\n1. أشرح لك **أي موضوع** منها باختصار  \n2. أضع لك **ملخصاً للفهرس كله**  \n3. أساعدك في **اختيار الدرس المناسب للمراجعة**  \n\nاختر أي موضوع تريد البدء به 😊",
+                "timestamp": "2026-04-09T20:06:04.888062+00:00"
+            },
+            {
+                "role": "user",
+                "content": "السلام عليكم أود شرح بسيط جداً رابعاً العبادات تحديداً صدقة الفطر",
+                "timestamp": "2026-04-09T20:07:43.865903+00:00"
+            }
+        ],
+        "full_messages": [
+            {
+                "role": "user",
+                "content": "ما هي المواضيع المتاحة؟",
+                "timestamp": "2026-04-09T20:05:55.369551+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "مرحباً بك 🌷  \nأنا **مساعد التربية الإسلامية الذكي**، ويسعدني مساعدتك.\n\nالمواضيع المتاحة في هذا المنهج هي:\n\n### أولاً: القرآن الكريم\n- النص الأول: **عاقبة الظلم (1)**\n- النص الثاني: **عاقبة الظلم (2)**\n- النص الثالث: **طغيان المال**\n- النص الرابع: **عاقبة طغيان المال**\n- النص الخامس: **عاقبة القتل العمد والحرابة**\n\n### ثانياً: السنة النبوية\n- الحديث الأول: **في ظل الرحمن**\n- الحديث الثاني: **حرمة هجر المؤمن**\n- الحديث الثالث: **عقوبة الرشوة ومضارها**\n- الحديث الرابع: **اغتنام ما لا يمكن تعويضه**\n- الحديث الخامس: **علامات النفاق**\n- الحديث السادس: **سباب المؤمن لأخيه**\n- الحديث السابع: **أجر الغرس والزرع**\n- الحديث الثامن: **المحبة في الإسلام**\n- الحديث التاسع: **من مكفرات الخطايا**\n- الحديث العاشر: **ثواب الصالحة بين المسلمين**\n\n### ثالثاً: العقيدة\n- **عالمية رسالة الإسلام وشمولية أحكامها**\n- **أدلة عموم الرسالة**\n- **شمول أحكام رسالة الإسلام**\n- **رسالة الإسلام خاتمة الرسالات السماوية**\n- **رسالة الإسلام ناسخة لكل الشرائع السابقة**\n\n### رابعاً: العبادات\n- **الزكاة**\n- **صدقة الفطر**\n- **الحج**\n- **العمرة**\n- **الأضحية**\n- **الذكاة الشرعية**\n\nإذا أردت، أستطيع أيضاً أن:\n1. أشرح لك **أي موضوع** منها باختصار  \n2. أضع لك **ملخصاً للفهرس كله**  \n3. أساعدك في **اختيار الدرس المناسب للمراجعة**  \n\nاختر أي موضوع تريد البدء به 😊",
+                "timestamp": "2026-04-09T20:06:04.888062+00:00"
+            },
+            {
+                "role": "user",
+                "content": "السلام عليكم أود شرح بسيط جداً رابعاً العبادات تحديداً صدقة الفطر",
+                "timestamp": "2026-04-09T20:07:43.865903+00:00"
+            }
+        ],
+        "summary": "",
+        "message_count": 3,
+        "last_file": "p4.txt",
+        "subject": "islamic",
+        "saved_at": "2026-04-09T23:08:44.443531"
+    },
+    "سيف__biology": {
+        "username": "سيف",
+        "subject_id": "biology",
+        "messages": [
+            {
+                "role": "user",
+                "content": "مرحبا، عرفني بنفسك",
+                "timestamp": "2026-04-10T12:37:45.932980+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "عذراً، حدث خطأ في النظام. حاول مرة أخرى.",
+                "timestamp": "2026-04-10T12:37:45.935461+00:00"
+            }
+        ],
+        "full_messages": [
+            {
+                "role": "user",
+                "content": "مرحبا، عرفني بنفسك",
+                "timestamp": "2026-04-10T12:37:45.932980+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "عذراً، حدث خطأ في النظام. حاول مرة أخرى.",
+                "timestamp": "2026-04-10T12:37:45.935461+00:00"
+            }
+        ],
+        "summary": "",
+        "message_count": 2,
+        "last_file": "main.txt",
+        "subject": "biology",
+        "saved_at": "2026-04-10T15:37:45.948257"
+    },
+    "سيف__physics_mechanic": {
+        "username": "سيف",
+        "subject_id": "physics_mechanic",
+        "messages": [],
+        "full_messages": [],
+        "summary": "",
+        "message_count": 0,
+        "last_file": null,
+        "subject": "physics_mechanic",
+        "saved_at": "2026-04-10T15:51:04.726846"
+    },
+    "سيف__it": {
+        "username": "سيف",
+        "subject_id": "it",
+        "messages": [
+            {
+                "role": "user",
+                "content": "ما هي المواضيع المتاحة؟",
+                "timestamp": "2026-04-17T18:08:14.770895+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "عذراً، حدث خطأ في النظام. حاول مرة أخرى.",
+                "timestamp": "2026-04-17T18:08:14.772719+00:00"
+            }
+        ],
+        "full_messages": [
+            {
+                "role": "user",
+                "content": "ما هي المواضيع المتاحة؟",
+                "timestamp": "2026-04-17T18:08:14.770895+00:00"
+            },
+            {
+                "role": "assistant",
+                "content": "عذراً، حدث خطأ في النظام. حاول مرة أخرى.",
+                "timestamp": "2026-04-17T18:08:14.772719+00:00"
+            }
+        ],
+        "summary": "",
+        "message_count": 2,
+        "last_file": "main.txt",
+        "subject": "it",
+        "saved_at": "2026-04-17T21:08:14.783119"
+    }
+}

config.py

@@ -0,0 +1,59 @@
+"""
+Global configuration and constants.
+All settings in one place.
+"""
+
+import os
+import secrets
+
+# ─── Flask ───
+SECRET_KEY = os.environ.get("SECRET_KEY", secrets.token_hex(16))
+DEBUG = os.environ.get("DEBUG", "true").lower() == "true"
+HOST = os.environ.get("HOST", "0.0.0.0")
+PORT = int(os.environ.get("PORT", 5000))
+
+# ─── Database files ───
+USERS_DB_FILE = "users.json"
+TELEGRAM_DB_FILE = "users_db.json"
+CARDS_DB_FILE = "cards.json"
+CHAT_HISTORY_DB_FILE = "chat_history_db.json"
+
+# ─── AI endpoints ───
+GPT_URL = "https://corvo-ai-gpt-5-4.hf.space/chat"
+TTS_URL = "https://corvo-ai-tts.hf.space"
+TRANSCRIPT_URL = "https://corvo-ai-transcript.hf.space"
+
+# ─── Cloudinary ───
+CLOUDINARY_URL = "https://api.cloudinary.com/v1_1/dwsoob1wh/image/upload"
+CLOUDINARY_PRESET = "Cloud-storage"
+
+# ─── Icons8 ───
+ICONS8_SEARCH_URL = (
+    "https://search-app.icons8.com/api/iconsets/v7/search"
+    "?isAnimated=false&language=en&analytics=true"
+    "&spellcheck=false&saveAnalytics=true"
+    "&amount=10&isOuch=true"
+    "&replaceNameWithSynonyms=true"
+    "&offset=0&term={term}"
+)
+ICONS8_IMAGE_URL = "https://img.icons8.com/?size=100&id={icon_id}&format=png"
+
+# ─── Audio ───
+AUDIO_OUTPUT_DIR = "static/audio"
+MAX_AUDIO_FILES = 200
+
+# ─── Chat history ───
+SUMMARY_TRIGGER_COUNT = 10
+MAX_CHAT_HISTORY = 20
+
+# ─── Directories to create on startup ───
+REQUIRED_DIRS = [
+    "static/audio",
+    "templates",
+    "FINAL",
+]
+
+# ─── Mistral cookie (for streaming) ───
+MISTRAL_COOKIE = os.environ.get("MISTRAL_COOKIE", (
+    '''__cf_bm=JrqUGrlLa1VNznB_gcRKdDY.AyPLIvyRVUuKMV0avmc-1771531995-1.0.1.1-gJPuKUhLOcJ6hccPtwfCq6jJOAkQ8xABZJi_RwovhSQrsUTbUv1MCh1IPLvZ3ldPzqHLrPmcWUwLE_q_iVrP.W9PCYLnRq4HMMbVeyuDwlE; _cfuvid=oL4ochUsTJrLY6FlPpKTfocKdvOyum8GRuUBbqS9l8U-1771531995497-0.0.1.1-604800000; csrf_token_1d61ec8f0158ec4868343239ec73dbe1bfebad9908ad860e62f470c767573d0d=6ybeYU0W24tff63a5O/h0wbG6pYuc4w4iKv6SOKnYFc=; ory_session_coolcurranf83m3srkfl=MTc3MTUzMjA2OXxZU1dnRmd5SzNZM3o5VERSMGN5OFBWaHZ4bmdzd2RLOXNTUHNqMVVQbUdqUVFyZXpFN1ZCa0stYmJOR1lmbFNHVWphdWE4UWZ4S2FESjVROVJVYkw3a0MxN01TVVRZSUFGcWdZRHBCSjA2WEFJcFowcERmTWdrTmxuZ01zLWtubWxtd3lELVBBSVhOSzRkS1RRTWlxUHo1WmJwRWZzNlBXOFZWbUQyY2xkRVlOdXczb19kMlA4enc2ZGdVbkhaOUtXNDhEcEtxTVVBUTFYVk5YUXUtbDhjNVBOaG04WDRncmVNeXV4WWZXNC05TTlZRml3Y2hmR1F3QUR4Wk1aS0wwVUFfWGFyb2YxUlUtZXJkMGVhc3B8ITaivuTKOyk2pkoOhT6SPvP7zk-_NWF074pMm1HUl-k=; intercom-device-id-xel0jpx9=16cbae05-b305-4216-9967-e1622600c85c; csrftoken=KevqOi51yhx99LPY2i96wpMb2BxPlbpA; __cflb=0H28vBt3Asif1pksrBB47e5ijRcsvN4rdm4JmqYW3k8; intercom-session-xel0jpx9=K0lUK3E1QkhQemZuN256UXRtUVIxQWRoTVNQVXA2OVhXbDd1UHlGb3hxVmFVN0tJTG5LdFEvelpJck5aR0FjV3VWY0NjR1piMUxUdkZUc09kLzVDMTIrRGZiU3BtRElIQ0FvZUVZdHZyNU5sZU9EU0E3cHFCK1FzdE9kUTFKaG5PclZJTGRxN1c2WUt1NEVLNXBqZUwySStMQ2JHWHo3Z3Vyc2xLSWh2YkVDbWJBOWJWeHpHNFJIUzltZWUvQXVXLS1jdGVHOFVGRTJNS3I2Qm1tWlk3UEVBPT0=--d3764aa89dd7c5400eb27bf4e34ad8c85402eb72'''
+))

data_structure/main.txt

@@ -0,0 +1,21 @@
+"أنت مدرس ودود ومحترف في مادة تراكيب بيانات. اسمك "مساعد تراكيب بيانات الذكي".
+**تعليمات:**
+- رحب بالطلاب بحرارة إذا كانت أول رسالة
+- أجب على الأسئلة العامة بشكل مفيد
+- وجه الطلاب لطرح أسئلة محددة عن الفصول عند الحاجة
+- استخدم اللغة العربية
+- كن مشجعاً ومحفزاً
+- راعِ سياق المحادثة السابقة
+- إذا كان هناك ملخص سابق، استخدمه لفهم مستوى الطالب
+=== معلومات عامة عن المادة ===
+
+ النهج الذي يجب تدريسه 
+
+C & Data Structures
+
+Chapter 1: Address, Pointers, Arrays, and Structures
+Chapter 2: Address, Pointers, Arrays, and Structures (part 2)
+Chapter 3: function & recursion
+Chapter 4: stack
+Chapter 5: stack (part 2)
+Chapter 6: Queue

data_structure/p1.txt

@@ -0,0 +1,823 @@
+================================================================================
+SUBJECT: Lecture1_20260417_202347
+TOTAL PAGES: 24
+EXTRACTED ON: 2026-04-17 19:28:58
+================================================================================
+
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+C & Data Structures
+
+Chapter 1: Address, Pointers, Arrays, and Structures
+
+Dr. Amna Ali A Mohamed
+
+Faculty of information technology
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي غلاف أو مقدمة لمادة **C & Data Structures**، وتحديدًا **الفصل الأول** الذي يتناول: العناوين في الذاكرة، المؤشرات، المصفوفات، والتراكيب في لغة C.  
+كما يظهر اسم الدكتورة **Amna Ali A Mohamed** وانتماؤها إلى **Faculty of information technology**.  
+يوجد على يمين الصفحة رسم لشجرة بيانات (Tree) بعُقد مرقمة مثل 60 و53 و3 وغيرها، مع أسهم توضح العلاقات بين العقد، بالإضافة إلى شكل صغير يشير إلى مفهوم المؤشر أو العنوان.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction
+
+What Do We Mean by Data?
+
+Data in programming functions like nouns, which are objects that store and represent information.
+
+These objects could be numbers, text, or complex structures like lists and databases.
+
+Actions on data are the verbs, representing operations that manipulate the data. These include actions like:
+
+• Adding new data (inserting elements into a list or database).
+• Deleting unnecessary or outdated data.
+• Reading data from a file or database.
+• Writing data to a file or memory.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مقدمة لمفهوم البيانات في البرمجة، وتوضح أن البيانات تشبه الأسماء لأنها تمثل أشياء تخزن المعلومات.  
+كما تشرح أن البيانات قد تكون أرقامًا أو نصوصًا أو تراكيب معقدة مثل القوائم وقواعد البيانات.  
+وتعرض أيضًا أن العمليات على البيانات تشبه الأفعال، مثل الإضافة والحذف والقراءة والكتابة.  
+العنصر البصري عبارة عن شريحة نصية تعليمية بسيطة بخلفية بيضاء وعناوين بارزة بالخط العريض دون صور أو مخططات.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction (Cont.)
+
+Understanding Data Representation
+
+Computers store data as sequences of bits (0s and 1s), but human-
+readable formats are more abstract.
+
+For instance:
+
+• A single integer is stored as binary but is represented in decimal for
+  human understanding.
+
+• A character is stored using encoding schemes like ASCII or Unicode
+  but appears as a readable letter.
+
+• A list (array) is stored in contiguous memory locations but is
+  displayed as a structured collection of values.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تمثيل البيانات داخل الحاسوب وكيف تُخزن فعليًا على شكل بتات 0 و1، بينما تظهر للمستخدم بصيغ أسهل للفهم.  
+توضح أمثلة على ذلك: الأعداد الصحيحة تُخزن ثنائيًا وتُعرض عشريًا، والحروف تُخزن بترميزات مثل ASCII وUnicode.  
+كما تشرح أن القوائم أو المصفوفات تُخزن في مواقع متجاورة في الذاكرة لكنها تُعرض كمجموعة منظمة م�� القيم.  
+العنصر البصري عبارة عن شريحة نصية تعليمية فقط، بدون صور أو مخططات، مع عنوان كبير ونقاط تعداد.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+1. Data Abstraction
+
+Data abstraction is the process of separating the physical storage of data from how it is used in a program.
+
+It allows programmers to work with high-level data structures (such as arrays, linked lists, and trees) without needing to understand the underlying memory details.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم **تجريد البيانات** في البرمجة، وهو فصل طريقة تخزين البيانات فعليًا عن طريقة استخدامها داخل البرنامج.  
+توضح أن هذا المفهوم يساعد المبرمجين على التعامل مع هياكل بيانات عالية المستوى مثل المصفوفات والقوائم المرتبطة والأشجار بسهولة.  
+كما تشير إلى أن المبرمج لا يحتاج لمعرفة تفاصيل الذاكرة الداخلية عند استخدام هذه الهياكل.  
+العنصر البصري في الصفحة عبارة عن شريحة بسيطة بخلفية بيضاء ونص أسود كبير مع عنوان رئيسي واضح في الأعلى.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+1. Data Abstraction (Cont.)
+
+Key Benefit of Data Abstraction
+
+• Simplifies programming by allowing a focus on logic rather than implementation details.
+
+• Enables the design of scalable and modular programs.
+
+• Supports the creation of reusable components that can work across different hardware and software platforms.
+
+Data Abstraction: Data abstraction hides the physical representation of data and only exposes logical operations.
+
+• Example: An integer is represented differently across computers, yet operations remain the same.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم **تجريد البيانات** وفوائده في البرمجة.  
+توضح أنه يساعد المبرمج على التركيز على منطق البرنامج بدل تفاصيل التنفيذ الداخلية.  
+كما تشير إلى أنه يدعم بناء برامج **قابلة للتوسع** و**مقسمة إلى وحدات** مع مكونات قابلة لإعادة الاستخدام.  
+يوجد مثال يبين أن تمثيل العدد الصحيح قد يختلف بين الأجهزة، لكن العمليات عليه تبقى نفسها.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+2. Data Structures
+
+Definition: A structured way to store and organize data efficiently.
+
+Example:
+
+A library organizes books logically for easy access.
+
+Difference between Abstract Data Type (ADT) and Data Structure:
+○ ADT defines the logical view.
+○ Data Structure provides an actual implementation.
+
+[Top-right image]
+Leaves of Grass
+Software Engineering in ADA
+Programming in c++
+Biology Today
+C++ Plus
+INTRODUCTION TO CALCULUS
+Gone with the Wind
+HUMAN ANATOMY
+Programming Proverbs
+Adventures in Algebra
+SIMPLY STATISTICS
+Relational Databases
+Romeo and Juliet
+All over the place (Unordered)
+
+[Middle-right image]
+Adventures in Algebra
+Biology Today
+Gone with the Wind
+HUMAN ANATOMY
+INTRODUCTION TO CALCULUS
+Leaves of Grass
+Programming Proverbs
+Programming in c++
+Relational Databases
+Romeo and Juliet
+SIMPLY STATISTICS
+Software Engineering in ADA
+Alphabetical order by title
+
+[Bottom-right image]
+C++ Plus
+Programming in c++
+Relational Databases
+Software Engineering in ADA
+Programming Proverbs
+SIMPLY STATISTICS
+INTRODUCTION TO CALCULUS
+Adventures in Algebra
+Biology Today
+HUMAN ANATOMY
+Romeo and Juliet
+Leaves of Grass
+Gone with the Wind
+Computer Science
+Math
+Biology
+Literature
+Ordered by subject
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح مفهوم هياكل البيانات بأنها طريقة منظمة لتخزين البيانات وترتيبها بكفاءة، مع مثال تشبيه المكتبة التي ترتب الكتب لتسهيل الوصول إليها.  
+كما توضح الفرق بين ADT و Data Structure، حيث إن ADT يمثل الوصف أو المنظور المنطقي، بينما Data Structure هو ��لتطبيق الفعلي لهذا الوصف.  
+الرسومات على اليمين تعرض كتبًا مرتبة بثلاث حالات: غير مرتبة، مرتبة أبجديًا حسب العنوان، ومرتبة حسب الموضوع.  
+الهدف من الصور هو توضيح كيف أن التنظيم الجيد يجعل الوصول إلى البيانات أسهل وأوضح.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+3. Overview of Data Structures
+
+| Data Structure | Strengths | Weaknesses |
+|---|---|---|
+| Arrays | Fast access | Fixed size |
+| Linked Lists | Dynamic size | Slower access |
+| Stacks | Easy LIFO operations | Limited access |
+| Queues | FIFO processing | Limited access |
+| Trees | Hierarchical organization | Complex implementation |
+| Hash Tables | Fast lookups | Potential collisions |
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن نظرة عامة على هياكل البيانات الأساسية ومقارنة سريعة بينها.  
+يوجد جدول بثلاثة أعمدة: اسم هيكل البيانات، نقاط القوة، ونقاط الضعف.  
+يعرض أمثلة مثل Arrays وLinked Lists وStacks وQueues وTrees وHash Tables مع ميزة وعيب لكل نوع.  
+التصميم بصريًا عبارة عن شريحة تعليمية بسيطة تحتوي عنوانًا كبيرًا في الأعلى وجدولًا منظمًا في المنتصف بخلفيات رمادية متناوبة.
+
+
+================================================================================
+PAGE 8 - page_0008.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+C Language
+
+1. Address & Memory Allocation  
+Each variable has:  
+• Value (data stored in memory).  
+• Address (location in memory).
+
+```c
+#include <stdio.h>
+int main() {
+    int i = 10;
+    printf("Address of i: %p\n", &i);
+    return 0;
+}
+```
+
+Explanation  
+Memory allocations to the variables can be explained using the following variables:  
+1. 100,i 10  
+2. 200, j 20  
+3. 300,k 30
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم العنوان والذاكرة في لغة C، وأن كل متغير يملك قيمة مخزنة داخل الذاكرة وعنوانًا يحدد مكانه.  
+يوجد مثال برمجي يعرّف المتغير `i` بقيمة 10 ثم يطبع عنوانه باستخدام `&i` و`printf`.  
+كما تعرض الصفحة شرحًا مبسطًا لتخصيص الذاكرة عبر أمثلة لمتغيرات مثل `i` و`j` و`k` مع عناوين وقيم افتراضية.  
+بصريًا، تحتوي الصفحة على عنوان كبير "C Language"، ونقاط تعداد، وصورة لكود C، ونص شرح على الجهة اليمنى.
+
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+1. Address & Memory Allocation
+
+Explanation  
+Memory allocations to the variables can be explained using the following  
+variables:  
+1. 100,i 10  
+2. 200, j 20  
+3. 300,k 30
+
+Points to Remember  
+• Each variable has two attributes: address and value.  
+• The address is the location in memory where the value of the variable is stored.  
+• During the lifetime of the variable, the address is not changed but the value may change.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم العنوان في الذاكرة وتخصيص الذاكرة للمتغيرات في البرمجة.  
+توضح أن كل متغير له خاصيتان أساسيتان: عنوان في الذاكرة وقيمة مخزنة داخله.  
+تعرض أمثلة لمتغيرات مثل i و j و k مع عناوين وقيم مختلفة لتوضيح الفكرة.  
+كما تؤكد أن عنوان المتغير يبقى ثابتًا أثناء حياته، بينما يمكن أن تتغير قيمته.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+2. Pointers
+
+• A pointer is a variable whose value is also an address. As described earlier, each variable has two attributes: address and value.
+
+• A variable can take any value specified by its data type.
+
+• For example, if the variable i is of the integer type, it can take any value permitted in the range specified by the integer data type.
+
+• A pointer to an integer is a variable that can store the address of that integer.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم المؤشرات (Pointers) في البرمجة، وأن المؤشر هو متغير يخزن عنوانًا في الذاكرة بدلًا من قيمة عادية فقط.  
+كما توضح أن كل متغير له خاصيتان: العنوان والقيمة، وأن نوع البيانات يحدد القيم الممكنة للمتغير.  
+وتعرض مثالًا على المتغير الصحيح integer، ثم تشرح أن مؤشر العدد الصحيح يمكنه تخزين عنوان هذا المتغير.  
+العنصر البصري الوحيد هو تنسيق شريحة عرض بعنوان كبير ونقاط تعداد، ولا توجد صور أو مخططات.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+2. Pointers (cont.)
+
+• A pointer stores the address of another variable.
+
+• Allows indirect access to a variable's value.
+
+```c
+#include <stdio.h>
+
+int main() {
+    int i = 10; // Declare integer variable
+
+    int *ia; // Declare pointer to integer I
+
+    ia = &i; // Assign address of i to ia
+
+    printf("The address of i is %p\n", ia); // Print address of Ia
+
+    printf("The value at that location is %d\n", *ia); // Print value using pointer
+
+    *ia = 50; // Modify value using pointer
+
+    printf("The value of i is %d\n", i); // Print updated value of i
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم المؤشرات (Pointers) في لغة C، وأنها تخزن عنوان متغير آخر وتسمح بالوصول غير المباشر إلى قيمته.  
+يوجد مثال برمجي يعرّف متغيرًا صحيحًا `i` ومؤشرًا `ia` يشير إليه باستخدام العامل `&`.  
+ثم يوضح كيفية طباعة العنوان باستخدام `%p`، وقراءة القيمة عبر فك الإشارة `*ia`، ثم تعديل قيمة `i` من خلال المؤشر إلى `50`.  
+العنصر البصري الأساسي هو صندوق كود برمجي داخل شريحة عرض تعليمية بعنوان كبير ونقطتين توضيحيتين أعلى المثال.
+
+
+================================================================================
+PAGE 12 - page_0012.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+2. Pointers (cont.)
+
+Syntax:
+
+Declare: int *ptr.
+
+Assign address: ptr = &var.
+
+Access value: *ptr (dereferencing).
+
+```c
+#include <stdio.h>
+
+int main() {
+    int i = 10; // Declare integer variable
+    int *ia; // Declare pointer to integer I
+    a = &i; // Assign address of i to ia
+
+    printf("The address of i is %p\n", ia); // Print address of I
+    printf("The value at that location is %d\n", *ia); // Print value using pointer
+
+    *ia = 50; // Modify value using pointer
+
+    printf("The value of i is %d\n", i); // Print updated value of i
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة مفهوم المؤشرات (Pointers) في لغة C بشكل مبسط.  
+توضح الصياغة الأساسية: تعريف مؤشر، إسناد عنوان متغير له باستخدام `&`، ثم الوصول إلى القيمة باستخدام `*` (فك الإشارة).  
+يوجد مثال برمجي يبيّن إنشاء متغير صحيح `i`، ثم مؤشر يشير إليه، وطباعة العنوان والقيمة، وبعدها تعديل قيمة `i` عبر المؤشر.  
+العنصر البصري الأساسي هو شريحة تعليمية تحتوي عنوانًا كبيرًا في الأعلى، ونصًا توضيحيًا على اليمين، ومربعًا رماديًا في الأسفل بداخله كود ملوّن.
+
+
+================================================================================
+PAGE 13 - page_0013.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+3. Arrays
+
+• An array stores multiple values of the same type.
+
+• Elements are accessed using an index (starting from 0).
+
+• Array name is a pointer constant pointing to the first element.
+
+```c
+#include <stdio.h>
+
+int main() {
+    int a[5]; // Declare an array of size 5
+
+    for(int i = 0; i < 5; i++) {
+        a[i] = i; // Assign values to array elements
+    }
+
+    for(int i = 0; i < 5; i++) {
+        printf("value in array %d\n", a[i]); // Print array elements
+    }
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المصفوفات في لغة C، و��نها تُستخدم لتخزين عدة قيم من نفس النوع.
+توضح أن الوصول إلى عناصر المصفوفة يتم باستخدام الفهرس ويبدأ من 0.
+كما تشرح أن اسم المصفوفة يشير إلى أول عنصر فيها كمؤشر ثابت.
+يوجد أيضًا مثال برمجي يعرّف مصفوفة من 5 عناصر، ثم يملؤها ويطبع قيمها باستخدام حلقتي for.
+
+
+================================================================================
+PAGE 14 - page_0014.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+3. Arrays
+
+Points to Remember
+
+1. An array is a composite data structure in which you can store multiple
+   values. Array elements are accessed using subscript.
+
+2. The subscript operator has the highest precedence. Thus if you write
+   a[2]++,it increments the value at location 2 in the array.
+
+3. The valid range of subscript is 0 to size −1.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المصفوفات (Arrays) وأهم النقاط الأساسية المتعلقة بها في البرمجة.  
+توضح أن المصفوفة هي بنية بيانات مركبة تُستخدم لتخزين عدة قيم، ويتم الوصول إلى عناصرها باستخدام الفهرس (subscript).  
+كما تشرح أن معامل الفهرسة له أولوية عالية، لذلك التعبير a[2]++ يزيد قيمة العنصر الموجود في الموقع 2.  
+وتذكر أيضًا أن المجال الصحيح للفهارس يبدأ من 0 وينتهي عند size − 1.  
+العنصر البصري الوحيد هو تنسيق نصي تعليمي بعنوان كبير وقائمة مرقمة بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 15 - page_0015.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Address of Array Elements
+
+• Each array element has a memory address.
+
+• Elements are stored in consecutive memory locations.
+
+#include <stdio.h>
+int main() {
+    int a[5];
+    for(int i = 0; i < 5; i++) {
+        a[i] = i; // Assign values to array
+    }
+    for(int i = 0; i < 5; i++) {
+        printf("value in array %d and address is %p\n", a[i], &a[i]);
+    }
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن عناوين عناصر المصفوفة في لغة C، وأن كل عنصر داخل المصفوفة له عنوان في الذاكرة.
+كما توضّح أن عناصر المصفوفة تُخزَّن في مواقع متتالية داخل الذاكرة.
+يوجد مثال برمجي يعرّف مصفوفة من 5 عناصر، ثم يملؤها بقيم، وبعد ذلك يطبع قيمة كل عنصر مع عنوانه باستخدام printf.
+التصميم عبارة عن شريحة تعليمية تحتوي على عنوان كبير ونقطتين رئيسيتين مع صندوق كود برمجي في الأسفل.
+
+
+================================================================================
+PAGE 16 - page_0016.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Accessing Arrays Using Pointers
+
+• Arrays can be accessed using pointers.
+• Pointer arithmetic moves the pointer to the next element.
+
+#include <stdio.h>
+
+int main() {
+    int a[5] = {10, 20, 30, 40, 50};
+
+    int *ptr = a;   // Assign base address of array to pointer
+
+    for(int i = 0; i < 5; i++) {
+        printf("value in array %d and address is %p\n", *ptr, ptr);
+
+        ptr=ptr+1;   // Move pointer to next element
+    }
+}
+
+return 0;
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية الوصول إلى عناصر المصفوفة باستخدام المؤشرات في لغة C.  
+توضح أن اسم المصفوفة يمكن إسناده إلى مؤشر ليشير إلى أول عنصر فيها، ثم يمكن التنقل بين العناصر باستخدام العمليات الحسابية على المؤشر.  
+يوجد مثال برمجي يعرّف مصفوفة من 5 أعداد، ثم يستخدم مؤشرًا لطباعة قيمة كل عنصر وعنوانه في الذاكرة.  
+التصميم عبارة عن شريحة تعليمية بعنوان كبير مع نقطتين توضيحيتين، وأسفلها صندوق يحتوي على كود برمجي ملوّن.
+
+
+================================================================================
+PAGE 17 - page_0017.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Accessing Arrays Using Pointers
+
+Points to Remember
+
+1.  Array elements can be accessed using pointers.
+
+2.  The array name is the pointer constant which can be assigned to any pointer variable.
+
+#include <stdio.h>
+
+int main() {
+
+    int a[5] = {10, 20, 30, 40, 50};
+
+    int *ptr = a;   // Assign base address of array to pointer
+
+    for(int i = 0; i < 5; i++) {
+
+        printf("value in array %d and address is %p\n", *ptr, ptr);
+
+        ptr=ptr+1;   // Move pointer to next element
+
+    }
+
+    return 0;
+
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية الوصول إلى عناصر المصفوفة باستخدام المؤشرات في لغة C.  
+توضح أن اسم المصفوفة يمثل عنوان البداية ويمكن إسناده إلى متغير مؤشر.  
+يوجد مثال برمجي يعرّف مصفوفة من 5 عناصر، ثم يستخدم مؤشرًا لطباعة قيمة كل عنصر وعنوانه.  
+كما يبيّن المثال تحريك المؤشر إلى العنصر التالي باستخدام `ptr = ptr + 1`.
+
+
+================================================================================
+PAGE 18 - page_0018.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Manipulating arrays using pointers
+
+• Pointers can be used to manipulate arrays by incrementing or decrementing the pointer.
+• Pointer arithmetic automatically adjusts the pointer based on the data type size.
+
+```c
+#include <stdio.h>
+int main() {
+    int a[5] = {10, 20, 30, 40, 50};
+
+    int *ptr = a;   // Assign base address of array to pointer
+    for(int i = 0; i < 5; i++) {
+        printf("value in array %d and address is %p\n", *ptr, ptr);
+
+        ptr++;      // Move pointer to next element
+    }
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية التعامل مع المصفوفات باستخدام المؤشرات في لغة C، من خلال تحريك المؤشر بين عناصر المصفوفة.  
+توضح أن العمليات الحسابية على المؤشر مثل `ptr++` تنقله تلقائيًا حسب حجم نوع البيانات، وليس بمقدار بايت واحد فقط.  
+يوجد مثال برمجي يعرّف مصفوفة أعداد صحيحة، ثم يربط مؤشرًا بأول عنصر فيها ويطبع القيمة والعنوان لكل عنصر داخل حلقة.  
+العنصر البصري الأساسي هو عنوان كبير في الأعلى مع نقطتين توضيحيتين، وأسفلها صندوق رمادي يحتوي على الكود مع تلوين نحوي وتعليق أحمر يشرح انتقال المؤشر للعنصر التالي.
+
+
+================================================================================
+PAGE 19 - page_0019.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Manipulating arrays using pointers
+
+Explanation:
+
+• ptr++ moves the pointer to the next element in the array.
+• The pointer is incremented by the size of the data type (e.g., 2 bytes for int).
+
+```c
+#include <stdio.h>
+
+int main() {
+    int a[5] = {10, 20, 30, 40, 50};
+    int *ptr = a;   // Assign base address of array to pointer
+    for(int i = 0; i < 5; i++) {
+        printf("value in array %d and address is %p\n", *ptr, ptr);
+        ptr++;      // Move pointer to next element
+    }
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية التعامل مع المصفوفات باستخدام المؤشرات في لغة C.  
+توضح أن التعليمة `ptr++` تنقل المؤشر إلى العنصر التالي في المصفوفة، وأن الزيادة تتم حسب حجم نوع البيانات.  
+يوجد مثال برمجي يعرّف مصفوفة من 5 عناصر، ثم يستخدم مؤشرًا للتنقل بينها وطباعة القيمة والعنوان لكل عنصر.  
+العنصر البصري الأساسي هو صندوق يحتوي على كود ملوّن مع تعليق يشرح حركة المؤشر إلى العنصر التالي.
+
+
+================================================================================
+PAGE 20 - page_0020.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Two-Dimensional Arrays
+
+• A two-dimensional array is an array of arrays.
+
+• It is stored in row-major order (all elements of a row are stored consecutively).
+
+• Elements are accessed using two indices: array[row][column].
+
+```c
+#include <stdio.h>
+int main() {
+    int a[3][2] = {{1, 2}, {3, 4}, {5, 6}}; // Declare and initialize 2D array
+        for(int i = 0; i < 3; i++) {
+            for(int j = 0; j < 2; j++) {
+                printf("a[%d][%d] = %d, Address = %p\n", i, j, a[i][j], &a[i][j]);
+            }
+        }
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المصفوفات ثنائية الأبعاد في لغة البرمجة C، وتوضح أنها عبارة عن مصفوفة من المصفوفات.  
+كما تشرح أن تخزين العناصر يتم بطريقة row-major order، أي تُخزن عناصر كل صف بشكل متتالٍ في الذاكرة.  
+وتوضح أيضًا طريقة الوصول إلى العناصر باستخدام فهرسين بالشكل array[row][column].  
+يوجد في الأسفل مثال برمجي يعرّف مصفوفة 3×2، ثم يستخدم حلقتين متداخلتين لطباعة قيم العناصر وعناوينها في الذاكرة.
+
+
+================================================================================
+PAGE 21 - page_0021.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Two-Dimensional Arrays
+
+Explanation:
+
+• The array a has 3 rows and 2 columns.
+
+• Elements are accessed using a[i][j], where i is the row index and j is the column index.
+
+• The addresses of elements are printed to show the memory layout (row-major order).
+
+#include <stdio.h>
+
+int main() {
+
+    int a[3][2] = {{1, 2}, {3, 4}, {5, 6}}; // Declare and initialize 2D array
+
+    for(int i = 0; i < 3; i++) {
+
+        for(int j = 0; j < 2; j++) {
+
+            printf("a[%d][%d] = %d, Address = %p\n", i, j, a[i][j], &a[i][j]);
+
+        }
+
+    }
+
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المصفوفات ثنائية الأبعاد في لغة C، وكيفية تعريف مصفوفة باسم a تحتوي على 3 صفوف و2 أعمدة.  
+توضح أن الوصول إلى العناصر يتم باستخدام الصيغة a[i][j] حيث i تمثل الصف وj تمثل العمود.  
+كما تعرض مثالًا برمجيًا يطبع قيمة كل عنصر وعنوانه في الذاكرة لشرح ترتيب التخزين row-major order.  
+يوجد تصميم تعليمي بسيط يتضمن عنوانًا كبيرًا، نقاط شرح، ومربعًا يحتوي على كود برمجي منسق بألوان مختلفة.
+
+
+================================================================================
+PAGE 22 - page_0022.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Two-Dimensional Arrays
+
+Explanation:
+
+• The array a has 3 rows and 2 columns.
+
+• Elements are accessed using a[i][j], where i is the row index and j is the column index.
+
+• The addresses of elements are printed to show the memory layout (row-major order).
+
+#include <stdio.h>
+
+int main() {
+
+    int a[3][2] = {{1, 2}, {3, 4}, {5, 6}}; // Declare and initialize 2D array
+
+    for(int i = 0; i < 3; i++) {
+
+        for(int j = 0; j < 2; j++) {
+
+            printf("a[%d][%d] = %d, Address = %p\n", i, j, a[i][j], &a[i][j]);
+
+        }
+
+    }
+
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المصفوفات ثنائية الأبعاد في لغة C، وكيفية تعريف مصفوفة باسم a تحتوي على 3 صفوف و2 أعمدة.  
+توضح أن الوصول إلى العناصر يتم باستخدام الصيغة a[i][j] حيث i تمثل الصف وj تمثل العمود.  
+كما تعرض مثالًا برمجيًا يطبع قيمة كل عنصر مع عنوانه في الذاكرة لشرح ترتيب التخزين row-major order.  
+يوجد عنوان كبير في الأعلى ونقاط شرح، وأسفلها صندوق يحتوي على كود برمجي منسق بألوان مختلفة.
+
+
+================================================================================
+PAGE 23 - page_0023.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Multiple Choice Questions
+
+1. What is the output of the following code?
+
+```c
+#include <stdio.h>
+int main() {
+    int x = 10;
+    printf("Address of x: %p", &x);
+    return 0;
+}
+```
+
+a) 10  
+b) Address of x  
+c) Compilation error  
+d) Runtime error
+
+2. What should be filled in the blank to correctly assign the address of x to the pointer ptr?
+
+```c
+#include <stdio.h>
+int main() {
+    int x = 10;
+    int *ptr; ptr = _____; // Missing part
+    printf("Value of x: %d", *ptr);
+    return 0;
+}
+```
+
+a) x  
+b) &x  
+c) *x  
+d) %x
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة اختيار من متعدد في لغة C حول المؤشرات والعناوين في الذاكرة.  
+الس��ال الأول يختبر فهم استخدام العامل `&` مع `printf` والصيغة `%p` لطباعة عنوان المتغير `x`.  
+السؤال الثاني يختبر كيفية إسناد عنوان المتغير إلى مؤشر `ptr` ثم فك الإشارة إليه باستخدام `*ptr`.  
+يوجد تنسيق بصري تعليمي واضح: عنوان كبير أعلى الصفحة، ومربعات كود بخلفية فاتحة، مع خيارات الإجابة مصطفّة بجانب كل سؤال.
+
+
+================================================================================
+PAGE 24 - page_0024.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Multiple Choice Questions
+
+3. What is the output of the following code?
+
+```c
+#include <stdio.h>
+int main() {
+int a[3] = {10, 20, 30};
+int *ptr = a;
+printf("%d", *(++ptr));
+return 0; }
+```
+
+a) 10  
+b) 20  
+c) 30  
+d) Compilation error
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض سؤال اختيار من متعدد في لغة C حول ناتج تنفيذ كود يستخدم المصفوفات والمؤشرات.  
+الكود يعرّف مصفوفة تحتوي على 10 و20 و30 ثم يحرّك المؤشر إلى العنصر التالي باستخدام `++ptr` قبل الطباعة.  
+يوجد على اليمين أربع اختيارات للإجابة: 10، 20، 30، أو خطأ في الترجمة.  
+التصميم بسيط، مع عنوان كبير أعلى الصفحة وصندوق رمادي يحتوي على الكود الملوّن بصيغة برمجية.

data_structure/p2.txt

@@ -0,0 +1,637 @@
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+SUBJECT: Lecture2_20260417_203147
+TOTAL PAGES: 17
+EXTRACTED ON: 2026-04-17 19:44:28
+================================================================================
+
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+C & Data Structures
+
+Chapter 1: Address, Pointers, Arrays, and Structures
+
+Dr. Amna Ali A Mohamed
+
+Faculty of Information Technology
+
+60
+53
+3
+49
+46
+1
+2
+48
+16
+25
+40
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة هي غلاف أو مقدمة لمحاضرة في مادة **C & Data Structures**، وتحديدًا **الفصل الأول** الذي يتناول: العناوين (Address)، المؤشرات (Pointers)، المصفوفات (Arrays)، والهياكل (Structures).  
+تظهر أيضًا بيانات المحاضِرة: **Dr. Amna Ali A Mohamed** من **Faculty of Information Technology**.  
+يوجد على يمين الصفحة رسمٌ لشجرة بيانات (Tree) بعُقد مرقمة مثل 60 و53 و3 وغيرها، مع أسهم توضّح العلاقات بين العقد، كما يظهر مستطيل صغير يشير إلى العقدة 60 لتمثيل فكرة المؤشر أو المرجع.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction to Structures
+
+•What is a Structure?
+
+• A structure is a user-defined data type in C that allows grouping variables of different
+
+data types under a single name.
+
+• Useful for representing real-world entities (e.g., student, employee, book).
+
+•Why Use Structures?
+
+• Organize related data into a single unit.
+
+• Simplify complex data handling.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مقدمة لهياكل البيانات (Structures) في لغة C.  
+توضح أن الـ Structure هو نوع بيانات يعرّفه المستخدم لتجميع متغيرات من أنواع مختلفة تحت اسم واحد.  
+كما تشرح فائدته في تمثيل كيانات من العالم الحقيقي مثل الطالب أو الموظف أو الكتاب.  
+وتعرض أسباب استخدامه، مثل تنظيم البيانات المرتبطة في وحدة واحدة وتبسيط التعامل مع البيانات المعقدة.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Defining a Structure
+
+Syntax:
+
+struct structure_name {
+        data_type member1;
+        data_type member2;
+        // ...
+};
+
+struct student {
+char name[30];      // Member 1: Name of the student
+float marks;        // Member 2: Marks of the student
+};
+
+Example:
+
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+
+• Explanation:
+    • struct Student defines a structure with three members: name, rollNo, and marks.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تعريف Structure في لغة C/C++ باستخدام الكلمة المفتاحية `struct`.
+توضح أولاً الصيغة العامة لتعريف الهيكل، ثم تعرض مثالًا بسيطًا لهيكل `student` يحتوي على الاسم والدرجات.
+بعد ذلك تقدم مثالًا أشمل لهيكل `Student` يضم `name` و`rollNo` و`marks`.
+العناصر البصرية عبارة عن مربعات رمادية تحتوي على أكواد برمجية مع تلوين نحوي لتمييز الكلمات والأنواع والأقواس.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Declaring Structure Variables
+
+Two Ways to Declare:
+
+1. During Definition:
+
+struct student {
+    char name[30];
+    float marks;
+} student1, student2;      // Declares variables student1 and student2
+
+2. After Definition:
+
+struct student {
+    char name[30];
+    float marks;
+};
+
+struct student student3; // Declares a variable student3
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة طريقتين لتعريف متغيرات من نوع structure في لغة C.  
+الطريقة الأولى تكون أثناء تعريف الـ struct نفسه، حيث يتم إنشاء student1 و student2 مباشرة.  
+الطريقة الثانية تكون بعد الانتهاء من تعريف الـ struct، ثم إعلان متغير جديد مثل student3 بشكل منفصل.  
+يوجد تنسيق بصري بسيط على شكل عنوان كبير وصندوقين رماديين يحتويان على أمثلة الكود البرمجي.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Accessing Structure Members
+
+Dot Operator (.):
+•Used to access members of a structure variable.
+
+•Example:
+
+struct student student1;
+strcpy(student1.name, " Ali Mohamed ");
+student1.marks = 95.5;
+
+Example Program:
+
+#include <stdio.h>
+#include <string.h>
+
+struct student {
+    char name[30];
+    float marks;
+};
+
+int main() {
+    struct student student1;
+    strcpy(student1.name, " Ali Mohamed ");
+    student1.marks = 95.5;
+    printf("Name: %s\n", student1.name);
+    printf("Marks: %.2f\n", student1.marks);
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية الوصول إلى أعضاء الـ structure في لغة C باستخدام عامل النقطة (.).
+توضح أن هذا العامل يُستخدم للوصول إلى المتغيرات الداخلية داخل هيكل البيانات مثل name و marks.
+يوجد مثال برمجي يعرّف struct باسم student ثم يُنشئ متغيرًا student1 ويُسند له الاسم والدرجات.
+كما يعرض البرنامج طباعة الاسم والدرجة، مع وجود تنسيق بصري يشمل عنوان كبير وصندوقين يحتويان على أمثلة كود.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Pointers to Structures
+
+•What is a Structure Pointer?
+    • A pointer that stores the address of a structure variable.
+    • Used to access structure members dynamically.
+
+• Syntax:
+    struct structure_name *pointer_name;
+
+• Example:
+    struct student *ptr;
+
+#include <stdio.h>
+#include <string.h>
+
+struct student {
+    char name[30];
+    float marks;
+};
+
+int main() {
+    struct student student1;
+    struct student *ptr;
+
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن المؤشرات إلى الهياكل (Pointers to Structures) في لغة C، وتوضح أنها متغيرات تخزن عنوان متغير من نوع struct.  
+تشرح الصيغة العامة لتعريف مؤشر إلى هيكل مثل: `struct structure_name *pointer_name;` مع مثال على `struct student *ptr;`.  
+يوجد أيضًا مثال برمجي يعرّف هيكل `student` يحتوي على `name` و`marks`، ثم يعرّف متغيرًا من هذا النوع ومؤشرًا إليه داخل `main`.  
+العناصر البصرية عبارة عن شريحة تعليمية بتنسيق عرض تقديمي، فيها عنوان كبير ونصوص نقطية ومربعات رمادية تحتوي على أمثلة الكود.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Accessing Members Using Structure Pointers
+
+Arrow Operator (->):
+
+• Used to access members of a structure using a pointer.
+
+• Example:
+
+ptr->name = " Ali Mohamed ";
+ptr->marks = 88.5;
+
+Example Program:
+
+#include <stdio.h>
+#include <string.h>
+
+struct student {
+    char name[30];
+    float marks;
+};
+
+int main() {
+    struct student student1;
+    struct student *ptr;
+
+    ptr = &student1; // Point to the structure variable
+    strcpy(ptr->name, “Ali Mohamed”);
+    ptr->marks = 88.5;
+
+    printf("Name: %s\n", ptr->name);
+    printf("Marks: %.2f\n", ptr->marks);
+
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح كيفية الوصول إلى أعضاء الـ structure في لغة C باستخدام المؤشر عبر العامل السهمي (->).
+توضح أن هذا العامل يُستخدم بدل النقطة (.) عندما نتعامل مع مؤشر يشير إلى struct.
+يوجد مثال بسيط يعيّن الاسم والدرجات للطالب باستخدام ptr->name و ptr->marks.
+كما تعرض برنامجًا كاملًا يعرّف struct student ثم يربط مؤشرًا به ويطبع القيم.
+بصريًا، الصفحة تحتوي عنوانًا كبيرًا، نقاطًا توضيحية على اليسار، ومربع كود برمجي منسق على اليمين.
+
+
+================================================================================
+PAGE 8 - page_0008.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Dynamic Memory Allocation for Structures
+
+•Why Use Dynamic Memory?
+    • Allocate memory at runtime for structures.
+    • Useful when the number of structures is not known in advance.
+
+• Using malloc():
+
+struct student *ptr;
+ptr = (struct student *)malloc(sizeof(struct student));
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن التخصيص الديناميكي للذاكرة للهياكل (Structures) في لغة C.  
+توضح أن استخدام الذاكرة الديناميكية مفيد عند الحاجة إلى حجز الذاكرة أثناء التشغيل، خاصة إذا كان عدد العناصر غير معروف مسبقًا.  
+كما تعرض مثالًا باستخدام الدالة malloc() لإنشاء مؤشر إلى struct student وحجز مساحة مناسبة له.  
+يوجد عنصر بصري بسيط عبارة عن مربع/خلفية فاتحة لتمييز مقطع الكود عن باقي النص.
+
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Dynamic Memory Allocation for Structure's example
+
+```c
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+
+struct student {
+    char name[30];
+    float marks;
+};
+
+int main() {
+    struct student *ptr;
+
+    ptr = (struct student *)malloc(sizeof(struct student));
+    if (ptr == NULL) {
+        printf("Memory allocation failed!\n");
+        return 1;
+    }
+
+    strcpy(ptr->name, "Amna Ali");
+    ptr->marks = 92.0;
+    printf("Name: %s\n", ptr->name);
+    printf("Marks: %.2f\n", ptr->marks);
+    free(ptr); // Free allocated memory
+
+    return 0;
+}
+```
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة مثالًا في لغة C عن التخصيص الديناميكي للذاكرة باستخدام `malloc` مع هيكل `struct student`.
+يتم إنشاء مؤشر إلى الهيكل، ثم حجز ذاكرة له، والتحقق من نجاح الحجز باستخدام `NULL`.
+بعد ذلك يتم تخزين الاسم والدرجات داخل الهيكل باستخدام العامل `->` ثم طباعتها.
+في النهاية يتم تحرير الذاكرة باستخدام `free`، ويظهر المحتوى داخل صندوقين نصيين منسقين لعرض الكود.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+1. Pass by Value:
+•A copy of the structure is passed to the function.
+•Example:
+
+void printStudent(struct student s) {
+    printf("Name: %s\n", s.name);
+    printf("Marks: %.2f\n", s.marks);
+}
+
+2. Pass by Reference (Using Pointers):
+•The address of the structure is passed to the function.
+•Example:
+
+void printStudent(struct student *s) {
+    printf("Name: %s\n", s->name);
+    printf("Marks: %.2f\n", s->marks);
+}
+
+Key Points to Remember
+
+1. Structures group variables of different data types.
+
+2. Use the dot operator (.) to access members of a structure variable.
+
+3. Use the arrow operator (->) to access members of a structure using a pointer.
+
+4. Dynamic memory allocation allows creating structures at runtime.
+
+5. Structures can be passed to functions by value or by reference.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير الـ structures إلى الدوال في لغة C بطريقتين: بالنسخ المباشر (Pass by Value) أو باستخدام المؤشرات (Pass by Reference).  
+توضح أن التمرير بالقيمة يرسل نسخة من الـ structure، بينما التمرير بالمرجع يرسل عنوانه في الذاكرة.  
+كما تعرض أمثلة برمجية تبين استخدام العامل (.) للوصول إلى الأعضاء مباشرة، والعامل (->) عند استخدام المؤشرات.  
+يوجد تنسيق تعليمي بسيط مع عنوان كبير، قسمين للمقارنة، ومربعات رمادية تحتوي على أمثلة الكود.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Array of Structures
+
+• What is an Array of Structures?
+
+  • An array of structures is a collection of multiple structure variables stored in contiguous memory
+    locations.
+  • Useful for managing multiple records of the same type (e.g., students, employees, books).
+
+• Why Use an Array of Structures?
+
+  • Simplifies handling of multiple entities with the same attributes.
+  • Enables efficient storage and retrieval of structured data.
+
+• Declaring an Array of Structures
+
+Syntax: struct structure_name array_name[size];
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم Array of Structures في البرمجة، وهو استخدام مصفوفة لتخزين عدة متغيرات من نوع struct بشكل متجاور في الذاكرة.  
+توضح فائدته في إدارة سجلات متعددة من نفس النوع مثل الطلاب أو الموظفين، مع تسهيل التعامل مع البيانات المنظمة.  
+كما تعرض سبب استخدامه من حيث الكفاءة في التخزين والاسترجاع، وتقدم صيغة التصريح الأساسية: `struct structure_name array_name[size];`  
+العنصر البصري الأساسي هو شريحة تعليمية نصية تحتوي على عنوان كبير ونقاط تعداد، مع صندوق سفلي مميز لعرض صيغة الـ Syntax.
+
+
+================================================================================
+PAGE 12 - page_0012.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Array of Structures
+
+• Example:
+
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+struct Student students[10]; // Array of 10 students
+
+• Accessing Elements in an Array of Structures
+
+    Dot Operator (.):
+    • Used to access members of a structure in the array.
+
+• Example:
+
+students[0].rollNo = 101; // Access the first student's roll number
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم **مصفوفة من الهياكل (Array of Structures)** في لغة C.  
+توضح مثالًا على هيكل باسم **Student** يحتوي على الاسم ورقم الجلوس والدرجات، ثم إنشاء مصفوفة من 10 طلاب.  
+كما تشرح كيفية الوصول إلى عناصر المصفوفة باستخدام **المعامل النقطي (.)** للوصول إلى أعضاء كل هيكل.  
+يوجد تنسيق بصري على شكل شريحة تعليمية مع مربعات رمادية لعرض أمثلة الشيفرة البرمجية.
+
+
+================================================================================
+PAGE 13 - page_0013.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+#include <stdio.h>
+#include <string.h>
+
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+
+int main() {
+    struct Student students[3]; // Array of 3 students
+
+    // Input student details
+    for (int i = 0; i < 3; i++) {
+        printf("Enter details for student %d:\n", i + 1);
+        printf("Name: ");
+        scanf("%s", students[i].name);
+        printf("Roll No: ");
+        scanf("%d", &students[i].rollNo);
+        printf("Marks: ");
+        scanf("%f", &students[i].marks);
+    }
+
+    // Display student details
+    printf("\nStudent Details:\n");
+
+    for (int i = 0; i < 3; i++) {
+        printf("\nStudent %d:\n", i + 1);
+        printf("Name: %s\n", students[i].name);
+        printf("Roll No: %d\n", students[i].rollNo);
+        printf("Marks: %.2f\n", students[i].marks);
+    }
+
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض مثالًا بلغة C لاستخدام `struct` لتعريف بيانات الطالب مثل الاسم ورقم الجلوس والدرجات.  
+كما توضح إنشاء مصفوفة من 3 طلاب ثم استخدام حلقة `for` لإدخال البيانات لكل طالب عبر `scanf`.  
+بعد ذلك يتم عرض بيانات الطلاب باستخدام `printf` داخل حلقة أخرى.  
+العنصر البصري الأساسي هو كود برمجي منسق بالألوان ومقسوم إلى جزأين داخل الصفحة.
+
+
+================================================================================
+PAGE 14 - page_0014.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Dynamic Memory Allocation for an Array of Structures
+
+• Why Use Dynamic Memory?
+
+    • Allocate memory at runtime for an array of structures.
+
+    • Useful when the number of structures is not known at compile time.
+
+• Using malloc():
+
+    struct Student *students;
+    students = (struct Student *)malloc(n * sizeof(struct Student));
+
+• Example Program:
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن التخصيص الديناميكي للذاكرة لمصفوفة من الهياكل (Structures) في لغة C.  
+توضح لماذا نستخدم الذاكرة الديناميكية، خاصة عندما يكون عدد العناصر غير معروف أثناء الترجمة.  
+كما تعرض مثالًا باستخدام الدالة malloc() لحجز مساحة لعدد n من العناصر من النوع Student.  
+يوجد عنصر بصري عبارة عن مربع رمادي يحتوي على مقطع الكود البرمجي لتوضيح طريقة الحجز.
+
+
+================================================================================
+PAGE 15 - page_0015.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+int main() {
+    int n;
+    struct Student *students;
+
+    // Input the number of students
+    printf("Enter the number of students: ");
+    scanf("%d", &n);
+
+    // Dynamically allocate memory for an array of structures
+    students = (struct Student *)malloc(n * sizeof(struct Student));
+    if (students == NULL) {
+        printf("Memory allocation failed!\n");
+        return 1;
+    }
+
+// Input student details
+for (int i = 0; i < n; i++) {
+    printf("\nEnter details for student %d:\n", i + 1);
+    printf("Name: ");
+    scanf("%s", students[i].name);
+    printf("Roll No: ");
+    scanf("%d", &students[i].rollNo);
+    printf("Marks: ");
+    scanf("%f", &students[i].marks);
+}
+
+// Display student details
+printf("\nStudent Details:\n");
+for (int i = 0; i < n; i++) {
+    printf("\nStudent %d:\n", i + 1);
+    printf("Name: %s\n", students[i].name);
+    printf("Roll No: %d\n", students[i].rollNo);
+    printf("Marks: %.2f\n", students[i].marks);
+}
+
+// Free allocated memory
+free(students);
+return 0;
+}
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض مثالًا برمجيًا بلغة C يشرح استخدام `struct` لتخزين بيانات الطلاب مثل الاسم ورقم الجلوس والدرجات.  
+كما توضح كيفية حجز الذاكرة ديناميكيًا باستخدام `malloc` لمصفوفة من الهياكل حسب عدد الطلاب الذي يدخله المستخدم.  
+البرنامج يقرأ بيانات كل طالب باستخدام `scanf` ثم يطبعها باستخدام `printf` داخل حلقات `for`.  
+وفي النهاية يحرر الذاكرة المحجوزة باستخدام `free`.  
+العنصر البصري الوحيد هو تنسيق الكود بألوان مختلفة لتمييز الكلمات المفتاحية والدوال والمتغيرات.
+
+
+================================================================================
+PAGE 16 - page_0016.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Key Points to Remember
+
+1. Structures group variables of different data types.
+
+2. Use the dot operator (.) to access members of a structure variable.
+
+3. Use the arrow operator (->) to access members of a structure using a pointer.
+
+4. Dynamic memory allocation allows creating structures at runtime.
+
+5. Structures can be passed to functions by value or by reference.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أهم النقاط الأساسية المتعلقة بـ Structures في البرمجة.
+توضح أن الـ structure تُستخدم لتجميع متغيرات من أنواع بيانات مختلفة داخل كيان واحد.
+كما تشرح طريقتين للوصول إلى الأعضاء: باستخدام النقطة (.) أو السهم (->) عند التعامل مع المؤشرات.
+وتشير أيضًا إلى إمكانية إنشاء structures ديناميكيًا وقت التشغيل وتمريرها إلى الدوال بالقيمة أو بالمرجع.
+تحتوي الصفحة على تصميم بسيط جدًا عبارة عن عنوان كبير وقائمة مرقمة بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 17 - page_0017.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Practice Questions
+
+Question 1: Define a Structure Employee
+
+Problem Statement:
+Define a structure Employee with members id, name, and salary. Write a program to input and display employee details.
+
+Question 2: Use a Structure Pointer
+
+Problem Statement:
+Modify the above program to use a structure pointer.
+
+Question 3: Dynamically Allocate Memory for an Array of Structures
+Problem Statement:
+Write a program to dynamically allocate memory for an array of structures and store student details.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أسئلة تدريبية في لغة البرمجة C حول استخدام الـ Structures.
+تتضمن تعريف هيكل Employee، ثم تعديل البرنامج لاستخدام مؤشر إلى الهيكل.
+كما تعرض سؤالًا عن الحجز الديناميكي للذاكرة لمصفوفة من الهياكل لتخزين بيانات الطلاب.
+التصميم بسيط جدًا: خلفية بيضاء ونصوص كبيرة داكنة بدون صور أو مخططات أو رسوم بيانية.

data_structure/p3.txt

@@ -0,0 +1,1483 @@
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+SUBJECT: Lecture3_20260417_203423
+TOTAL PAGES: 47
+EXTRACTED ON: 2026-04-17 19:47:06
+================================================================================
+
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+C & Data Structures
+
+Chapter 3: function & recursion
+
+Dr. Amna Ali A Mohamed
+
+Faculty of Information Technology
+
+------------PAGE TALK ABOUT------------
+هذه صفحة غلاف/عنوان لمحاضرة في مادة **C & Data Structures**، وتحديدًا **Chapter 2: function & recursion**.  
+توضح اسم الدكتورة **Amna Ali A Mohamed** وانتماءها إلى **Faculty of Information Technology**.  
+يوجد على يمين الصفحة رسم لشجرة بيانات/شجرة ثنائية بعُقد مرقمة مثل 60 و53 و3 وغيرها، مع أسهم توضح العلاقات بين العقد.  
+الصفحة تمهيدية وتعرض موضوع الفصل بشكل عام مع عنصر بصري مرتبط بهياكل البيانات والاستدعاء الذاتي.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction to Functions
+
+• What is a Function?
+  • A function is a block of code that performs a specific task.
+  • It provides modularity and reusability in programming.
+
+• Why Use Functions?
+  • Breaks down complex tasks into smaller, manageable tasks.
+  • Avoids code duplication.
+  • Improves readability and maintainability.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مقدمة في الدوال البرمجية وأهميتها في كتابة البرامج.  
+توضح أن الدالة هي جزء من الكود ينفذ مهمة محددة، وتساعد على إعادة استخدام الكود وتنظيمه.  
+كما تشرح فوائد استخدام الدوال مثل تقسيم المهام الكبيرة إلى أجزاء أصغر، تقليل تكرار الكود، وتحسين القراءة والصيانة.  
+التصميم عبارة عن شريحة عرض بسيطة تحتوي على عنوان كبير ونقاط تعداد فقط، بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction to Functions
+
+• Defining a Function
+
+return_type function_name(parameter_list) {
+
+// Function body
+}
+
+• Example:
+
+int add(int x, int y) {
+    int z; z = x + y;
+    return z;
+}
+
+• Explanation:
+    • int is the return type.
+    • add is the function name.
+    • int x, int y are the parameters.
+    • The function returns the sum of x and y.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مقدمة إلى الدوال في البرمجة وكيفية تعريف الدالة بشكل عام باستخدام نوع الإرجاع واسم الدالة والمعاملات.  
+تعرض مثالًا عمليًا لدالة اسمها add تستقبل متغيرين من النوع int وتُرجع مجموعهما.  
+كما تشرح مكونات المثال: نوع الإرجاع، اسم الدالة، والمعاملات، مع توضيح أن الناتج هو مجموع x و y.  
+يوجد تنسيق بصري على شكل شريحة عرض تعليمية مع عنوان كبير ومربعات رمادية تحتوي على أمثلة الكود.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Calling a Function
+
+Syntax:
+
+function_name(arguments);
+
+• Example:
+
+#include <stdio.h>
+
+int add(int x, int y) {
+    return x + y;
+}
+
+int main() {
+    int a = 10, b = 20, result;
+
+    result = add(a, b); // Function call
+    printf("Sum: %d\n", result);
+    return 0;
+}
+
+Explanation:
+• The add function is called with arguments a and b.
+• The result is stored in result and printed.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية استدعاء الدالة في لغة C باستخدام الصيغة العامة: function_name(arguments);  
+توضح مثالًا عمليًا لدالة اسمها add تستقبل متغيرين وتعيد مجموعهما، ثم يتم استدعاؤها داخل الدالة main.  
+كما تشرح أن القيمة الناتجة من الاستدعاء تُخزن في المتغير result ثم تُطبع باستخدام printf.  
+يوجد تنسيق بصري تعليمي يتضمن عنوانًا كبيرًا، مربعًا لصيغة الاستدعاء، ومربع كود لعرض المثال البرمجي.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Parameter Passing
+
+• Pass by Value:
+  • The value of the actual parameter is copied to the formal parameter.
+  • Changes to the formal parameter do not affect the actual parameter.
+
+#include <stdio.h>
+
+void increment(int x) {
+    x++;
+    printf("Inside function: %d\n", x);
+}
+int main() {
+    int a = 10;
+    increment(a); // Pass by value
+    printf("Outside function: %d\n", a);
+    return 0;
+}
+
+• Explanation:
+  • The value of a is copied to x.
+  • Changes to x do not affect a.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم تمرير المعاملات في البرمجة، وبالتحديد أسلوب **التمرير بالقيمة (Pass by Value)**.  
+توضح أن قيمة المتغير الأصلي تُنسخ إلى المتغير داخل الدالة، لذلك أي تعديل داخل الدالة لا يغيّر المتغير الأصلي.  
+يوجد مثال بلغة C لدالة `increment` تزيد قيمة `x` وتطبعها داخل الدالة، بينما تبقى قيمة `a` خارج الدالة كما هي.  
+التصميم عبارة عن شريحة عرض تعليمية تحتوي عنوانًا كبيرًا، نقاطًا توضيحية، ومربع كود مع قسم شرح على اليمين.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Call by Reference
+
+• Pass by Reference:
+  • The address of the actual parameter is passed to the formal parameter.
+  • Changes to the formal parameter affect the actual parameter.
+
+• Example:
+
+```c
+#include <stdio.h>
+void increment(int *x) {
+    (*x)++;
+    printf("Inside function: %d\n", *x);
+}
+
+int main() {
+    int a = 10;
+
+    increment(&a); // Pass by reference
+    printf("Outside function: %d\n", a);
+    return 0;
+}
+```
+
+Explanation:
+• The address of a is passed to x.
+• Changes to *x affect a.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم **التمرير بالمرجع (Call/Pass by Reference)** في البرمجة بلغة C.  
+توضح أن الدالة تستقبل **عنوان المتغير** وليس نسخة من قيمته، لذلك أي تعديل داخل الدالة ينعكس على المتغير الأصلي.  
+يوجد مثال برمجي لدالة `increment` تستقبل مؤشرًا `int *x` وتزيد قيمة المتغير باستخدام `(*x)++`.  
+كما تعرض الصفحة شرحًا جانبيًا يبين أن عنوان المتغير `a` يُمرر إلى `x`، وبالتالي تتغير قيمة `a` داخل وخارج الدالة.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Call by Reference
+
+Passing Arrays to Functions
+
+How to Pass Arrays?
+
+• Pass the array name (which is a pointer to the first element of the array).
+
+• The size of the array is usually passed as an additional parameter.
+
+Passing a 1D Array to a Function Syntax:
+
+return_type function_name(data_type array[], int size);
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تمرير المصفوفات إلى الدوال باستخدام أسلوب **Call by Reference**.  
+توضح أن اسم المصفوفة يُمرَّر للدالة لأنه يشير إلى أول عنصر فيها، و��البًا يتم تمرير حجم المصفوفة كمعامل إضافي.  
+كما تعرض صيغة عامة لتمرير مصفوفة أحادية البعد إلى دالة.  
+التصميم عبارة عن شريحة تعليمية بسيطة تحتوي على عنوان كبير ونقاط تعداد ومربع رمادي في الأسفل بداخله صيغة الكود.
+
+
+================================================================================
+PAGE 8 - page_0008.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing a 1D Array to a Function example
+
+#include <stdio.h>
+
+void printArray(int arr[], int n) {
+    for (int i = 0; i < n; i++) {
+        printf("%d ", arr[i]); } printf("\n");
+}
+
+int main() {
+    int arr[] = {1, 2, 3, 4, 5};
+    int size = sizeof(arr) / sizeof(arr[0]);
+
+    printArray(arr, size);  // Pass array to function
+
+    return 0;
+}
+
+Explanation:
+•The array arr is passed to the function printArray.
+•The function processes each element of the array.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير مصفوفة أحادية البعد 1D Array إلى دالة في لغة C.  
+يوجد مثال برمجي يوضح دالة باسم printArray تستقبل المصفوفة وحجمها ثم تطبع عناصرها باستخدام حلقة for.  
+كما يوضح البرنامج داخل الدالة main كيفية تعريف المصفوفة وحساب عدد عناصرها باستخدام sizeof ثم إرسالها إلى الدالة.  
+التصميم يحتوي على عنوان كبير، ومربع رمادي فيه الكود البرمجي، وعلى اليمين قسم شرح مختصر بنقاط.
+
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Modifying a 1D Array in a Function example
+
+#include <stdio.h>
+
+void incrementArray(int arr[], int n) {
+    for (int i = 0; i < n; i++) {
+        arr[i] += 1; // Modify each element of the array
+    }
+}
+
+int main() {
+    int arr[] = {1, 2, 3, 4, 5};
+    int size = sizeof(arr) / sizeof(arr[0]);
+
+    incrementArray(arr, size); // Pass array to function
+
+    printf("Modified Array:\n");
+    for (int i = 0; i < size; i++) {
+        printf("%d ", arr[i]);
+    }
+    printf("\n");
+    return 0;
+}
+
+Explanation:
+• The function incrementArray modifies each element of the array.
+• Changes are reflected in the original array.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مثال بلغة C يوضح كيفية تعديل مصفوفة أحادية البعد داخل دالة.  
+الدالة `incrementArray` تستقبل المصفوفة وحجمها، ثم تزيد كل عنصر بمقدار 1 باستخدام حلقة `for`.  
+في `main` يتم إنشاء المصفوفة وحساب حجمها ثم تمريرها إلى الدالة، وبعد ذلك طباعة القيم المعدلة.  
+يوجد عنصر بصري عبارة عن صندوق كبير يحتوي الكود البرمجي، وعلى اليمين قسم بعنوان "Explanation" يشرح أن التعديلات تظهر مباشرة في المصفوفة الأصلية.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing a 2D Array to a Function
+
+Syntax:
+
+return_type function_name(data_type array[][cols], int rows);
+
+#include <stdio.h>
+
+void printMatrix(int mat[][3], int rows) {
+    for (int i = 0; i < rows; i++) {
+        for (int j = 0; j < 3; j++) {
+            printf("%d ", mat[i][j]);
+        }
+        printf("\n");
+    }
+}
+
+int main() {
+    int mat[2][3] = {{1, 2, 3}, {4, 5, 6}};
+
+    printMatrix(mat, 2); // Pass 2D array to function
+    return 0;
+}
+
+Explanation:
+• The 2D array mat is passed to the function printMatrix.
+• The function processes each element of the 2D array.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير مصفوفة ثنائية الأبعاد إلى دالة في لغة C.  
+توضح الصيغة العامة لتمرير المصفوفة، مع مثال عملي لدالة اسمها printMatrix تستقبل مصفوفة وتطبع عناصرها باستخدام حلقات تكرار متداخلة.  
+يوجد أيضًا شرح مختصر يبين أن المصفوفة mat يتم إرسالها إلى الدالة لمعالجة كل عنصر فيها.  
+التصميم بصريًا يحتوي على عنوان كبير، صندوق لصيغة الـ syntax، وصندوق كود ��رمجي مع قسم شرح نقطي على اليمين.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Arrays to Functions using pointer
+
+Why Use Pointers with Arrays?
+
+• Pointers provide direct access to memory locations, making array manipulation efficient.
+
+• Passing arrays to functions using pointers avoids copying the entire array.
+
+•Key Concepts:
+
+• Array name is a pointer to the first element of the array.
+
+• Pointer arithmetic can be used to traverse arrays.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن استخدام المؤشرات (Pointers) عند تمرير المصفوفات إلى الدوال في البرمجة.  
+توضح أن المؤشرات تجعل الوصول إلى مواقع الذاكرة مباشرًا وأكثر كفاءة، كما تمنع نسخ المصفوفة كاملة عند تمريرها للدوال.  
+كما تعرض مفاهيم أساسية مثل أن اسم المصفوفة يشير إلى أول عنصر فيها، وإمكانية استخدام العمليات الحسابية على المؤشرات للتنقل بين عناصر المصفوفة.  
+التصميم عبارة عن شريحة نصية بسيطة بخلفية بيضاء وعناوين غامقة مع نقاط تعداد، بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 12 - page_0012.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Arrays to Functions using pointer
+
+Syntax:
+
+return_type function_name(data_type *array, int size);
+
+Example:
+
+#include <stdio.h>
+
+void printArray(int *arr, int n) {
+    for (int i = 0; i < n; i++) {
+        printf("%d ", *(arr + i)); // Access array elements using pointer arithmetic
+    }
+    printf("\n");
+}
+
+int main() {
+    int arr[] = {1, 2, 3, 4, 5};
+    int size = sizeof(arr) / sizeof(arr[0]);
+    printArray(arr, size); // Pass array using pointer
+    return 0;
+}
+
+Explanation:
+• The array arr is passed as a pointer to the function printArray.
+• Pointer arithmetic (*(arr + i)) is used to access array elements.
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح كيفية تمرير المصفوفات إلى الدوال في لغة C باستخدام المؤشرات (pointers).  
+تحتوي على صيغة عامة لتعريف دالة تستقبل مصفوفة كمؤشر مع حجمها.  
+يوجد مثال برمجي لدالة printArray تطبع عناصر المصفوفة باستخدام *(arr + i) بدل الفهرسة التقليدية.  
+بصريًا، الصفحة منظمة بعناوين واضحة مثل Syntax وExample وExplanation مع مربعات رمادية لعرض الكود والنصوص التعليمية.
+
+
+================================================================================
+PAGE 13 - page_0013.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+• How to Pass Structures?
+
+    Pass by value (a copy of the structure is passed).
+
+    Pass by reference (a pointer to the structure is passed).
+
+• Passing a Structure by Value
+
+        Syntax:
+
+        return_type function_name(struct structure_name variable);
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير الـ structures إلى الدوال في البرمجة.
+توضح طريقتين أساسيتين: التمرير بالقيمة حيث يتم إرسال نسخة من الـ structure، والتمرير بالمرجع حيث يتم إرسال مؤشر إليها.
+كما تركز الصفحة على التمرير بالقيمة وتعرض الصيغة العامة لكتابة دالة تستقبل structure كوسيط.
+يوجد عنصر بصري عبارة عن مربع رمادي يحتوي على سطر الصياغة البرمجية مع تمييز لوني للنص.
+
+
+================================================================================
+PAGE 14 - page_0014.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+Passing a Structure by Value example:
+
+```c
+#include <stdio.h>
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+
+void printStudent(struct Student s) {
+    printf("Name: %s\n", s.name);
+    printf("Roll No: %d\n", s.rollNo);
+    printf("Marks: %.2f\n", s.marks);
+}
+
+int main() {
+    struct Student student1 = {"John Doe", 101, 95.5};
+    printStudent(student1); // Pass by value
+    return 0;
+}
+```
+
+Explanation:
+• A copy of the structure student1 is passed to the function printStudent.
+• Changes to the structure inside the function do not affect the original structure.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تمرير الـ structure إلى الدوال في لغة C بطريقة pass by value.  
+توضح المثال باستخدام struct Student يحتوي على الاسم ورقم الجلوس والدرجات، ثم يتم إرساله إلى الدالة printStudent لعرض البيانات.  
+الفكرة الأساسية هي أن الدالة تستقبل نسخة من الـ structure وليس الأصل، لذلك أي تعديل داخل الدالة لا يؤثر على المتغير الأصلي.  
+يوجد عنصر بصري رئيسي عبارة عن صندوق كود على اليسار، وعلى اليمين قسم شرح مختصر بنقاط يوضح الفكرة.
+
+
+================================================================================
+PAGE 15 - page_0015.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+Passing a Structure by Reference
+
+Syntax:
+
+return_type function_name(struct structure_name *variable);
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير الـ structure إلى الدوال في لغة C باستخدام المرجع (by reference).
+توضح الصياغة العامة لتعريف دالة تستقبل مؤشرًا إلى structure بدلًا من تمرير نسخة كاملة منه.
+هذا الأسلوب يفيد في تقليل النسخ وتحسين الأداء، كما يسمح للدالة بتعديل بيانات الـ structure الأصلية.
+يوجد عنصر بصري بسيط عبارة عن صندوق رمادي يحتوي سطر الصياغة البرمجية مع تمييز لوني لأجزاء الكود.
+
+
+================================================================================
+PAGE 16 - page_0016.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+Passing a Structure by Reference example
+
+#include <stdio.h>
+
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+
+void updateMarks(struct Student *s) {
+    s->marks += 10; // Modify the structure using a pointer
+}
+
+int main() {
+    struct Student student1 = {"John Doe", 101, 95.5};
+    updateMarks(&student1); // Pass by reference
+    printf("Updated Marks: %.2f\n", student1.marks);
+    return 0;
+}
+
+Explanation:
+• The address of the structure student1 is passed to the function updateMarks.
+• Changes to the structure inside the function affect the original structure.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تمرير الـ structure إلى الدوال في لغة C باستخدام المرجع عبر المؤشر.  
+يوضح المثال بنية Student التي تحتوي على الاسم والرقم والدرجات، ثم دالة updateMarks تستقبل مؤشرًا إلى البنية وتزيد marks بمقدار 10.  
+كما يبين في الدالة main إنشاء كائن student1 وتمرير عنوانه للدالة باستخدام &student1، لذلك يتم تعديل القيمة الأصلية مباشرة.  
+بصريًا، الصفحة عبارة عن شريحة تعليمية فيها عنوان كبير بالأعلى، ومربع كود على اليسار، ونص شرح نقطي على اليمين.
+
+
+================================================================================
+PAGE 17 - page_0017.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing Structures to Functions
+
+Passing an Array of Structures to Functions
+
+Why Pass an Array of Structures?
+
+• To process multiple records of structured data within a function.
+
+• Useful for operations like sorting, searching, or updating.
+
+How to Pass an Array of Structures?
+
+• Pass the array name (which is a pointer to the first element of the array).
+
+Syntax:
+
+return_type function_name(struct structure_name array[], int size);
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير المصفوفات من الهياكل (Structures) إلى الدوال في البرمجة، ولماذا نستخدم ذلك عند التعامل مع عدة سجلات بيانات.
+توضح الفوائد مثل تنفيذ عمليات الفرز والبحث والتحديث داخل الدالة بسهولة.
+كما تشرح أن اسم المصفوفة يُمرَّر إلى الدالة لأنه يشير إلى أول عنصر فيها.
+يو��د عنصر بصري بسيط عبارة عن مربع رمادي في الأسفل يحتوي على صيغة الكود الخاصة بتمرير مصفوفة من الهياكل إلى الدالة.
+
+
+================================================================================
+PAGE 18 - page_0018.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Passing an Array of Structures to Functions example:
+
+#include <stdio.h>
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+void printStudents(struct Student students[], int n) {
+    for (int i = 0; i < n; i++) {
+        printf("Student %d:\n", i + 1);
+        printf("Name: %s\n", students[i].name);
+        printf("Roll No: %d\n", students[i].rollNo);
+        printf("Marks: %.2f\n", students[i].marks);
+    }
+}
+
+int main() {
+    struct Student students[3] = {
+        {"Alice", 101, 95.5},
+        {"Bob", 102, 88.0},
+        {"Charlie", 103, 92.5} };
+    printStudents(students, 3); // Pass array of structures
+    return 0;
+}
+
+Explanation:
+• The array students is passed to the function printStudents.
+• The function processes each element of the array.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن كيفية تمرير مصفوفة من الهياكل (Array of Structures) إلى دالة في لغة C.  
+توضح مثالًا باستخدام هيكل Student يحتوي على الاسم ورقم الجلوس والدرجات، ثم تمرير مصفوفة من الطلاب إلى الدالة printStudents.  
+الدالة تستخدم حلقة for لاستعراض كل عنصر في المصفوفة وطباعة بياناته.  
+يوجد تنسيق بصري بسيط: عنوان كبير بالأعلى، كود برمجي على اليسار، وقسم شرح مختصر بنقاط على اليمين.
+
+
+================================================================================
+PAGE 19 - page_0019.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Modifying an Array of Structures in a
+Function example:
+
+Explanation:
+
+• The function updateMarks modifies
+
+  the marks of each student in the array.
+
+• Changes are reflected in the original array.
+
+#include <stdio.h>
+struct Student {
+    char name[50];
+    int rollNo;
+    float marks;
+};
+
+void updateMarks(struct Student students[], int n) {
+    for (int i = 0; i < n; i++) {
+        students[i].marks += 10; // Update marks for each student
+    }
+}
+int main() {
+    struct Student students[3] = {
+        {"Alice", 101, 95.5},
+        {"Bob", 102, 88.0},
+        {"Charlie", 103, 92.5}
+    };
+    updateMarks(students, 3); // Pass array of structures
+    printf("Updated Marks:\n");
+    for (int i = 0; i < 3; i++) {
+        printf("Name: %s, Marks: %.2f\n", students[i].name, students[i].marks);
+    }
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مثال بلغة C يوضح كيفية تعديل مصفوفة من الهياكل (structures) داخل دالة.  
+تُعرّف الصفحة هيكل Student يحتوي على الاسم ورقم الطالب والدرجات، ثم تستخدم الدالة updateMarks لإضافة 10 درجات لكل طالب.  
+كما توضّح أن التعديلات داخل الدالة تنعكس مباشرة على المصفوفة الأصلية لأن المصفوفة تُمرَّر للدالة.  
+التصميم يحتوي على عنوان وشرح نقطي في الجهة اليسرى، وكود برمجي ملوّن ومنسق في الجهة اليمنى.
+
+
+================================================================================
+PAGE 20 - page_0020.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Introduction to Recursion
+
+How Recursion Works (Stack Mechanism)
+
+Recursion and the Call Stack:
+    Each recursive call creates a new stack frame.
+    The stack grows until the base case is reached.
+    Once the base case is reached, the stack unwinds, and results are returned.
+
+Example: Factorial of 3
+
+#include <stdio.h>
+
+int factorial(int n) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+int main()
+{
+    int n = 3;
+    printf("Factorial of %d is %d\n", n, factorial(n));
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مقدمة في مفهوم الاستدعاء الذاتي (Recursion) وآلية عمله باستخدام مكدس الاستدعاءات (Call Stack).
+توضح أن كل استدعاء ذاتي ينشئ إطارًا جديدًا في المكدس، ويستمر التراكم حتى الوصول إلى الحالة الأساسي��.
+بعد الوصول إلى الحالة الأساسية يبدأ المكدس في التفكك وتُعاد النتائج تدريجيًا.
+يوجد مثال برمجي بلغة C لحساب !3 باستخدام دالة factorial، مع تمييز الحالة الأساسية والحالة التكرارية داخل صندوق كود بصري.
+
+
+================================================================================
+PAGE 21 - page_0021.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Factorial (N!)
+
+• N! = (N-1)! * N    [for N > 1]
+
+• 1! = 1
+
+• 3!
+    = 2! * 3
+    = (1! * 2) * 3
+    = 1 * 2 * 3
+
+• Recursive design:
+    • Decomposition: (N-1)!
+    • Composition: * N
+    • Base case: 1!
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة مفهوم المضروب (Factorial) ويرمز له بـ N!، وتعرض تعريفه العودي: ‏N! = (N-1)! × N عندما يكون N > 1، مع الحالة الأساسية 1! = 1.  
+كما تقدم مثالًا على حساب 3! خطوة بخطوة حتى الوصول إلى 1 × 2 × 3.  
+وتوضح فكرة التصميم العودي عبر ثلاثة عناصر: التفكيك إلى (N-1)!، ثم التركيب بضرب الناتج في N، وأخيرًا الحالة الأساسية 1!.  
+بصريًا، الصفحة عبارة عن شريحة تعليمية بسيطة تحتوي على عنوان كبير ونقاط تعداد، مع تمييز بعض الأجزاء بالألوان لإبراز عناصر العودية.
+
+
+================================================================================
+PAGE 22 - page_0022.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Factorial example
+
+#include <stdio.h>
+int factorial(int n) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+int main()
+{
+    int n = 5;
+    printf("Factorial of %d is %d\n", n, factorial(n));
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مثال برمجي لحساب العاملية (Factorial) باستخدام لغة C.
+يوضح الكود مفهوم الاستدعاء الذاتي Recursion من خلال حالتين: الحالة الأساسية عندما n == 0، والحالة التكرارية بإرجاع n * factorial(n - 1).
+كما يحتوي على دالة main لتجربة المثال عند n = 5 وطباعة الناتج.
+بصريًا، الصفحة عبارة عن شريحة تعليمية بعنوان كبير في الأعلى، وبداخلها مربع رمادي فاتح يحتوي على الكود البرمجي.
+
+
+================================================================================
+PAGE 23 - page_0023.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض مثالًا برمجيًا لدالة factorial باستخدام مفهوم الاستدعاء الذاتي (Recursion).
+يوضح الكود حالتين: الحالة الأساسية عندما تكون القيمة 0 فيُرجع 1، والحالة التكرارية التي تستدعي الدالة مرة أخرى.
+يوجد خطأ أو تبسيط في القيم الظاهرة داخل المثال مثل int 3 و factorial(2) بدل استخدام المتغير n بشكل صحيح.
+العناصر البصرية عبارة عن مربع رمادي فاتح يحتوي على كود ملوّن بأسلوب عرض تعليمي.
+
+
+================================================================================
+PAGE 24 - page_0024.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم الاستدعاء الذاتي (Recursion) في دالة حساب المضروب factorial.  
+توضح أن الدالة تحتوي على حالة أساسية Base case عندما تكون n == 0، وحالة递归ية Recursive case تستدعي فيها الدالة نفسها بقيمة أصغر.  
+يوجد صندوقان يحتويان على مثالين للدالة عند القيم 3 و2، مع سهم منحني بينهما يوضح انتقال الاستدعاء من factorial(3) إلى factorial(2).  
+الهدف من الرسم هو شرح كيف تتدرج الاستدعاءات حتى الوصول إلى الحالة الأساسية ثم العودة بالنتيجة.
+
+
+================================================================================
+PAGE 25 - page_0025.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1 * factorial(0); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة مفهوم الاستدعاء الذاتي (Recursion) من خلال دالة factorial.  
+تُظهر الأمثلة كيف يتم استدعاء الدالة لنفسها تدريجيًا: من 3 إلى 2 ثم إلى 1 ثم 0.  
+يوجد تمييز بين حالتين: الحالة الأساسية Base case عندما n == 0، والحالة التكرارية Recursive case.  
+كما تعرض الصورة أسهماً منحنية بين مربعات الكود لتوضيح تسلسل انتقال الاستدعاءات بين كل خطوة.
+
+
+================================================================================
+PAGE 26 - page_0026.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 0) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة مفهوم الاستدعاء الذاتي Recursion من خلال دالة factorial وكيف تنتقل القيم من factorial(3) إلى factorial(0).
+يظهر في كل صندوق جزء من الكود مع حالتين: الحالة الأساسية Base case عندما n == 0، والحالة التكرارية Recursive case التي تستدعي الدالة بقيمة أصغر.
+توجد أسهم منحنية وردية بين الصناديق لتمثيل تسلسل الاستدعاءات خطوة بخطوة حتى الوصول إلى الحالة الأساسية.
+الصورة تشرح بصريًا كيف يتم تفكيك حساب المضروب تدريجيًا عبر عدة استدعاءات متتالية.
+
+
+================================================================================
+PAGE 27 - page_0027.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1 * factorial(0); // Recursive case
+}
+
+int factorial(int 0) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة مفهوم الاستدعاء الذاتي (Recursion) من خلال دالة حساب المضروب factorial بدءًا من 3 ثم 2 ثم 1 حتى 0.  
+توضح أن كل استدعاء ينفذ الحالة التكرارية Recursive case، بينما عند الوصول إلى n == 0 يتم تنفيذ الحالة الأساسية Base case وإرجاع 1.  
+يوجد مخطط بصري على شكل صناديق كود متدرجة يبين تسلسل الاستدعاءات، مع سهم وردي منحني يشير إلى الانتقال نحو الحالة الأساسية عند factorial(0).  
+الهدف من الرسم هو توضيح كيف تتوقف الدالة العودية عند الشرط الأساسي ثم تبدأ القيم في الرجوع للحساب النهائي.
+
+
+================================================================================
+PAGE 28 - page_0028.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1 * 1; // Recursive case
+}
+
+int factorial(int 0) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة فكرة الاستدعاء الذاتي Recursion من خلال مثال دالة factorial بدءًا من 3 ثم 2 ثم 1 ثم 0.  
+تُظهر أن كل استدعاء ينتظر نتيجة الاستدعاء التالي حتى الوصول إلى الحالة الأساسية Base case عند n == 0 حيث تُرجع الدالة 1.  
+بعدها يتم الرجوع للخلف لحساب القيم تدريجيًا مثل 1 × 1 ثم 2 × factorial(1) ثم 3 × factorial(2).  
+يوجد مخطط بصري على شكل صناديق كود متدرجة مع سهم وردي يربط بين factorial(1) و factorial(0) لتوضيح مسار التنفيذ.
+
+
+================================================================================
+PAGE 29 - page_0029.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1; // Recursive case
+}
+
+int factorial(int 0) {
+    if (n == 0) return 1; // Base case
+    return n * factorial(n - 1); // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن شرح العودية (Recursion) من خلال دالة حساب المضروب factorial.  
+تُظهر كيف يتم استدعاء الدالة تدريجيًا من factorial(3) إلى factorial(2) ثم factorial(1) حتى الوصول إلى factorial(0).  
+كما توضّح الفرق بين الحالة الأساسية Base case وهي `if (n == 0) return 1;` والحالة العودية Recursive case.  
+يوجد مخطط بصري على شكل صناديق كود متتابعة مع سهم وردي يربط الاستدعاءات ويوضح الوصول إلى الحالة الأساسية ثم الرجوع بالنتيجة.
+
+
+================================================================================
+PAGE 30 - page_0030.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * factorial(1); // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1; // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة مفهوم الاستدعاء الذاتي (Recursion) من خلال مثال دالة factorial.  
+تُظهر المربعات الثلاثة تتبع تنفيذ الدالة للقيم 3 ثم 2 ثم 1، مع وجود حالة أساسية وحالة تكرارية.  
+الأسهم الوردية بين المربعات تبيّن انتقال الاستدعاءات بين الدوال بشكل متسلسل.  
+الفكرة العامة هي شرح كيف تُحسب factorial خطوة بخطوة حتى الوصول إلى القيمة النهائية.
+
+
+================================================================================
+PAGE 31 - page_0031.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 * 1 // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1; // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن شرح مفهوم الاستدعاء الذاتي (Recursion) باستخدام دالة factorial.  
+تُظهر الأمثلة كيف يتم حساب !3 عبر استدعاء factorial(2) ثم factorial(1) حتى الوصول إلى الحالة الأساسية.  
+هناك أسهم منحنية باللون الوردي تربط بين مربعات الشيفرة لتوضيح تسلسل الاستدعاءات وعودة القيم.  
+الرقم 1 باللون الأحمر يبرز القيمة المعادة في المراحل الأخيرة من التنفيذ.
+
+
+================================================================================
+PAGE 32 - page_0032.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * factorial(2); // Recursive case
+}
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 // Recursive case
+}
+
+int factorial(int 1) {
+    if (n == 0) return 1; // Base case
+    return 1; // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة فكرة الاستدعاء الذاتي (Recursion) في دالة factorial من خلال تتبع القيم 3 ثم 2 ثم 1.  
+يوجد ثلاث كتل كود تمثل مراحل مختلفة من استدعاء الدالة، مع تمييز حالة الأساس وحالة الاستدعاء التكراري.  
+الأسهم الوردية المنحنية بين الكتل تشرح انتقال التنفيذ من استدعاء إلى آخر بشكل بصري.  
+الهدف من الرسم هو تبسيط كيفية نزول الدالة تدريجيًا حتى تصل إلى الحالة الأساسية ثم تعود بالنتائج.
+
+
+================================================================================
+PAGE 33 - page_0033.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 3 * 2; // Recursive case
+
+int factorial(int 2) {
+    if (n == 0) return 1; // Base case
+    return 2 // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن شرح مفهوم الاستدعاء الذاتي (Recursion) في دالة factorial.  
+تُظهر مربعات كود تمثل استدعاء الدالة عند القيمتين 3 و2 مع توضيح حالة الأساس وحالة التكرار.  
+يوجد سهم وردي كبير يربط بين المربعين ليوضح انتقال التنفيذ من factorial(3) إلى factorial(2).  
+الهدف البصري هو بيان كيف تستدعي الدالة نفسها تدريجيًا حتى تصل إلى حالة الأساس.
+
+
+================================================================================
+PAGE 34 - page_0034.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+int factorial(int 3) {
+    if (n == 0) return 1; // Base case
+    return 6; // Recursive case
+}
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض مثالًا برمجيًا لدالة factorial مكتوبة بلغة شبيهة بـ C/C++ لشرح مفهوم الاستدعاء الذاتي (Recursion).  
+يوجد توضيح لحالة الأساس `Base case` عندما تكون قيمة `n` صفرًا، وحالة الاستدعاء التكراري `Recursive case`.  
+تظهر بعض الأجزاء مميزة بالألوان، مثل الرقم 3 في تعريف الدالة والرقم 6 في جملة الإرجاع باللون الأحمر.  
+الخلفية بسيطة جدًا وتحتوي فقط على مربع فاتح بداخله الكود دون أي رسوم أو مخططات إضافية.
+
+
+================================================================================
+PAGE 35 - page_0035.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Fibonacci Numbers
+
+• The Nᵗʰ Fibonacci number is the sum of the previous two Fibonacci numbers
+
+• 0, 1, 1, 2, 3, 5, 8, 13, ...
+
+• Recursive Design:
+  • Decomposition & Composition
+    • fibonacci(n) = fibonacci(n-1) + fibonacci(n-2)
+  • Base case:
+    • fibonacci(1) = 0
+    • fibonacci(2) = 1
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن متتالية فيبوناتشي وكيفية حساب الحد النوني فيها باعتباره مجموع الحدين السابقين.  
+توضح أمثلة لأول أعداد المتتالية مثل: 0، 1، 1، 2، 3، 5، 8، 13.  
+كما تشرح التصميم التكراري (Recursive Design) من خلال العلاقة: fibonacci(n) = fibonacci(n-1) + fibonacci(n-2).  
+وتعرض حالتي الأساس لبدء الاستدعاء التكراري: fibonacci(1)=0 و fibonacci(2)=1.
+
+
+================================================================================
+PAGE 36 - page_0036.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Fibonacci Numbers
+
+Fibonacci Sequence Definition
+
+The Fibonacci sequence is defined as:
+• fib(0) = 0
+• fib(1) = 1
+• fib(n) = fib(n-1) + fib(n-2) for n > 1
+
+For n = 4, the expected Fibonacci number is 3 (since the sequence is: 0, 1, 1, 2, 3).
+
+#include <stdio.h>
+    int fibonacci(int n) {
+        if (n <= 1) return n; // Base case
+        return fibonacci(n - 1) + fibonacci(n - 2); // Binary recursive call
+    }
+
+    int main() {
+        int n = 4;
+        printf("Fibonacci number at position %d is %d\n", n, fibonacci(n));
+        return 0;
+    }
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن متتالية فيبوناتشي وتعريفها الرياضي باستخدام القيم الأساسية fib(0)=0 و fib(1)=1، ثم العلاقة التكرارية لباقي الحدود.  
+كما تعرض مثالًا عند n = 4 حيث تكون النتيجة 3، مع توضيح تسلسل الأعداد: 0، 1، 1، 2، 3.  
+يوجد في الجهة اليمنى مربع بصري يحتوي على كود بلغة C يطبق دالة fibonacci بطريقة الاستدعاء الذاتي recursion.  
+التصميم بسيط تعليمي، بعنوان كبير في الأعلى ونصوص شرح على اليسار وكود برمجي منسق على اليمين.
+
+
+================================================================================
+PAGE 37 - page_0037.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Fibonacci Numbers
+
+Recursive Execution Tree for fibonacci(4)
+
+1.Initial Call: fibonacci(4)
+•Since 4 > 1, it calls fibonacci(3) + fibonacci(2).
+
+2.First Subtree: fibonacci(3)
+
+•3 > 1 → Calls fibonacci(2) + fibonacci(1).
+•fibonacci(2) → Calls fibonacci(1) + fibonacci(0).
+    •fibonacci(1) → Returns 1 (base case).
+    •fibonacci(0) → Returns 0 (base case).
+    •Result: 1 + 0 = 1.
+•fibonacci(1) → Returns 1.
+•Result: 1 (from fib(2)) + 1 (from fib(1)) = 2.
+
+3.Second Subtree: fibonacci(2)
+•2 > 1 → Calls fibonacci(1) + fibonacci(0).
+
+    •fibonacci(1) → Returns 1.
+    •fibonacci(0) → Returns 0.
+    •Result: 1 + 0 = 1.
+
+4.Final Sum:
+•fibonacci(4) = fibonacci(3) + fibonacci(2) = 2 + 1 = 3.
+
+#include <stdio.h>
+int fibonacci(int n) {
+    if (n <= 1) return n; // Base case
+    return fibonacci(n - 1) + fibonacci(n - 2); // Binary recursive call
+}
+
+int main() {
+    int n = 4;
+    printf("Fibonacci number at position %d is %d\n", n, fibonacci(n));
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن شرح أعداد فيبوناتشي باستخدام الاستدعاء الذاتي recursion لحساب fibonacci(4).  
+توضح خطوات التنفيذ على شكل شجرة استدعاء: تبدأ من fibonacci(4)، ثم تتفرع إلى fibonacci(3) و fibonacci(2)، مع الوصول إلى حالتي الأساس fibonacci(1) و fibonacci(0).  
+كما تعرض كود بلغة C يعرّف دالة fibonacci ويطبع الناتج عند n = 4.  
+بصريًا، الصفحة مقسومة إلى قسمين: اليسار للشرح النصي المتسلسل، واليمين لعرض الكود البرمجي بألوان فاتحة.
+
+
+================================================================================
+PAGE 38 - page_0038.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Fibonacci Numbers
+
+#include <stdio.h>
+
+    int fibonacci(int n) {
+        if (n <= 1) return n; // Base case
+        return fibonacci(n - 1) + fibonacci(n - 2); // Binary recursive call
+    }
+
+    int main() {
+        int n = 4;
+        printf("Fibonacci number at position %d is %d\n", n, fibonacci(n));
+        return 0;
+    }
+
+Visualization of Recursive Calls
+
+fib(4)
+= fib(3) + fib(2)
+= [fib(2) + fib(1)] + [fib(1) + fib(0)]
+= [ (fib(1) + fib(0)) + 1 ] + [1 + 0]
+= [ (1 + 0) + 1 ] + 1
+= 2 + 1
+= 3
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح أرقام فيبوناتشي باستخدام البرمجة التكرارية الاستدعائية (Recursion) بلغة C.  
+تحتوي على دالة `fibonacci(n)` مع حالة أساسية عندما يكون `n <= 1`، ثم تستدعي نفسها مرتين لحساب `fibonacci(n-1)` و`fibonacci(n-2)`.  
+يوجد مثال في `main` حيث `n = 4` ويتم طباعة الناتج، والنتيجة النهائية هي `3`.  
+كما تعرض الصفحة تصورًا نصيًا لتسلسل الاستدعاءات التكرارية لـ `fib(4)` خطوة بخطوة حتى الوصول إلى القيم الأساسية `fib(1)` و`fib(0)`.
+
+
+================================================================================
+PAGE 39 - page_0039.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Types of Recursion
+
+• Linear Recursion:
+  • The function makes a single call to itself.
+  • Example: Factorial calculation.
+
+• Tail Recursion:
+  • The recursive call is the last operation in the function.
+  • Example: GCD calculation.
+
+• Binary Recursion:
+  • The function makes two recursive calls.
+  • Example: Fibonacci sequence.
+
+• Mutual Recursion:
+  • Two or more functions call each other.
+  • Example: Determining if a number is even or odd.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أنواع الاستدعاء الذاتي (Recursion) في البرمجة.  
+توضح أربعة أنواع رئيسية: الاستدعاء الخطي، والذّيلي، والثنائي، والمتبادل، مع تعريف مختصر لكل نوع.  
+كما تعرض أمثلة تطبيقية مثل حساب المضروب، القاسم المشترك الأكبر، ومتتالية فيبوناتشي، وتحديد الزوجي أو الفردي.  
+العنصر البصري عبارة عن شريحة تعليمية بسيطة بخلفية بيضاء ونصوص كبيرة وعناوين نقطية دون صور أو مخططات.
+
+
+================================================================================
+PAGE 40 - page_0040.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Stack Overheads in Recursion
+
+What are Stack Overheads?
+
+• Each recursive call consumes stack space.
+• Excessive recursion can lead to stack overflow.
+
+Example:
+
+#include <stdio.h>
+
+void recursiveFunction(int n) {
+    if (n == 0)
+        return;
+    printf("Depth: %d\n", n);
+    recursiveFunction(n - 1);
+}
+
+int main() {
+    recursiveFunction(5);
+    return 0;
+}
+
+Explanation:
+
+• Each call to recursiveFunction adds a new stack frame.
+• The stack grows with each recursive call.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن الحمل الزائد على المكدس عند استخدام الاستدعاء الذاتي (Recursion)، وأن كل استدعاء جديد يستهلك مساحة من الذاكرة.
+توضح أن التكرار العميق أو المفرط قد يؤدي إلى حدوث Stack Overflow.
+يوجد مثال برمجي بلغة C لدالة recursiveFunction تستدعي نفسها حتى تصل إلى n == 0.
+كما تعرض الصفحة شرحًا جانبيًا يبين أن كل استدعاء يضيف stack frame جديدًا، مع تصميم تعليمي بسيط يحتوي على عنوان كبير وكود داخل صندوق فاتح اللون.
+
+
+================================================================================
+PAGE 41 - page_0041.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Key Points to Remember
+
+1. Functions provide modularity and reusability.
+
+2. Parameters can be passed by value or by reference.
+
+3. Recursion is a powerful technique but can lead to stack overheads.
+
+4. Tail recursion can be optimized by the compiler.
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن أهم النقاط التي يجب تذكرها في البرمجة، خاصة ما يتعلق بالدوال وتمرير المعاملات والاستدعاء الذاتي.
+توضح أن الدوال تساعد على تنظيم الكود وإعادة استخدامه، وأن المعاملات يمكن تمريرها بالقيمة أو بالمرجع.
+كما تشير إلى أن recursion تقنية قوية لكنها قد تسبب استهلاكًا إضافيًا للـ stack.
+وتذكر أيضًا أن tail recursion قد يتم تحسينه بواسطة المترجم.
+التصميم بصريًا بسيط جدًا: عنوان كبير في الأعلى مع قائمة مرقمة على خلفية بيضاء دون صور أو مخططات.
+
+
+================================================================================
+PAGE 42 - page_0042.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Exercises
+
+1. Write a recursive function to calculate the sum of digits of a number.
+2. Write a program to GCD Calculation Using Recursion
+3. Write a recursive function to calculate the power of a number.
+4. Write two mutually recursive functions to determine if a number is a multiple of 3 or 5
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض شريحة بعنوان "Exercises" تحتوي على أربعة تمارين عن الاستدعاء الذاتي (Recursion).
+التمارين تشمل: حساب مجموع أرقام عدد، إيجاد القاسم المشترك الأكبر GCD باستخدام recursion، وحساب قوة عدد.
+كما تتضمن تمرينًا عن الدوال ذات الاستدعاء المتبادل لتحديد ما إذا كان العدد من مضاعفات 3 أو 5.
+التصميم بسيط جدًا: خلفية بيضاء، عنوان كبير في الأعلى، وقائمة مرقمة بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 43 - page_0043.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Solutions
+
+------------PAGE TALK ABOUT------------
+هذه الصفحة عبارة عن شريحة عنوان بسيطة تشير إلى قسم **الحلول**.
+لا تحتوي على أي شرح إضافي أو معادلات أو عناصر تعليمية أخرى.
+الخلفية بيضاء بالكامل، وفي المنتصف كلمة **Solutions** بخط أسود واضح.
+لا توجد صور أو مخططات أو رسوم بيانية في الصفحة.
+
+
+================================================================================
+PAGE 44 - page_0044.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Sum of Digits
+
+#include <stdio.h>
+
+int sumOfDigits(int n) {
+    if (n == 0) return 0;  // Base case
+    return (n % 10) + sumOfDigits(n / 10);  // Linear recursive call
+}
+
+int main() {
+    int n = 12345;
+    printf("Sum of digits of %d is %d\n", n, sumOfDigits(n));
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن برنامج بلغة C لحساب مجموع أرقام عدد صحيح باستخدام الاستدعاء الذاتي (Recursion).
+توضح الدالة `sumOfDigits` حالة التوقف عندما تصبح القيمة 0، ثم تجمع آخر رقم `n % 10` مع ناتج استدعاء الدالة على `n / 10`.
+يوجد أيضًا مثال في `main` يستخدم العدد 12345 ويطبع مجموع أرقامه.
+العنصر البصري عبارة عن صفحة بسيطة تحتوي على عنوان "Sum of Digits" وكود برمجي فقط دون صور أو مخططات.
+
+
+================================================================================
+PAGE 45 - page_0045.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Recursive Function for GCD
+
+#include <stdio.h>
+
+int gcd(int a, int b) {
+    if (b == 0) return a;  // Base case
+    return gcd(b, a % b);  // Recursive call
+}
+
+int main() {
+    int a = 56, b = 98;
+    printf("GCD of %d and %d is %d\n", a, b, gcd(a, b));
+    return 0;
+}
+
+Step-by-Step Execution
+
+• Input: a = 56, b = 98
+
+• Step 1: gcd(56, 98)
+  • b ≠ 0, so call gcd(98, 56 % 98) → gcd(98, 56)
+
+• Step 2: gcd(98, 56)
+  • b ≠ 0, so call gcd(56, 98 % 56) → gcd(56, 42)
+
+• Step 3: gcd(56, 42)
+  • b ≠ 0, so call gcd(42, 56 % 42) → gcd(42, 14)
+
+• Step 4: gcd(42, 14)
+  • b ≠ 0, so call gcd(14, 42 % 14) → gcd(14, 0)
+
+• Step 5: gcd(14, 0)
+  • b == 0, so return 14 (base case).
+
+• Final Result: 14
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة دالة递归 في لغة C لإيجاد القاسم المشترك الأكبر (GCD) باستخدام خوارزمية إقليدس.  
+تحتوي على كود كامل فيه دالة `gcd` مع حالة أساسية عندما `b == 0`، ثم استدعاء递归 باستخدام `gcd(b, a % b)`.  
+كما تعرض تنفيذًا خطوة بخطوة للمدخلين 56 و98 حتى الوصول إلى الناتج النهائي 14.  
+التصميم مقسوم بصريًا إلى قسمين: الكود البرمجي على اليسار، وشرح التتبع المرحلي بالنقاط على اليمين.
+
+
+================================================================================
+PAGE 46 - page_0046.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+Power Calculation
+
+#include <stdio.h>
+
+int power(int x, int n) {
+    if (n == 0) return 1;  // Base case
+    return x * power(x, n - 1);  // Binary recursive call
+}
+
+int main() {
+    int x = 2, n = 5;
+    printf("%d^%d is %d\n", x, n, power(x, n));
+    return 0;
+}
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن برنامج بلغة C لحساب القوة \(x^n\) باستخدام الاستدعاء الذاتي (Recursion).
+توضح الدالة `power` حالة الأساس عندما تكون `n == 0` فترجع 1، ثم تستدعي نفسها لتقليل قيمة `n` تدريجيًا.
+في الدالة `main` تم استخدام القيم `x = 2` و `n = 5` ثم طباعة الناتج.
+العنصر البصري الوحيد هو عنوان "Power Calculation" مع تنسيق نصي بسيط لعرض الكود بدون أي صور أو مخططات.
+
+
+================================================================================
+PAGE 47 - page_0047.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+#include <stdio.h>
+int isMultipleOf3(int n);
+int isMultipleOf5(int n);
+int isMultipleOf3(int n) {
+    if (n == 0) return 1;  // Base case
+    if (n < 0) return 0;
+    return isMultipleOf5(n - 3);  // Mutual recursive call
+}
+int isMultipleOf5(int n) {
+    if (n == 0) return 1;  // Base case
+    if (n < 0) return 0;
+    return isMultipleOf3(n - 5);  // Mutual recursive call
+}
+int main() {
+    int n = 15;
+    if (isMultipleOf3(n)) {
+        printf("%d is a multiple of 3\n", n);
+    } else if (isMultipleOf5(n)) {
+        printf("%d is a multiple of 5\n", n);
+    } else {
+        printf("%d is not a multiple of 3 or 5\n", n);
+    }
+
+    return 0;
+}
+
+Multiple of 3 or 5
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن برنامج بلغة C للتحقق مما إذا كان العدد من مضاعفات 3 أو 5 باستخدام الاستدعاء التعاودي المتبادل بين دالتين.
+توضح الدالتان isMultipleOf3 و isMultipleOf5 حالات التوقف عندما يصبح العدد 0 أو أقل من 0، ثم تستدعي كل دالة الأخرى بعد طرح 3 أو 5.
+في الدالة main يتم اختبار العدد 15 وطباعة ما إذا كان من مضاعفات 3 أو 5 أو ليس كذلك.
+يوجد عنصر بصري بسيط على يمين الصفحة عبارة عن عنوان نصي: "Multiple of 3 or 5" بدون مخططات أو صور إضافية.

data_structure/p4.txt

@@ -0,0 +1,559 @@
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+SUBJECT: L4_Stack(part 1)_20260417_203612
+TOTAL PAGES: 7
+EXTRACTED ON: 2026-04-17 19:54:19
+================================================================================
+
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+Stack
+
+1.  STACK:
+
+1.1 Introduction to Stacks  
+A stack is a linear data structure that follows the Last-In-First-Out (LIFO) principle.  
+The last element added to the stack will be the first one to be removed.  
+Stacks are sometimes known as LIFO (last in, first out) lists.
+
+Key Characteristics:  
+•    Ordered collection of elements  
+•    Two main operations:  push (add) and pop (remove)  
+•    Access is restricted to the top element only  
+•    Fixed size when implemented using arrays
+
+Ways to implement Stack  
+1.  Implement stack using Array  
+2.  Implement stack using LinkedList
+
+1.2 Operations on Stack and How to Implement:  
+The fundamental operations we'll implement:  
+1.  push() - Add an element to the top of the stack  
+2.  pop() - Remove the top element from the stack  
+3.  peek() - View the top element without removing it  
+4.  isEmpty() - Check if stack is empty  
+5.  isFull() - Check if stack is full  
+6.  display() - Display all elements in the stack
+
+Push 1  
+Push 2  
+Push 3  
+Pop 3  
+3  
+2  
+1  
+Stack  
+1  
+Stack  
+2  
+1  
+Stack  
+Pop 1  
+Pop 2  
+peek 2  
+2  
+1  
+Stack  
+1  
+Stack  
+Stack  
+Stack Operations
+
+“Push” is the term used to insert an element into a stack. “Pop” is the term used to delete an element from the stack.
+
+1
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن بنية البيانات Stack ومبدأ عملها LIFO، حيث آخر عنصر يدخل هو أول عنصر يخرج.  
+توضح الخصائص الأساسية للـ Stack مثل أن الوصول يكون فقط إلى العنصر العلوي، وأهم العمليات مثل push و pop و peek و isEmpty و isFull و display.  
+كما تذكر طريقتين لتنفيذ الـ Stack: باستخدام Array أو LinkedList.  
+يوجد مخطط بصري يشرح تسلسل العمليات على المكدس: إدخال العناصر 1 ثم 2 ثم 3، ثم حذف العناصر من الأعلى، مع مثال على peek لإظهار العنصر العلوي دون حذفه.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+All insertions and deletions take place at the same end, so the last element added to the stack will be the first element removed from the stack. When a stack is created, the stack base remains fixed while the stack top changes as elements are added and removed. The most accessible element is the top and the least accessible element is the bottom of the stack.
+
+1.3    Array Implementation
+
+Let us consider a stack with 6 elements capacity. This is called as the size of the stack. The number of elements to be added should not exceed the maximum size of the stack. If we attempt to add new element beyond the maximum size, we will encounter a stack overflow condition. Similarly, you cannot remove elements beyond the base of the stack. If such is the case, we will reach a stack underflow condition.
+
+When an element is added to a stack, the operation is performed by push(). Figure 1 shows the creation of a stack and addition of elements using push().
+
+Top=-1  
+Empty  
+Stack
+
+4  
+3  
+2  
+1  
+0
+
+Top  
+Insert  
+11
+
+11
+
+4  
+3  
+2  
+1  
+0
+
+Top  
+Insert  
+22
+
+22  
+11
+
+4  
+3  
+2  
+1  
+0
+
+Top  
+Insert  
+33
+
+33  
+22  
+11
+
+4  
+3  
+2  
+1  
+0
+
+Figure 1. Push operations on stack
+
+When an element is taken off from the stack, the operation is performed by pop(). Figure 2 shows a stack initially with three elements and shows the deletion of elements using pop().
+
+TOP  
+Initial  
+Stack
+
+33  
+22  
+11
+
+4  
+3  
+2  
+1  
+0
+
+TOP  
+POP 33
+
+22  
+11
+
+4  
+3  
+2  
+1  
+0
+
+TOP  
+POP 22
+
+11
+
+4  
+3  
+2  
+1  
+0
+
+TOP
+
+4  
+3  
+2  
+1  
+0
+
+Figure 2. Pop operations on stack
+
+2
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تنفيذ بنية البيانات Stack باستخدام المصفوفة، وتشرح مبدأ LIFO حيث آخر عنصر يدخل هو أول عنصر يخرج.  
+كما توضح مفهومي stack overflow عند محاولة الإضافة بعد السعة القصوى، وstack underflow عند الحذف من مكدس فارغ.  
+يوجد شكلان توضيحيان: الأول يبين عمليات push بإدخال 11 ثم 22 ثم 33 مع تحرك المؤشر Top، والثاني يبين عمليات pop بإزالة 33 ثم 22 ثم الوصول إلى مكدس فارغ.  
+الرسومات تعرض خلايا المكدس رأسياً مع الفهارس من 0 إلى 4 وموقع المؤشر Top في كل خطوة.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+- **Structure Definition**
+
+  #define MAX 10  // Maximum size of stack
+
+  struct Stack {
+
+    int items[MAX];  // Array to store stack elements
+
+    int top;         // Index of top element
+
+  };
+
+- **Initialization**
+
+  void initialize(struct Stack *s) {
+
+    s->top = -1;  // -1 indicates empty stack
+
+  }
+
+- **Checking Stack Status**
+
+  int isEmpty(struct Stack *s) {
+
+    return (s->top == -1);
+
+  }
+
+  int isFull(struct Stack *s) {
+
+    return (s->top == MAX - 1);
+
+  }
+
+- **Push Operation**
+
+  void push(struct Stack *s, int value) {
+
+    if (isFull(s)) {
+
+      printf("Stack Overflow! Cannot push %d\n", value);
+
+    } else {
+
+      s->top++;
+
+      s->items[s->top] = value;
+
+      printf("%d pushed to stack\n", value);
+
+    }
+
+  }
+
+- **Pop Operation**
+
+  int pop(struct Stack *s) {
+
+    if (isEmpty(s)) {
+
+      printf("Stack Underflow! Cannot pop\n");
+
+      return -1;  // Error value
+
+    } else {
+
+      int value = s->items[s->top];
+
+3
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تنفيذ بنية البيانات Stack باستخدام لغة C من خلال مصفوفة ثابتة الحجم.
+تشرح تعريف الهيكل struct Stack، وتهيئة المكدس، ثم دوال التحقق هل المكدس فارغ أو ممتلئ.
+كما تعرض عملية push لإضافة عنصر مع معالجة حالة overflow، وعملية pop لإزالة عنصر مع معالجة underflow.
+الصفحة عبارة عن نص برمجي منظم بعناوين فرعية ونقاط، ولا تحتوي على صور أو مخططات، فقط رقم الصفحة 3 في الأسفل.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+s->top--;
+return value;
+}
+}
+
+- **Peek Operation**
+
+    int peek(struct Stack *s) {
+
+        if (isEmpty(s)) {
+
+            printf("Stack is empty\n");
+
+            return -1;
+
+        } else {
+
+            return s->items[s->top];
+
+        }
+
+    }
+
+- **Display Operation**
+
+    void display(struct Stack *s) {
+
+        if (isEmpty(s)) {
+
+            printf("Stack is empty\n");
+
+        } else {
+
+            printf("Stack elements:\n");
+
+            for (int i = s->top; i >= 0; i--) {
+
+                printf("%d\n", s->items[i]);
+
+            }
+
+        }
+
+    }
+
+**Key Points to Remember**
+
+1. **Stack Pointer (top):**
+   1. Initialized to -1 (empty stack)
+   2. Points to the current top element
+   3. Incremented before push, decremented after pop
+
+2. **Stack Overflow:**
+   1. Occurs when trying to push to a full stack (top == MAX-1)
+   2. Prevented by checking isFull() before push
+
+3. **Stack Underflow:**
+
+4
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن عمليات المكدس (Stack) في لغة C، وخصوصًا عمليتي **peek** و**display** مع جزء ظاهر من نهاية دالة **pop**.  
+توضح دالة **peek** كيفية إرجاع العنصر الموجود أعلى المكدس مع التحقق أولًا إذا كان المكدس فارغًا.  
+كما تشرح دالة **display** طريقة عرض جميع عناصر المكدس من الأعلى إلى الأسفل باستخدام حلقة `for`.  
+وفي الأسفل توجد نقاط مهمة تلخص مفهوم المؤشر `top`، وحالتي **Stack Overflow** و**Stack Underflow**.  
+لا توجد صور أو مخططات، فقط نصوص تعليمية وكود برمجي منسق على شكل نقاط وعناوين.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+1.  Occurs when trying to pop from an empty stack (top == -1)
+
+2.  Prevented by checking isEmpty() before pop
+
+
+1.4    Source code for stack operations, using array:
+
+#include <stdio.h>
+#define MAX 10
+
+struct Stack {
+    int items[MAX];
+    int top;
+};
+
+// Function prototypes
+void initialize(struct Stack *s);
+int isEmpty(struct Stack *s);
+int isFull(struct Stack *s);
+void push(struct Stack *s, int value);
+int pop(struct Stack *s);
+int peek(struct Stack *s);
+void display(struct Stack *s);
+
+int main() {
+    struct Stack myStack;
+    initialize(&myStack);
+    int choice, value;
+
+    while (1) {
+        printf("\nStack Operations:\n");
+        printf("1. Push\n");
+        printf("2. Pop\n");
+        printf("3. Peek\n");
+        printf("4. Display\n");
+        printf("5. Exit\n");
+        printf("Enter your choice: ");
+        scanf("%d", &choice);
+
+        switch (choice) {
+            case 1:
+                printf("Enter value to push: ");
+                scanf("%d", &value);
+                push(&myStack, value);
+                break;
+            case 2:
+                value = pop(&myStack);
+                if (value != -1) {
+                    printf("Popped value: %d\n", value);
+                }
+                break;
+            case 3:
+                value = peek(&myStack);
+                if (value != -1) {
+                    printf("Top element: %d\n", value);
+                }
+
+                break;
+            case
+
+5
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن بنية البيانات Stack باستخدام المصفوفة في لغة C، مع توضيح حالة underflow عند محاولة تنفيذ pop على مكدس فارغ عندما تكون قيمة top = -1.  
+كما تذكر أن تجنب هذه المشكلة يكون عبر التحقق من isEmpty() قبل تنفيذ pop.  
+تحتوي الصفحة على كود مصدر يعرّف struct Stack ويعرض دوال أساسية مثل initialize وpush وpop وpeek وdisplay.  
+يوجد أيضًا جزء من برنامج main يعرض قائمة تفاعلية للمستخدم لتنفيذ عمليات المكدس مثل الإضافة والحذف وعرض العنصر العلوي.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+}
+    break;
+case 4:
+    display(&myStack);
+    break;
+case 5:
+    return 0;
+default:
+    printf("Invalid choice\n");
+    }
+}
+}
+
+    return 0;
+}
+
+void initialize(struct Stack *s) {
+    s->top = -1;  // -1 indicates empty stack
+}
+
+int isEmpty(struct Stack *s) {
+    return (s->top == -1);
+}
+
+int isFull(struct Stack *s) {
+    return (s->top == MAX - 1);
+}
+
+void push(struct Stack *s, int value) {
+    if (isFull(s)) {
+        printf("Stack Overflow! Cannot push %d\n", value);
+    } else {
+        s->top++;
+        s->items[s->top] = value;
+        printf("%d pushed to stack\n", value);
+    }
+}
+
+int pop(struct Stack *s) {
+    if (isEmpty(s)) {
+        printf("Stack Underflow! Cannot pop\n");
+        return -1;  // Error value
+    } else {
+        int value = s->items[s->top];
+        s->top--;
+        return value;
+    }
+}
+
+int peek(struct Stack *s) {
+    if (isEmpty(s)) {
+        printf("Stack is empty\n");
+        return -1;
+    } else {
+        return s->items[s->top];
+    }
+}
+
+void display(struct Stack *s) {
+
+6
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن جزء من برنامج بلغة C لتنفيذ بنية البيانات Stack باستخدام المصفوفة.
+توضح دوال أساسية مثل initialize و isEmpty و isFull و push و pop و peek، مع جزء من قائمة خيارات باستخدام switch-case.
+كما تعرض معالجة حالتي overflow و underflow عند الإضافة أو الحذف من المكدس.
+لا توجد صور أو مخططات، فقط كود برمجي منسق ورقم الصفحة 6 في الأسفل.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+if (isEmpty(s)) {
+    printf("Stack is empty\n");
+} else {
+    printf("Stack elements:\n");
+    for (int i = s->top; i >= 0; i--) {
+        printf("%d\n", s->items[i]);
+    }
+}
+}
+
+1.5     Applications of Stacks
+
+Stacks are widely used in computer science for solving various problems. Some key applications include:
+
+•    Stack is used by compilers to check for balancing of parentheses, brackets and braces.
+•    Stack is used to evaluate a postfix expression.
+•    Stack is used to convert an infix expression into postfix/prefix form.
+•    In recursion, all intermediate arguments and return values are stored on the processor’s stack.
+•    During a function call the return address and arguments are pushed onto a stack and on return they are popped off.
+
+Expression Evaluation:
+    o    Stacks are used to evaluate arithmetic expressions written in infix, prefix,
+         or postfix notation.
+    o    Infix Notation: Operators are placed between operands (e.g., a + b).
+    o    Postfix Notation: Operators follow operands (e.g., a b +).
+    o    Prefix Notation: Operators precede operands (e.g., + a b).
+2.  Infix to Postfix/Prefix Conversion:
+    o    Stacks are used to convert infix expressions to postfix or prefix notation,
+         which are easier for computers to evaluate.
+
+7
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تطبيقات بنية البيانات Stack في علوم الحاسوب، مثل فحص توازن الأقواس، تقييم التعبيرات، وتحويل الصيغ بين infix وpostfix وprefix.  
+كما تشرح دور الـ Stack في الاستدعاء التعاودي recursion واستدعاء الدوال، حيث تُخزن العناوين والوسائط مؤقتًا ثم تُزال عند العودة.  
+يوجد في أعلى الصفحة مقطع كود بلغة C لعرض عناصر الـ Stack أو طباعة رسالة إذا كان فارغًا.  
+الصفحة نصية بالكامل تقريبًا ولا تحتوي على صور أو مخططات، فقط عناوين ونقاط تعداد ورقم الصفحة في الأسفل.

data_structure/p5.txt

@@ -0,0 +1,1382 @@
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+SUBJECT: L5_Stack(part 2)_20260417_203645
+TOTAL PAGES: 21
+EXTRACTED ON: 2026-04-17 19:55:32
+================================================================================
+
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Stack
+
+**1.3     Algebraic Expressions:**
+
+An algebraic expression is a legal combination of operators and operands. Operand is the quantity on which a mathematical operation is performed. Operand may be a variable like x, y, z or a constant like 5, 4, 6 etc. Operator is a symbol which signifies a mathematical or logical operation between the operands. Examples of familiar operators include +, -, * , / , ^ etc.
+
+An algebraic expression can be represented using three different notations. They are infix, postfix and prefix notations:
+
+**Infix:**  
+It is the form of an arithmetic expression in which we fix (place) the arithmetic operator in between the two operands.
+
+Example: (A + B) * (C - D)
+
+**Prefix:**  
+It is the form of an arithmetic notation in which we fix (place) the arithmetic operator before (pre) its two operands. The prefix notation is called aspolish notation (due to the polish mathematician Jan Lukasiewicz in the year 1920).
+
+Example: * + A B - C D
+
+**Postfix:**  
+It is the form of an arithmetic expression in which we fix (place) the arithmetic operator after (post) its two operands. The postfix notation is called as suffix notation and is also referred to reverse polish notation.
+
+Example: A B + C D - *
+
+The three important features of postfix expression are:
+
+1. The operands maintain the same order as in the equivalent infix expression.
+
+2. The parentheses are not needed to designate the expression un-ambiguously.
+
+3. While evaluating the postfix expression the priority of the operators is no longer relevant.
+
+We consider five binary operations: +, -, *, / and $ or ^ (exponentiation). For these binary operations, the following in the order of precedence (highest to lowest):
+
+| OPERATOR | PRECEDENCE | VALUE |
+|----------|------------|-------|
+| Exponentiation ($ or ↑ or ^) | Highest | 3 |
+| *, / | Next highest | 2 |
+| +, - | Lowest | 1 |
+
+**1.4     Converting expressions using Stack:**
+
+1
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن التعابير الجبرية وعناصرها الأساسية: المعاملات (operands) والعوامل/العمليات (operators).  
+كما تشرح طرق كتابة التعبير الجبري الثلاث: Infix وPrefix وPostfix مع أمثلة لكل نوع.  
+توضح أيضًا مميزات صيغة Postfix مثل عدم الحاجة إلى الأقواس وعدم أهمية أولوية العمليات أثناء التقييم.  
+يوجد جدول يبين أولوية العمليات الحسابية: الأس أعلى أولوية، ثم الضرب والقسمة، ثم الجمع والطرح.  
+الصفحة عبارة عن ملاحظات دراسية بعنوان "Stack" مع تنسيق أكاديمي وجدول بسيط في الأسفل.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Let us convert the expressions from one type to another. These can be done as follows:
+
+1.  Infix to postfix
+2.  Infix to prefix
+3.  Postfix to infix
+4.  Postfix to prefix
+5.  Prefix to infix
+6.  Prefix to postfix
+
+**1.4.1  Conversion from infix to postfix:**
+
+Procedure to convert from infix expression to postfix expression is as follows:
+
+1.  Scan the infix expression from left to right.
+
+    a)   If the scanned symbol is left parenthesis, push it onto the stack.
+
+    b)   If the scanned symbol is an operand, then place directly in the postfix
+         expression (output).
+
+    c)   If the symbol scanned is a right parenthesis, then go on popping all the
+         items from the stack and place them in the postfix expression till we get
+         the matching left parenthesis.
+
+    d)   If the scanned symbol is an operator, then go on removing all the
+         operators from the stack and place them in the postfix expression, if and
+         only if the precedence of the operator which is on the top of the stack is
+         greater than (or greater than or equal to) the precedence of the scanned
+         operator and push the scanned operator onto the stack otherwise, push
+         the scanned operator onto the stack.
+
+2
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح موضوع تحويل الصيغ التعبيرية بين الأنواع المختلفة مثل infix و postfix و prefix.  
+تركّز بشكل خاص على طريقة التحويل من infix إلى postfix باستخدام المكدس (stack).  
+توضح خطوات المسح من اليسار إلى اليمين وكيفية التعامل مع الأقواس، المعاملات، والعوامل حسب الأولوية.  
+لا توجد صور أو مخططات، فقط نص منسق أكاديمي مع عنوان المقرر واسم الدكتورة ورقم الصفحة.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Example 1:
+
+Convert ((A – (B + C)) * D) ↑ (E + F) infix expression to postfix form:
+
+| SYMBOL | POSTFIX STRING | STACK | REMARKS |
+|---|---|---|---|
+| ( |  | ( |  |
+| ( |  | ( ( |  |
+| A | A | ( ( |  |
+| - | A | ( ( - |  |
+| ( | A | ( ( - ( |  |
+| B | A B | ( ( - ( |  |
+| + | A B | ( ( - ( + |  |
+| C | A B C | ( ( - ( + |  |
+| ) | A B C + | ( ( - |  |
+| ) | A B C + - | ( |  |
+| * | A B C + - | ( * |  |
+| D | A B C + - D | ( * |  |
+| ) | A B C + - D * |  |  |
+| ↑ | A B C + - D * | ↑ |  |
+| ( | A B C + - D * | ↑ ( |  |
+| E | A B C + - D * E | ↑ ( |  |
+| + | A B C + - D * E | ↑ ( + |  |
+| F | A B C + - D * E F | ↑ ( + |  |
+| ) | A B C + - D * E F + | ↑ |  |
+| End of string | A B C + - D * E F + ↑ |  | The input is now empty. Pop the output symbols from the stack until it is empty. |
+
+Example 2:
+
+Convert a + b * c + (d * e + f) * g the infix expression into postfix form.
+
+| SYMBOL | POSTFIX STRING | STACK | REMARKS |
+|---|---|---|---|
+| A | A |  |  |
+| + | A | + |  |
+| B | a b | + |  |
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح تحويل التعبير الرياضي من الصيغة الوسطية Infix إلى الصيغة اللاحقة Postfix باستخدام المكدس Stack.  
+يوجد مثال أول محلول خطوة بخطوة داخل جدول يوضح الرمز الحالي، ناتج الـ postfix، ومحتوى المكدس بعد كل خطوة.  
+كما تعرض مثالًا ثانيًا يبدأ بنفس الفكرة لكن الجدول فيه غير مكتمل.  
+العناصر البصرية عبارة عن صفحة محاضرة أكاديمية منظمة تحتوي عناوين، جداول، وخط أفقي في أعلى الصفحة دون صور أخرى.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                                 Fall 2025
+
+----------------------------------------------------------------
+
+| * | a b | + * | |
+|---|-----|-----|---|
+| C | a b c | + * | |
+| + | a b c * + | + | |
+| ( | a b c * + | + ( | |
+| D | a b c * + d | + ( | |
+| * | a b c * + d | + ( * | |
+| E | a b c * + d e | + ( * | |
+| + | a b c * + d e * | + ( + | |
+| F | a b c * + d e * f | + ( + | |
+| ) | a b c * + d e * f + | + | |
+| * | a b c * + d e * f + | + * | |
+| G | a b c * + d e * f + g | + * | |
+| End of string | a b c * + d e * f + g * + | The input is now empty. Pop the output symbols from the stack until it is empty. |
+
+Example 3:
+
+Convert the following infix expression A + B * C − D / E * H into its equivalent postfix expression.
+
+| SYMBOL | POSTFIX STRING | STACK | REMARKS |
+|--------|----------------|-------|---------|
+| A | A | | |
+| + | A | + | |
+| B | A B | + | |
+| * | A B | + * | |
+| C | A B C | + * | |
+| - | A B C * + | - | |
+| D | A B C * + D | - | |
+| / | A B C * + D | - / | |
+| E | A B C * + D E | - / | |
+| * | A B C * + D E / | - * | |
+| H | A B C * + D E / H | - * | |
+| End of string | A B C * + D E / H * - | The input is now empty. Pop the output symbols from the stack until it is empty. |
+
+Example 4:
+
+Convert the following infix expression A + (B * C − (D / E ↑ F) * G) * H into its equivalent postfix expression.
+
+| SYMBOL | POSTFIX STRING | STACK | REMARKS |
+|--------|----------------|-------|---------|
+| A | A | | |
+| + | A | + | |
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح تحويل التعبيرات الحسابية من الصيغة الوسطية (Infix) إلى الصيغة اللاحقة (Postfix) باستخدام المكدس (Stack).  
+تحتوي على جداول توضح خطوة بخطوة كيف يتغير كل من الـ Postfix String والـ Stack عند قراءة كل رمز من التعبير.  
+يوجد مثال مكتمل بعنوان Example 3 للتعبير: A + B * C − D / E * H، مع النتيجة النهائية بصيغة Postfix.  
+كما تعرض بداية Example 4 للتعبير: A + (B * C − (D / E ↑ F) * G) * H، لكن الجدول الظاهر له غير مكتمل في هذه الصفحة.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+(         A                     + (  
+B         A B                   + (  
+*         A B                   + ( *  
+C         A B C                 + ( *  
+-         A B C *               + ( -  
+(         A B C *               + ( - (  
+D         A B C * D             + ( - (  
+/         A B C * D             + ( - ( /  
+E         A B C * D E           + ( - ( /  
+↑         A B C * D E           + ( - ( / ↑  
+F         A B C * D E F         + ( - ( / ↑  
+)         A B C * D E F ↑ /     + ( -  
+*         A B C * D E F ↑ /     + ( - *  
+G         A B C * D E F ↑ / G   + ( - *  
+)         A B C * D E F ↑ / G * -   +  
+*         A B C * D E F ↑ / G * -   + *  
+H         A B C * D E F ↑ / G * - H + *  
+End of  
+string    A B C * D E F ↑ / G * - H * +    The input is now empty. Pop the output  
+symbols from the stack until it is empty.
+
+1.4.2  Program to convert an infix to postfix expression:
+
+#include <stdio.h>  
+#include <stdlib.h>  
+#include <ctype.h>  
+#include <string.h>
+
+#define MAX_SIZE 100
+
+// Function prototypes  
+void push(char stack[], int *top, char item);  
+char pop(char stack[], int *top);  
+int precedence(char operator);  
+void infixToPostfix(char infix[], char postfix[]);
+
+int main() {  
+    char infix[MAX_SIZE], postfix[MAX_SIZE];
+
+    printf("Enter infix expression: ");  
+    fgets(infix, MAX_SIZE, stdin);  
+    infix[strlen(infix)-1] = '\0'; // Remove newline character
+
+    infixToPostfix(infix, postfix);  
+    printf("Postfix expression: %s\n", postfix);
+
+    return 0;  
+}
+
+// Push operation for stack  
+void push(char stack[], int *top, char item) {  
+    if (*top >= MAX_SIZE - 1) {  
+        printf("Stack Overflow\n");  
+        exit(1);
+
+5
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح تحويل التعبير من Infix إلى Postfix باستخدام المكدس (Stack).  
+يوجد جدول تتبّع يوضح خطوة بخطوة كيف يتم قراءة الرموز، وبناء ناتج الـ postfix، وتحديث محتوى الـ stack حتى نهاية السلسلة.  
+كما تحتوي الصفحة على بداية برنامج بلغة C لتنفيذ هذا التحويل، مع تضمين المكتبات، تعريف MAX_SIZE، وتصريحات الدوال والدالة main.  
+الجزء السفلي يعرض بداية دالة push الخاصة بالمكدس، بينما العنصر البصري الأساسي هو الجدول الذي يشرح سير الخوارزمية عمليًا.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220
+Dr. Amna Ali A Mohamed                                                                 Fall 2025
+
+}
+
+stack[++(*top)] = item;
+}
+
+// Pop operation for stack
+char pop(char stack[], int *top) {
+    if (*top < 0) {
+        printf("Stack Underflow\n");
+        exit(1);
+    }
+    return stack[(*top)--];
+}
+
+// Get precedence of operators
+int precedence(char operator) {
+    switch(operator) {
+        case '^':
+            return 4;
+        case '*':
+        case '/':
+            return 3;
+        case '+':
+        case '-':
+            return 2;
+        default:
+            return 0;
+    }
+}
+
+// Convert infix to postfix
+void infixToPostfix(char infix[], char postfix[]) {
+    char stack[MAX_SIZE];
+    int top = -1;
+    int i = 0, j = 0;
+    char item, x;
+
+    push(stack, &top, '(');
+    strcat(infix, ")");
+
+    for (item = infix[i]; item != '\0'; item = infix[++i]) {
+        if (item == '(') {
+            push(stack, &top, item);
+        }
+        else if (isalnum(item)) {
+            postfix[j++] = item;
+        }
+        else if (item == ')') {
+            while ((x = pop(stack, &top)) != '(') {
+                postfix[j++] = x;
+            }
+        }
+        else {
+            while (precedence(stack[top]) >= precedence(item)) {
+                postfix[j++] = pop(stack, &top);
+            }
+            push(stack, &top, item);
+        }
+    }
+
+    postfix[j] = '\0';
+
+6
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح جزءًا من برنامج بلغة C لتحويل التعبير من Infix إلى Postfix باستخدام المكدس (Stack).  
+تتضمن دوال أساسية مثل pop لإزالة عنصر من المكدس، وprecedence لتحديد أولوية العمليات الحسابية.  
+كما تعرض دالة infixToPostfix التي تمر على رموز التعبير وتتعامل مع الأقواس والعوامل والمعاملات وفق خوارزمية التحويل.  
+بصريًا، الصفحة عبارة عن ملاحظات/شريحة أكاديمية تحتوي على رأس الصفحة باسم المقرر والدكتورة والفصل الدراسي ورقم الصفحة 6.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+}
+
+**1.4.3  Conversion from infix to prefix:**
+
+The precedence rules for converting an expression from infix to prefix are identical. The only change from postfix conversion is that traverse the expression from right to left and the operator is placed before the operands rather than after them. **The prefix form of a complex expression is not the mirror image of the postfix form.**
+
+**Example 1:**
+
+Convert the infix expression A + B - C into prefix expression.
+
+| SYMBOL | PREFIX STRING | STACK | REMARKS |
+|--------|---------------|-------|---------|
+| C | C |  |  |
+| - | C | - |  |
+| B | B C | - |  |
+| + | B C | - + |  |
+| A | A B C | - + |  |
+| End of string | - + A B C |  | The input is now empty. Pop the output symbols from the stack until it is empty. |
+
+**Example 2:**
+
+Convert the infix expression (A + B) * (C - D) into prefix expression.
+
+| SYMBOL | PREFIX STRING | STACK | REMARKS |
+|--------|---------------|-------|---------|
+| ) |  | ) |  |
+| D | D | ) |  |
+| - | D | ) - |  |
+| C | C D | ) - |  |
+| ( | - C D |  |  |
+| * | - C D | * |  |
+| ) | - C D | * ) |  |
+| B | B - C D | * ) |  |
+| + | B - C D | * ) + |  |
+| A | A B - C D | * ) + |  |
+| ( | + A B - C D | * |  |
+| End of string | * + A B - C D |  | The input is now empty. Pop the output symbols from the stack until it is empty. |
+
+7
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تحويل التعبيرات الرياضية من الصيغة الوسطية Infix إلى الصيغة السابقة Prefix باستخدام قواعد الأولوية نفسها المستخدمة في التحويل إلى Postfix.  
+توضح أن الفرق الأساسي هو قراءة التعبير من اليمين إلى اليسار، ووضع العامل قبل المعاملات.  
+تحتوي الصفحة على مثالين محلولين خطوة بخطوة داخل جداول: الأول للتعبير A + B - C، والثاني للتعبير (A + B) * (C - D).  
+العناصر البصرية الأساسية هي جداول بأعمدة: الرمز، سلسلة الـ Prefix، المكدس Stack، والملاحظات، مع تتبع تغيّر القيم في كل خطوة.
+
+
+================================================================================
+PAGE 8 - page_0008.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                                  Fall 2025
+
+Example 3:
+
+Convert the infix expression A ↑ B * C − D + E / F / (G + H) into prefix expression.
+
+| SYMBOL | PREFIX STRING | STACK | REMARKS |
+|---|---|---|---|
+| ) |  | ) |  |
+| H | H | ) |  |
+| + | H | ) + |  |
+| G | G H | ) + |  |
+| ( | + G H |  |  |
+| / | + G H | / |  |
+| F | F + G H | / |  |
+| / | F + G H | / / |  |
+| E | E F + G H | / / |  |
+| + | / / E F + G H | + |  |
+| D | D / / E F + G H | + |  |
+| - | D / / E F + G H | + - |  |
+| C | C D / / E F + G H | + - |  |
+| * | C D / / E F + G H | + - * |  |
+| B | B C D / / E F + G H | + - * |  |
+| ↑ | B C D / / E F + G H | + - * ↑ |  |
+| A | A B C D / / E F + G H | + - * ↑ |  |
+| End of string | + - * ↑ A B C D / / E F + G H | The input is now empty. Pop the output symbols from the stack until it is empty. |  |
+
+1.4.4  Program to convert an infix to prefix expression:
+
+#include <stdio.h>  
+#include <string.h>  
+#include <ctype.h>  
+#include <stdlib.h>
+
+#define MAX 100
+
+// Function prototypes  
+void push(char item);  
+char pop();  
+int isOperator(char ch);  
+int precedence(char ch);  
+void reverseString(char* str);  
+void infixToPrefix(char* infix, char* prefix);
+
+// Global stack variables  
+char stack[MAX];  
+int top = -1;
+
+int main() {  
+    char infix[MAX], prefix[MAX];  
+    printf("Enter infix expression: ");  
+
+8
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح مثالًا لتحويل تعبير رياضي من الصيغة الوسطية Infix إلى الصيغة السابقة Prefix باستخدام المكدس Stack.  
+يوجد جدول يوضح خطوة بخطوة كيف تتم معالجة الرموز، وما الذي يُضاف إلى الـ prefix string وما الذي يُخزن في الـ stack.  
+المثال المستخدم هو: A ↑ B * C − D + E / F / (G + H)، والنتيجة النهائية الظاهرة هي: + - * ↑ A B C D / / E F + G H.  
+كما تعرض الصفحة بداية برنامج بلغة C لتنفيذ التحويل، ويتضمن المكتبات المطلوبة، تعريف MAX، وتصريحات الدوال والمتغيرات العامة.
+
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                     Fall 2025
+
+fgets(infix, MAX, stdin);
+
+infix[strlen(infix)-1] = '\0'; // Remove newline character
+
+infixToPrefix(infix, prefix);
+printf("Prefix expression: %s\n", prefix);
+
+return 0;
+}
+
+void push(char item) {
+    if (top >= MAX-1) {
+        printf("Stack Overflow\n");
+        return;
+    }
+    stack[++top] = item;
+}
+
+char pop() {
+    if (top < 0) {
+        printf("Stack Underflow\n");
+        return '\0';
+    }
+    return stack[top--];
+}
+
+int isOperator(char ch) {
+    return (ch == '+' || ch == '-' || ch == '*' || ch == '/' || ch == '^');
+}
+
+int precedence(char ch) {
+    switch(ch) {
+        case '^': return 4;
+        case '*':
+        case '/': return 3;
+        case '+':
+        case '-': return 2;
+        default: return 0;
+    }
+}
+
+void reverseString(char* str) {
+    int n = strlen(str);
+    for (int i = 0; i < n/2; i++) {
+        char temp = str[i];
+        str[i] = str[n-i-1];
+        str[n-i-1] = temp;
+    }
+}
+
+void infixToPrefix(char* infix, char* prefix) {
+    char tempInfix[MAX], tempPrefix[MAX];
+    int i = 0, j = 0;
+
+    // Step 1: Reverse the infix expression
+    strcpy(tempInfix, infix);
+    reverseString(tempInfix);
+
+    // Step 2: Replace '(' with ')' and vice versa
+    for (i = 0; tempInfix[i] != '\0'; i++) {
+
+9
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض جزءًا من كود بلغة C لتحويل التعبير من Infix إلى Prefix باستخدام المكدس Stack.  
+تشرح الدوال الأساسية مثل push و pop، وفحص ما إذا كان الرمز عاملًا رياضيًا، وتحديد أولوية العمليات مثل ^ و * و / و + و -.  
+كما تحتوي على دالة لعكس النص reverseString وبداية دالة infixToPrefix التي تبدأ بعكس التعبير ثم تبديل الأقواس.  
+بصريًا، الصفحة عبارة عن ورقة محاضرة أكاديمية فيها عنوان المقرر واسم الدكتورة والفصل الدراسي ورقم الصفحة 9، ولا توجد صور أو مخططات.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220
+Dr. Amna Ali A Mohamed
+
+Fall 2025
+
+if (tempInfix[i] == '(') tempInfix[i] = ')';
+else if (tempInfix[i] == ')') tempInfix[i] = '(';
+}
+
+// Step 3: Convert to postfix with modified operator handling
+push('(');
+strcat(tempInfix, ")");
+
+i = 0;
+j = 0;
+char item = tempInfix[i];
+
+while (item != '\0') {
+    if (item == '(') {
+        push(item);
+    }
+    else if (isalnum(item)) {
+        tempPrefix[j++] = item;
+    }
+    else if (isOperator(item)) {
+        while (top >= 0 && stack[top] != '(' &&
+               precedence(stack[top]) > precedence(item)) {
+            tempPrefix[j++] = pop();
+        }
+        push(item);
+    }
+    else if (item == ')') {
+        while (stack[top] != '(') {
+            tempPrefix[j++] = pop();
+        }
+        pop(); // Remove '(' from stack
+    }
+    i++;
+    item = tempInfix[i];
+}
+
+tempPrefix[j] = '\0';
+
+// Step 4: Reverse the postfix expression to get prefix
+strcpy(prefix, tempPrefix);
+reverseString(prefix);
+}
+
+10
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن جزء من كود بلغة C لتحويل التعبير من infix إلى prefix باستخدام المكدس (stack).  
+توضح الخطوات تبديل الأقواس أولاً، ثم تحويل التعبير إلى postfix بطريقة معدلة تعتمد على أولوية العمليات.  
+بعد ذلك يتم تخزين الناتج في tempPrefix ثم عكسه للحصول على prefix النهائي.  
+العناصر البصرية في الصفحة عبارة عن تنسيق محاضرة جامعية يتضمن اسم المقرر والمدرسة والفصل الدراسي ورقم الصفحة فقط، ولا توجد صور أو مخططات.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+**1.4.5  Conversion from postfix to infix:**
+
+Procedure to convert postfix expression to infix expression is as follows:
+
+1. Scan the postfix expression from left to right.
+
+2. If the scanned symbol is an operand, then push it onto the stack.
+
+3. If the scanned symbol is an operator, pop two symbols from the stack and create it as a string by placing the operator in between the operands and push it onto the stack.
+
+4. Repeat steps 2 and 3 till the end of the expression.
+
+**Example:**
+
+Convert the following postfix expression A B C * D E F ^ / G * - H * + into its equivalent infix expression.
+
+**Symbol**                     **Stack**                             **Remarks**
+
+A                              A                                     Push A
+
+B                              A   B                                 Push B
+
+C                              A   B   C                             Push C
+
+*                              A   (B*C)                             Pop two operands and place the operator in between the operands and push the string.
+
+D                              A   (B*C)   D                         Push D
+
+E                              A   (B*C)   D   E                     Push E
+
+F                              A   (B*C)   D   E   F                 Push F
+
+^                              A   (B*C)   D   (E^F)                 Pop two operands and place the operator in between the operands and push the string.
+
+/
+
+A   (B*C)   (D/(E^F))          Pop two operands and place the operator in between the operands and push the string.
+
+G                              A   (B*C)   (D/(E^F))   G             Push G
+
+*                              A   (B*C)   ((D/(E^F))*G)             Pop two operands and place the operator in between the operands and push the string.
+
+-                              A   ((B*C) – ((D/(E^F))*G))           Pop two operands and place the operator in between the operands and push the string.
+
+H                              A   ((B*C) – ((D/(E^F))*G))   H       Push H
+
+*                              A   (((B*C) – ((D/(E^F))*G)) * H)     Pop two operands and place the operator in between the operands and push the string.
+
++                              (A + (((B*C) – ((D/(E^F))*G)) * H))   Pop two operands and place the operator in between the operands and push the string.
+
+End of  
+string                         The input is now empty. The string formed is infix.
+
+11
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح طريقة تحويل التعبير من **Postfix** إلى **Infix** باستخدام **المكدس (Stack)**.  
+تذكر الخطوات الأساسية: قراءة الرموز من اليسار لليمين، دفع المعاملات إلى المكدس، وعند ظهور عامل يتم سحب معاملين وتكوين تعبير infix ثم إعادته للمكدس.  
+يوجد مثال تفصيلي للتعبير: **A B C * D E F ^ / G * - H * +** مع جدول يوضح في كل خطوة الرمز المقروء، حالة المكدس، والملاحظة.  
+العنصر البصري الأساسي هو **جدول تتبعي** يبين تطور محتوى المكدس حتى الوصول إلى التعبير النهائي: **(A + (((B*C) – ((D/(E^F))*G)) * H))**.
+
+
+================================================================================
+PAGE 12 - page_0012.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+____________________________________________________________________
+
+1.4.6  Program to convert postfix to infix expression:
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <ctype.h>
+
+#define MAX 100
+
+// Stack structure to hold strings
+typedef struct {
+    char data[MAX][MAX];
+    int top;
+} Stack;
+
+// Function prototypes
+void initStack(Stack *s);
+int isFull(Stack *s);
+int isEmpty(Stack *s);
+void push(Stack *s, char *str);
+void pop(Stack *s, char *str);
+void postfixToInfix(char *postfix, char *infix);
+
+int main() {
+    char postfix[MAX], infix[MAX];
+
+    printf("Enter postfix expression: ");
+    fgets(postfix, MAX, stdin);
+    postfix[strlen(postfix)-1] = '\0'; // Remove newline character
+
+    postfixToInfix(postfix, infix);
+    printf("Infix expression: %s\n", infix);
+
+    return 0;
+}
+
+// Initialize stack
+void initStack(Stack *s) {
+    s->top = -1;
+}
+
+// Check if stack is full
+int isFull(Stack *s) {
+    return s->top == MAX - 1;
+}
+
+// Check if stack is empty
+int isEmpty(Stack *s) {
+    return s->top == -1;
+}
+
+// Push operation
+void push(Stack *s, char *str) {
+    if (isFull(s)) {
+        printf("Stack Overflow\n");
+        return;
+    }
+    strcpy(s->data[++s->top], str);
+}
+
+12
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن برنامج بلغة C لتحويل التعبير من postfix إلى infix باستخدام بنية المكدس Stack.  
+تحتوي على تضمين المكتبات، وتعريف ثابت MAX، ثم تعريف struct للمكدس لتخزين سلاسل نصية.  
+كما تعرض ترويسات الدوال الأساسية مثل التهيئة، وفحص الامتلاء والفراغ، وعمليتي push و pop، ودالة التحويل postfixToInfix.  
+يوجد أيضًا جزء من الدالة main لقراءة التعبير من المستخدم وطباعة الناتج، مع بداية تنفيذ دوال المكدس.
+
+
+================================================================================
+PAGE 13 - page_0013.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                 Fall 2025
+
+// Pop operation  
+void pop(Stack *s, char *str) {  
+    if (isEmpty(s)) {  
+        printf("Stack Underflow\n");  
+        str[0] = '\0';  
+        return;  
+    }  
+    strcpy(str, s->data[s->top--]);  
+}
+
+// Function to convert postfix to infix  
+void postfixToInfix(char *postfix, char *infix) {  
+    Stack s;  
+    initStack(&s);  
+    char temp[MAX], op1[MAX], op2[MAX];
+
+    for (int i = 0; postfix[i] != '\0'; i++) {  
+        char ch = postfix[i];
+
+  ��     // If operand, push to stack  
+        if (isalnum(ch)) {  
+            temp[0] = ch;  
+            temp[1] = '\0';  
+            push(&s, temp);  
+        }  
+        // If operator, pop two operands and combine with operator  
+        else {  
+            pop(&s, op2);  
+            pop(&s, op1);
+
+            // Format the expression with parentheses  
+            sprintf(temp, "(%s%c%s)", op1, ch, op2);  
+            push(&s, temp);  
+        }  
+    }
+
+    // The final infix expression is at the top of stack  
+    pop(&s, infix);  
+}
+
+1.4.7  Conversion from prefix to infix:
+
+Procedure to convert prefix expression to infix expression is as follows:
+
+1.  Scan the prefix expression from right to left (reverse order).
+
+2.  If the scanned symbol is an operand, then push it onto the stack.
+
+3.  If the scanned symbol is an operator, pop two symbols from the stack and create  
+    it as a string by placing the operator in between the operands and push it onto  
+    the stack.
+
+4.  Repeat steps 2 and 3 till the end of the expression.
+
+Example:
+
+Convert the following prefix expression + A * - * B C * / D ^ E F G H into its equivalent  
+infix expression.
+
+13
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح تحويل التعابير باستخدام المكدس (Stack)، وتعرض كود بلغة C لعملية `pop` ودالة تحويل التعبير من postfix إلى infix.  
+بعد ذلك تبدأ فقرة جديدة بعنوان **Conversion from prefix to infix** وتوضح خطوات التحويل من prefix إلى infix خطوة بخطوة.  
+كما تحتوي الصفحة على مثال لتعبير prefix مطلوب تحويله إلى infix.  
+بصريًا، الصفحة عبارة عن ملاحظات/شريحة دراسية نصية فقط بدون صور أو مخططات، مع عنوان المقرر واسم الدكتورة والفصل الدراسي ورقم الصفحة.
+
+
+================================================================================
+PAGE 14 - page_0014.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Symbol                     Stack                                         Remarks
+
+H                          H                                             Push H
+
+G                          H  G                                          Push G
+
+F                          H  G  F                                       Push F
+
+E                          H  G  F  E                                    Push E
+
+^                          H  G  (E^F)                                   Pop two operands and place the operator
+                                                                          in between the operands and push the
+                                                                          string.
+
+D                          H  G  (E^F)  D                                Push D
+
+/                          H  G  (D/(E^F))                               Pop two operands and place the operator
+                                                                          in between the operands and push the
+                                                                          string.
+
+*                          H  ((D/(E^F))*G)                              Pop two operands and place the operator
+                                                                          in between the operands and push the
+                                                                          string.
+
+C                          H  ((D/(E^F))*G)  C                           Push C
+
+B                          H  ((D/(E^F))*G)  C  B                        Push B
+
+*                          H  ((D/(E^F))*G)  (B*C)                       Pop two operands and place the operator
+                                                                          in front the operands and push the
+                                                                          string.
+
+-                          H  ((B*C)-((D/(E^F))*G))                      Pop two operands and place the operator
+                                                                          in front the operands and push the
+
+14
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح استخدام المكدس (Stack) لمعالجة تعبير رياضي رمزي خطوة بخطوة.  
+يوجد جدول بثلاثة أعمدة: الرمز، حالة المكدس، والملاحظات، ويبين متى يتم دفع العناصر مثل H وG وF وE إلى المكدس.  
+كما يوضح كيف يتم سحب معاملين عند ظهور عامل مثل ^ أو / أو * أو - ثم تكوين تعبير جديد مثل (E^F) و(D/(E^F)).  
+بصريًا، توجد رسومات صناديق تمثل خلايا المكدس في كل خطوة، مع عرض محتوى المكدس بعد كل عملية.
+
+
+================================================================================
+PAGE 15 - page_0015.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+string.
+
+*  
+(((B*C)-((D)/(E^F))*G))*H)
+
+Pop two operands and place the operator  
+in front the operands and push the  
+string.
+
+A  
+(((B*C)-((D)/(E^F))*G))*H)    A
+
+Push A
+
++  
+(A+((((B*C)-((D)/(E^F))*G))*H))
+
+Pop two operands and place the operator  
+in front the operands and push the  
+string.
+
+End of  
+string
+
+The input is now empty. The string formed is infix.
+
+1.4.8  Program to convert prefix to infix expression:
+
+#include <stdio.h>
+#include <stdlib.h>
+#include <string.h>
+#include <ctype.h>
+
+#define MAX 100
+
+// Stack structure to hold strings
+typedef struct {
+    char data[MAX][MAX];
+    int top;
+} Stack;
+
+// Function prototypes
+void initStack(Stack *s);
+int isFull(Stack *s);
+int isEmpty(Stack *s);
+void push(Stack *s, char *str);
+void pop(Stack *s, char *str);
+void prefixToInfix(char *prefix, char *infix);
+void reverseString(char *str);
+
+int main() {
+    char prefix[MAX], infix[MAX];
+
+    printf("Enter prefix expression: ");
+    fgets(prefix, MAX, stdin);
+    prefix[strlen(prefix)-1] = '\0'; // Remove newline character
+
+    prefixToInfix(prefix, infix);
+    printf("Infix expression: %s\n", infix);
+
+    return 0;
+}
+
+// Initialize stack
+void initStack(Stack *s) {
+    s->top = -1;
+}
+
+// Check if stack is full
+int isFull(Stack *s) {
+    return s->top == MAX - 1;
+}
+
+15
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح تحويل التعبير من **Prefix إلى Infix** باستخدام **Stack**.  
+في الأعلى يوجد مخطط تتبّع يوضح خطوات إدخال الرموز إلى المكدس ثم عند ظهور عامل يتم سحب معاملين وتكوين تعبير infix مثل: `(A+((((B*C)-((D)/(E^F))*G))*H))`.  
+في الأسفل يوجد بداية برنامج بلغة **C** يعرّف المكدس، والدوال الأساسية مثل `push` و`pop` و`prefixToInfix`، مع جزء من `main` لقراءة التعبير وطباعة الناتج.  
+كما تظهر عناصر تنسيقية للصفحة مثل عنوان المقرر، اسم الدكتورة، الفصل الدراسي، ورقم الصفحة.
+
+
+================================================================================
+PAGE 16 - page_0016.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+}
+
+// Check if stack is empty
+int isEmpty(Stack *s) {
+    return s->top == -1;
+}
+
+// Push operation
+void push(Stack *s, char *str) {
+    if (isFull(s)) {
+       ��printf("Stack Overflow\n");
+        return;
+    }
+    strcpy(s->data[++s->top], str);
+}
+
+// Pop operation
+void pop(Stack *s, char *str) {
+    if (isEmpty(s)) {
+        printf("Stack Underflow\n");
+        str[0] = '\0';
+        return;
+    }
+    strcpy(str, s->data[s->top--]);
+}
+
+// Reverse a string
+void reverseString(char *str) {
+    int n = strlen(str);
+    for (int i = 0; i < n/2; i++) {
+        char temp = str[i];
+        str[i] = str[n-i-1];
+        str[n-i-1] = temp;
+    }
+}
+
+// Function to convert prefix to infix
+void prefixToInfix(char *prefix, char *infix) {
+    Stack s;
+    initStack(&s);
+    char temp[MAX], op1[MAX], op2[MAX];
+
+    // Reverse the prefix expression
+    reverseString(prefix);
+
+    for (int i = 0; prefix[i] != '\0'; i++) {
+        char ch = prefix[i];
+
+        // If operand, push to stack
+        if (isalnum(ch)) {
+            temp[0] = ch;
+            temp[1] = '\0';
+            push(&s, temp);
+        }
+        // If operator, pop two operands and combine with operator
+        else {
+            pop(&s, op1);
+            pop(&s, op2);
+
+            // Format the expression with parentheses
+            sprintf(temp, "(%s%c%s)", op1, ch, op2);
+
+16
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض جزءًا من كود بلغة C يشرح استخدام المكدس (Stack) لتحويل التعبير من Prefix إلى Infix.  
+تتضمن دوال فحص الفراغ isEmpty، والإضافة push، والحذف pop، وعكس النص reverseString.  
+كما تشرح بداية دالة prefixToInfix التي تعكس التعبير ثم تمر على كل رمز؛ إذا كان operand يتم دفعه للمكدس، وإذا كان operator يتم سحب عنصرين ودمجهما داخل أقواس.  
+يوجد تنسيق أكاديمي أعلى الصفحة باسم المقرر ITGS 220 واسم الدكتورة والفصل الدراسي، مع رقم الصفحة 16 أسفل اليمين.
+
+
+================================================================================
+PAGE 17 - page_0017.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                                 Fall 2025
+
+push(&s, temp);
+    }
+}
+
+// The final infix expression is at the top of stack
+pop(&s, infix);
+}
+
+1.5    Evaluation of postfix expression:
+
+The postfix expression is evaluated easily by the use of a stack. When a number is seen,
+it is pushed onto the stack; when an operator is seen, the operator is applied to the two
+numbers that are popped from the stack and the result is pushed onto the stack. When
+an expression is given in postfix notation, there is no need to know any precedence rules;
+this is our obvious advantage.
+
+Example 1:
+
+Evaluate the postfix expression: 6 5 2 3 + 8 * + 3 + *
+
+SYMBOL    OPERAND 1    OPERAND 2    VALUE    STACK    REMARKS
+
+6                                              6
+5                                              6, 5
+2                                              6, 5, 2
+3                                              6, 5, 2, 3
++           2            3           5        6, 5, 5    The first four symbols are placed on
+                                                          the stack.
+                                                          Next a ‘+’ is read, so 3 and 2 are
+                                                          popped from the stack and their sum
+                                                          5, is pushed
+
+17
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن تقييم التعبير اللاحق (Postfix Expression) باستخدام المكدس Stack.  
+تشرح الفكرة: عند قراءة رقم يتم دفعه إلى المكدس، وعند قراءة عامل مثل + أو * يتم سحب آخر رقمين وإجراء العملية ثم إعادة النتيجة إلى المكدس.  
+تحتوي الصفحة على مثال عملي للتعبير: 6 5 2 3 + 8 * + 3 + * مع جدول يوضح كل خطوة.  
+يوجد أيضًا جزء صغير من كود سابق في أعلى الصفحة، بالإضافة إلى جدول منظم بأعمدة مثل الرمز، المعاملات، القيمة، المكدس، والملاحظات.
+
+
+================================================================================
+PAGE 18 - page_0018.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+8    2    3    5    6, 5, 5, 8    Next 8 is pushed  
+*    5    8    40    6, 5, 40    Now a ‘*’ is seen, so 8 and 5 are  
+popped as 8 * 5 = 40 is pushed  
++    5    40    45    6, 45    Next, a ‘+’ is seen, so 40 and 5 are  
+popped and 40 + 5 = 45 is pushed  
+3    5    40    45    6, 45, 3    Now, 3 is pushed  
++    45    3    48    6, 48    Next, ‘+’ pops 3 and 45 and pushes  
+45 + 3 = 48 is pushed  
+*    6    48    288    288    Finally, a ‘*’ is seen and 48 and 6  
+are popped, the result 6 * 48 =  
+288 is pushed
+
+Example 2:
+
+Evaluate the following postfix expression: 6 2 3 + - 3 8 2 / + * 2 ↑ 3 +
+
+SYMBOL    OPERAND 1    OPERAND 2    VALUE    STACK  
+6                                             6  
+2                                             6, 2  
+3                                             6, 2, 3  
++         2             3            5        6, 5  
+-         6             5            1        1  
+3         6             5            1        1, 3  
+8         6             5            1        1, 3, 8  
+2         6             5            1        1, 3, 8, 2  
+/         8             2            4        1, 3, 4  
++         3             4            7        1, 7  
+*         1             7            7        7  
+2         1             7            7        7, 2  
+↑         7             2            49       49  
+3         7             2            49       49, 3  
++         49            3            52       52
+
+1.5.1  Program to evaluate a postfix expression:
+
+#include <stdio.h>  
+#include <stdlib.h>  
+#include <ctype.h>  
+#include <math.h>  
+#include <string.h>
+
+18
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن **تقييم التعبير postfix باستخدام المكدس (Stack)** خطوة بخطوة.  
+تحتوي على مثال محلول يوضح كيف يتم دفع الأرقام إلى المكدس ثم تنفيذ العمليات الحسابية عند ظهور الرموز مثل `+` و `*` و `/` و `↑`.  
+يوجد جدول رئيسي في Example 2 يبين الأعمدة: الرمز، المعامل الأول، المعامل الثاني، القيمة، وحالة المكدس بعد كل خطوة حتى الوصول إلى الناتج النهائي **52**.  
+كما تبدأ الصفحة قسمًا جديدًا بعنوان **Program to evaluate a postfix expression** وتعرض ترويسات مكتبات لغة C اللازمة لكتابة البرنامج.
+
+
+================================================================================
+PAGE 19 - page_0019.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+____________________________________________________________
+____
+
+#define MAX_SIZE 100
+
+// Stack implementation
+double stack[MAX_SIZE];
+int top = -1;
+
+// Function prototypes
+void push(double num);
+double pop();
+int isEmpty();
+int isOperator(char ch);
+double evaluatePostfix(char* expression);
+
+int main() {
+    char expression[MAX_SIZE];
+
+    printf("Enter postfix expression (numbers and operators separated by spaces):\n");
+    printf("Example: 5 3 2 * + 4 -\n");
+    fgets(expression, MAX_SIZE, stdin);
+
+    // Remove newline character if present
+    if (expression[strlen(expression)-1] == '\n') {
+        expression[strlen(expression)-1] = '\0';
+    }
+
+    double result = evaluatePostfix(expression);
+    printf("Result: %.2f\n", result);
+
+    return 0;
+}
+
+// Push a number onto the stack
+void push(double num) {
+    if (top >= MAX_SIZE - 1) {
+        printf("Stack overflow!\n");
+        exit(1);
+    }
+    stack[++top] = num;
+}
+
+// Pop a number from the stack
+double pop() {
+    if (top < 0) {
+        printf("Stack underflow!\n");
+        exit(1);
+    }
+    return stack[top--];
+}
+
+// Check if stack is empty
+int isEmpty() {
+    return top == -1;
+}
+
+19
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض جزءًا من كود بلغة C لتقييم التعبير postfix باستخدام بنية البيانات Stack.  
+تتضمن تعريف حجم المكدس، والمصفوفة المستخدمة لتخزين القيم، والمتغير top لتتبع أعلى عنصر.  
+كما تحتوي على prototypes للدوال، ودالة main لقراءة التعبير من المستخدم ثم حساب النتيجة وطباعتها.  
+ويظهر أيضًا تنفيذ الدوال الأساسية للمكدس مثل push و pop و isEmpty مع معالجة حالتي overflow و underflow.
+
+
+================================================================================
+PAGE 20 - page_0020.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+____________________________________________________________________________
+____
+
+// Check if character is an operator
+int isOperator(char ch) {
+    return ch == '+' || ch == '-' || ch == '*' || ch == '/' || ch == '^';
+}
+
+// Evaluate postfix expression
+double evaluatePostfix(char* expression) {
+    char* token = strtok(expression, " ");
+
+    while (token != NULL) {
+        if (isdigit(token[0]) || (token[0] == '-' && isdigit(token[1]))) {
+            // It's a number (including negative numbers)
+            double num = atof(token);
+            push(num);
+        } else if (isOperator(token[0])) {
+            // It's an operator
+            double operand2 = pop();
+            double operand1 = pop();
+            double result;
+
+            switch (token[0]) {
+                case '+':
+                    result = operand1 + operand2;
+                    break;
+                case '-':
+                    result = operand1 - operand2;
+                    break;
+                case '*':
+                    result = operand1 * operand2;
+                    break;
+                case '/':
+                    if (operand2 == 0) {
+                        printf("Error: Division by zero\n");
+                        exit(1);
+                    }
+                    result = operand1 / operand2;
+                    break;
+                case '^':
+                    result = pow(operand1, operand2);
+                    break;
+                default:
+                    printf("Error: Unknown operator '%c'\n", token[0]);
+                    exit(1);
+            }
+            push(result);
+        } else {
+            printf("Error: Invalid token '%s'\n", token);
+            exit(1);
+        }
+
+        token = strtok(NULL, " ");
+    }
+
+    if (top != 0) {
+
+20
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض جزءًا من كود بلغة C لتقييم التعبير اللاحق Postfix Expression باستخدام المكدس Stack.  
+يوجد دالة isOperator للتحقق هل الحرف عامل حسابي مثل + و- و* و/ و^.  
+ثم دالة evaluatePostfix تقرأ الرموز token واحدًا واحدًا، وتتعامل مع الأرقام السالبة والعمليات الحسابية المختلفة.  
+كما تتضمن معالجة أخطاء مثل القسمة على صفر، أو وجود عامل غير معروف، أو رمز غير صالح.  
+العناصر البصرية عبارة عن صفحة محاضرة أكاديمية فيها عنوان المقرر واسم الدكتورة والفصل الدراسي ورقم الصفحة فقط، بدون صور أو مخططات.
+
+
+================================================================================
+PAGE 21 - page_0021.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220
+Dr. Amna Ali A Mohamed                                                                 Fall 2025
+
+____________________________________________________________
+____
+
+        printf("Error: Invalid expression format\n");
+        exit(1);
+    }
+
+    return pop();
+
+}
+
+21
+
+------------PAGE TALK ABOUT------------
+توضح الصفحة جزءًا من كود بلغة C لمعالجة الأخطاء في تنسيق التعبير.
+يظهر فيها طباعة رسالة خطأ: "Invalid expression format" ثم إنهاء البرنامج باستخدام `exit(1)`.
+بعد ذلك يعيد البرنامج قيمة من المكدس باستخدام `return pop();`.
+بصريًا، الصفحة تحتوي على ترويسة المقرر واسم الدكتورة والفصل الدراسي، مع رقم الصفحة 21 أسفل اليمين.

data_structure/p6.txt

@@ -0,0 +1,802 @@
+"أنت مدرس خبير ومحترف في مادة تراكيب بيانات. أنت تدرّس طالباً وتساعده على الفهم.
+
+=== محتوى الفصل (المرجع العلمي) ===
+
+=== نهاية السياق ===
+
+**تعليمات مهمة:**
+- استخدم المحتوى العلمي أعلاه كمرجع أساسي للإجابة
+- راعِ سياق المحادثة السابقة والمستوى التعليمي للطالب
+- أجب بشكل واضح ومفصل باللغة العربية
+- استخدم الأمثلة والتوضيحات عند الحاجة
+- إذا سأل الطالب عن شيء خارج المحتوى المتوفر، أخبره بذلك بلطف
+
+
+================================================================================
+SUBJECT: L6_Queue_20260417_203720
+TOTAL PAGES: 11
+EXTRACTED ON: 2026-04-17 19:59:23
+================================================================================
+
+
+================================================================================
+PAGE 1 - page_0001.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Queue
+
+A queue is another special kind of list, where items are inserted at one end called the  
+rear and deleted at the other end called the front. Another name for a queue is a “FIFO”  
+or “First-in-first-out” list.
+
+The operations for a queue are analogues to those for a stack, the difference is that the  
+insertions go at the end of the list, rather than the beginning. We are using the following  
+operations on queues:
+
+•        enqueue: which inserts an element at the end of the queue.  
+•        dequeue: which deletes an element at the start of the queue.
+
+1.  Representation of Queue:
+
+Let us consider a queue, which can hold maximum of five elements. Initially the queue  
+is empty.
+
+0     1     2     3     4
+
+Queue Empty  
+FRONT = REAR = 0
+
+F R
+
+Now, insert 11 to the queue. Then queue status will be:
+
+0     1     2     3     4
+
+11
+
+REAR = REAR + 1 = 1  
+FRONT = 0
+
+F     R
+
+Next, insert 22 to the queue. Then the queue status is:
+
+0     1     2     3     4
+
+11     22
+
+REAR = REAR + 1 = 2  
+FRONT = 0
+
+F     R
+
+Again insert another element 33 to the queue. The status of the queue is:
+
+0     1     2     3     4
+
+11     22     33
+
+REAR = REAR + 1 = 3  
+FRONT = 0
+
+F     R
+
+1
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح بنية البيانات Queue وكيف تعمل بمبدأ FIFO أي أول داخل أول خارج.  
+توضح عمليتي enqueue للإدخال من الخلف rear وdequeue للحذف من الأمام front.  
+يوجد تمثيل بصري لطابور سعته 5 خانات مرقمة من 0 إلى 4، مع تتبع موقعي FRONT وREAR.  
+كما تعرض أمثلة متتابعة لإدخال العناصر 11 ثم 22 ثم 33، مع تحديث قيمة REAR وبقاء FRONT عند 0.
+
+
+================================================================================
+PAGE 2 - page_0002.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+Now, delete an element. The element deleted is the element at the front of the queue.  
+So the status of the queue is:
+
+0   1   2   3   4  
+22   33
+
+F             R
+
+REAR = 3  
+FRONT = FRONT + 1 = 1
+
+Again, delete an element. The element to be deleted is always pointed to by the FRONT  
+pointer. So, 22 is deleted. The queue status is as follows:
+
+0   1   2   3   4  
+33
+
+F             R
+
+REAR = 3  
+FRONT = FRONT + 1 = 2
+
+Now, insert new elements 44 and 55 into the queue. The queue status is:
+
+0   1   2   3   4  
+33   44   55
+
+F                     R
+
+REAR = 5  
+FRONT = 2
+
+Next insert another element, say 66 to the queue. We cannot insert 66 to the queue as  
+the rear crossed the maximum size of the queue (i.e., 5). There will be queue full signal.  
+The queue status is as follows:
+
+0   1   2   3   4  
+33   44   55
+
+F                     R
+
+REAR = 5  
+FRONT = 2
+
+Now it is not possible to insert an element 66 even though there are two vacant positions  
+in the linear queue. To over come this problem the elements of the queue are to be  
+shifted towards the beginning of the queue so that it creates vacant position at the rear  
+end. Then the FRONT and REAR are to be adjusted properly. The element 66 can be  
+inserted at the rear end. After this operation, the queue status is as follows:
+
+0   1   2   3   4  
+33   44   55   66
+
+F                 R
+
+REAR = 4  
+FRONT = 0
+
+This difficulty can overcome if we treat queue position with index 0 as a position that  
+comes after position with index 4 i.e., we treat the queue as a circular queue.
+
+2
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح عمليات الحذف والإدخال في **الـ linear queue** باستخدام مؤشري **FRONT** و **REAR**.  
+توضح بالرسوم كيف يتم حذف العناصر من المقدمة، ثم إدخال عناصر جديدة حتى يصل **REAR** إلى الحد الأقصى وتظهر مشكلة الامتلاء رغم وجود فراغات في البداية.  
+كما تعرض حلاً مؤقتًا وهو **إزاحة العناصر نحو البداية** ثم تعديل FRONT و REAR لإدخال العنصر 66.  
+وفي النهاية تمهّد لفكرة **الـ circular queue** باعتبار أن الموقع 0 يأتي بعد الموقع 4 لتجنب هذه المشكلة.
+
+
+================================================================================
+PAGE 3 - page_0003.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+1.2.    Source code for Queue operations using array:
+
+In order to create a queue we require a one dimensional array Q(1:n) and two variables
+front and rear. The conventions we shall adopt for these two variables are that front is
+always 1 less than the actual front of the queue and rear always points to the last element
+in the queue. Thus, front = rear if and only if there are no elements in the queue. The
+initial condition then is front = rear = 0. The various queue operations to perform
+creation, deletion and display the elements in a queue are as follows:
+
+1.        insertQ(): inserts an element at the end of queue Q.
+2.        deleteQ(): deletes the first element of Q.
+3.        displayQ(): displays the elements in the queue.
+
+#include <stdio.h>
+#include <stdlib.h>
+
+#define MAX_SIZE 6
+
+int queue[MAX_SIZE];
+int front = 0;
+int rear = 0;
+
+// Function prototypes
+void displayMenu();
+void enqueue();
+void dequeue();
+void displayQueue();
+
+int main() {
+    int choice;
+
+    do {
+
+        // screen clearing
+        system("cls");
+
+        displayMenu();
+        printf("Enter your choice: ");
+        scanf("%d", &choice);
+
+        switch(choice) {
+            case 1:
+                enqueue();
+                break;
+            case 2:
+                dequeue();
+                break;
+            case 3:
+                displayQueue();
+                break;
+            case 4:
+                printf("\nExiting program...\n");
+                exit(0);
+            default:
+                printf("\nInvalid choice! Please try again.\n");
+        }
+
+        printf("\nPress Enter to continue...");
+        while(getchar() != '\n'); // Clear input buffer
+        getchar(); // Wait for Enter key
+
+    } while(1);
+
+3
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح مفهوم تنفيذ بنية البيانات Queue باستخدام مصفوفة أحادية البعد في لغة C.  
+توضح دور المتغيرين front و rear، وأن الحالة الابتدائية تكون front = rear = 0، مع شرح عمليات الإدخال والحذف والعرض.  
+كما تعرض بداية الشيفرة المصدرية، وتشمل تعريف المصفوفة والثوابت والمتغيرات العامة وتصريحات الدوال.  
+يوجد أيضًا جزء من الدالة main يحتوي على قائمة خيارات للمستخدم لتنفيذ enqueue و dequeue و displayQueue أو الخروج من البرنامج.
+
+
+================================================================================
+PAGE 4 - page_0004.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                       �� Fall 2025
+
+────────────────────────────────────────────────────────
+
+        return 0;
+    }
+    
+    void displayMenu() {
+        printf("\n===== Queue Operations =====\n");
+        printf("1. Enqueue (Add element)\n");
+        printf("2. Dequeue (Remove element)\n");
+        printf("3. Display Queue\n");
+        printf("4. Exit\n");
+    }
+    
+    void enqueue() {
+        if(rear == MAX_SIZE) {
+            printf("\nQueue is full! Cannot enqueue.\n");
+            return;
+        }
+    
+        int data;
+        printf("\nEnter data to enqueue: ");
+        scanf("%d", &data);
+    
+        queue[rear] = data;
+        rear++;
+        printf("\n%d has been enqueued.\n", data);
+    }
+    
+    void dequeue() {
+        if(front == rear) {
+            printf("\nQueue is empty! Cannot dequeue.\n");
+            return;
+        }
+    
+        printf("\n%d has been dequeued.\n", queue[front]);
+        front++;
+    
+        // Reset queue if empty
+        if(front == rear) {
+            front = rear = 0;
+        }
+    }
+    
+    void displayQueue() {
+        if(front == rear) {
+            printf("\nQueue is empty!\n");
+            return;
+        }
+    
+        printf("\nCurrent Queue: ");
+        for(int i = front; i < rear; i++) {
+            printf("%d ", queue[i]);
+        }
+        printf("\n");
+    }
+
+1.3.    Applications of Queue:
+
+1.      It is used to schedule the jobs to be processed by the CPU.
+
+2.      When multiple users send print jobs to a printer, each printing job is kept in
+        the printing queue. Then the printer prints those jobs according to first in first
+        out (FIFO) basis.
+
+3.      Breadth first search uses a queue data structure to find an element from a
+        graph.
+
+4
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن بنية البيانات Queue في لغة C، وتعرض دوال أساسية مثل عرض القائمة، الإضافة إلى الطابور enqueue، الحذف dequeue، وعرض عناصر الطابور.  
+يوضح الكود كيفية التحقق من امتلاء الطابور أو فراغه، مع إعادة ضبط المؤشرين front و rear عند تفريغ الطابور.  
+كما تعرض الصفحة تطبيقات الـ Queue مثل جدولة مهام المعالج CPU، وطوابير الطباعة، وخوارزمية البحث بعرض الشجرة أو الرسم BFS.  
+العناصر البصرية الموجودة هي ترويسة المقرر ITGS 220 واسم الدكتورة والفصل الدراسي ورقم الصفحة فقط، ولا توجد صور أو مخططات.
+
+
+================================================================================
+PAGE 5 - page_0005.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                         Fall 2025
+
+1.4.    Circular Queue:
+
+A more efficient queue representation is obtained by regarding the array Q[MAX] as circular. Any number of items could be placed on the queue. This implementation of a queue is called a circular queue because it uses its storage array as if it were a circle instead of a linear list.
+
+There are two problems associated with linear queue. They are:
+
+•        Time consuming: linear time to be spent in shifting the elements to the beginning of the queue.
+
+•        Signaling queue full: even if the queue is having vacant position.
+
+For example, let us consider a linear queue status as follows:
+
+0     1     2     3     4
+
+33     44     55
+
+REAR = 5  
+FRONT = 2
+
+F                                 R
+
+Next insert another element, say 66 to the queue. We cannot insert 66 to the queue as the rear crossed the maximum size of the queue (i.e., 5). There will be queue full signal. The queue status is as follows:
+
+0     1     2     3     4
+
+33     44     55
+
+REAR = 5  
+FRONT = 2
+
+F                                 R
+
+This difficulty can be overcome if we treat queue position with index zero as a position that comes after position with index four then we treat the queue as a circular queue.
+
+In circular queue if we reach the end for inserting elements to it, it is possible to insert new elements if the slots at the beginning of the circular queue are empty.
+
+5
+
+------------PAGE TALK ABOUT------------
+تتحدث الصفحة عن مفهوم **الطابور الدائري (Circular Queue)** كحل أكثر كفاءة من الطابور الخطي.  
+توضح مشكلتين في الطابور الخطي: الحاجة إلى تحريك العناصر مما يستهلك وقتًا، وظهور حالة الامتلاء رغم وجود أماكن فارغة في بداية المصفوفة.  
+يوجد شكلان يوضحان مصفوفة بحجم 5 وخاناتها مرقمة من 0 إلى 4، والعناصر الموجودة هي 33 و44 و55، مع FRONT = 2 وREAR = 5.  
+الرسوم تبين أن الإدخال يفشل في الطابور الخطي عند الوصول للنهاية، بينما في الطابور الدائري يمكن الرجوع للبداية واستغلال الخانات الفارغة.
+
+
+================================================================================
+PAGE 6 - page_0006.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                 Fall 2025
+
+1.5.    Representation of Circular Queue:
+
+Let us consider a circular queue, which can hold maximum (MAX) of six elements.  
+Initially the queue is empty.
+
+F R
+
+5     0  
+4     1  
+3     2
+
+Queue Empty  
+MAX = 6  
+FRONT = REAR = 0  
+COUNT = 0
+
+Circular Queue
+
+Now, insert 11 to the circular queue. Then circular queue status will be:
+
+F
+
+5     0  
+4     1  
+3     2
+
+11
+
+▲ | R
+
+FRONT = 0  
+REAR = (REAR + 1) % 6 = 1  
+COUNT = 1
+
+Circular Queue
+
+Insert new elements 22, 33, 44 and 55 into the circular queue. The circular queue status is:
+
+R             F
+
+5     0  
+4     1  
+3     2
+
+11  
+22  
+33  
+44  
+55
+
+FRONT = 0  
+REAR = (REAR + 1) % 6 = 5  
+COUNT = 5
+
+Circular Queue
+
+6
+
+------------PAGE TALK ABOUT------------
+تشرح الصفحة تمثيل **الطابور الدائري (Circular Queue)** بسعة قصوى **6 عناصر**، مع توضيح حالته في البداية وهو فارغ.  
+تحتوي على رسومات دائرية مقسمة إلى المواقع **0 إلى 5** وتُظهر موضعي **FRONT** و **REAR** بالأسهم.  
+ثم تعرض مثال إدخال العنصر **11** وكيف تتغير القيم إلى **FRONT = 0** و **REAR = 1** و **COUNT = 1**.  
+بعد ذلك تضيف العناصر **22، 33، 44، 55** وتوضح في الرسم أماكنها داخل الطابور، مع الحالة النهائية **COUNT = 5** و **REAR = 5**.
+
+
+================================================================================
+PAGE 7 - page_0007.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                 Fall 2025
+
+Now, delete an element. The element deleted is the element at the front of the circular  
+queue. So, 11 is deleted. The circular queue status is as follows:
+
+R  
+5         0  
+4         1  
+3         2
+
+22  
+33  
+44  
+55
+
+F
+
+FRONT = (FRONT + 1) % 6 = 1  
+REAR = 5  
+COUNT = COUNT - 1 = 4
+
+Circular Queue
+
+Again, delete an element. The element to be deleted is always pointed to by the FRONT  
+pointer. So, 22 is deleted. The circular queue status is as follows:
+
+R  
+5         0  
+4         1  
+3         2
+
+33  
+44  
+55
+
+F
+
+FRONT = (FRONT + 1) % 6 = 2  
+REAR = 5  
+COUNT = COUNT - 1 = 3
+
+Circular Queue
+
+Again, insert another element 66 to the circular queue. The status of the circular queue  
+is:
+
+R  
+5         0  
+4         1  
+3         2
+
+66  
+33  
+44  
+55
+
+F
+
+FRONT = 2  
+REAR = (REAR + 1) % 6 = 0  
+COUNT = COUNT + 1 = 4
+
+Circular Queue
+
+Now, insert new elements 77 and 88 into the circular queue. The circular queue status  
+is:
+
+7
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح عمليات الحذف والإدخال في **الطابور الدائري (Circular Queue)** خطوة بخطوة.  
+توضح أولًا حذف العنصر الأمامي 11 ثم تحديث المؤشرات بحيث يصبح `FRONT = 1` و`COUNT = 4`، ثم حذف 22 ليصبح `FRONT = 2` و`COUNT = 3`.  
+بعد ذلك تشرح إدخال العنصر 66 في نهاية الطابور مع التفاف المؤش�� الخلفي، فيصبح `REAR = 0` و`COUNT = 4`.  
+تتضمن الصفحة ثلاثة رسومات دائرية تمثل مواقع الخانات من 0 إلى 5، مع أسهم توضح موضعي `F` و`R` والعناصر الموجودة مثل 33 و44 و55 و66 داخل الطابور.
+
+
+================================================================================
+PAGE 8 - page_0008.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+5             0  
+66            77  
+4     55             88     1  
+44            33  
+3             2
+
+R  
+F
+
+FRONT = 2, REAR = 2  
+REAR = REAR % 6 = 2  
+COUNT = 6
+
+Circular Q u e u e
+
+Now, if we insert an element to the circular queue, as COUNT = MAX we cannot add
+the element to circular queue. So, the circular queue is full.
+
+1.6.    Source code for Circular Queue operations, using array:
+
+#include <stdio.h>
+#include <stdlib.h>  // For system()  clearScreen
+#define MAX 6
+
+// Global variables
+int CQ[MAX];
+int front = 0;
+int rear = 0;
+int count = 0;
+
+// Function prototypes
+
+int menu();
+void insertCQ();
+void deleteCQ();
+void displayCQ();
+
+int main() {
+    int ch;
+    do {
+        system("cls");
+        ch = menu();
+
+        switch(ch) {
+            case 1:
+                insertCQ();
+                break;
+            case 2:
+                deleteCQ();
+                break;
+            case 3:
+                displayCQ();
+                break;
+            case 4:
+                return 0;
+            default:
+                printf("\n Invalid Choice ");
+        }
+
+        printf("\nPress any key to continue...");
+        getchar();  // Clear input buffer
+        getchar();  // Wait for key press
+
+    } while(1);
+}
+
+8
+
+------------PAGE TALK ABOUT------------
+الصفحة تشرح بنية **الـ Circular Queue** باستخدام مصفوفة بحجم **MAX = 6**، وتوضح حالة الامتلاء عندما يصبح **COUNT = 6** فلا يمكن إدخال عنصر جديد.  
+يوجد رسم دائري مقسم إلى 6 خانات مرقمة من 0 إلى 5، وتحتوي القيم: **77, 88, 33, 44, 55, 66**، مع توضيح أن **FRONT = 2** و **REAR = 2** بعد الالتفاف.  
+كما تعرض الصفحة بداية كود لغة **C** لتنفيذ عمليات الطابور الدائري: **insert**, **delete**, **display**، مع تعريف المتغيرات العامة والدالة **main** وقائمة الخيارات.  
+الرسم يوضح فكرة الالتفاف في الطابور الدائري وأن المؤشر الخلفي يعود للبداية باستخدام العملية **REAR % 6**.
+
+
+================================================================================
+PAGE 9 - page_0009.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                          Fall 2025
+
+________________________________________________________________________________
+
+int menu() {
+    int ch;
+    printf("\n \t Circular Queue Operations using ARRAY..");
+    printf("\n ----------------*******\n");
+    printf("\n 1. Insert ");
+    printf("\n 2. Delete ");
+    printf("\n 3. Display");
+    printf("\n 4. Quit ");
+    printf("\n Enter Your Choice: ");
+    scanf("%d", &ch);
+    return ch;
+}
+
+void insertCQ() {
+    if(count == MAX) {
+        printf("\n Circular Queue is Full");
+    }
+    else {
+        int data;
+        printf("\n Enter data: ");
+        scanf("%d", &data);
+        CQ[rear] = data;
+        rear = (rear + 1) % MAX;
+        count++;
+        printf("\n Data Inserted in the Circular Queue ");
+    }
+}
+
+void deleteCQ() {
+    if(count == 0) {
+        printf("\n\nCircular Queue is Empty..");
+    }
+    else {
+        printf("\n Deleted element from Circular Queue is %d ", CQ[front]);
+        front = (front + 1) % MAX;
+        count--;
+    }
+}
+
+void displayCQ() {
+    int i, j;
+    if(count == 0) {
+        printf("\n\n\t Circular Queue is Empty ");
+    }
+    else {
+        printf("\n Elements in Circular Queue are: ");
+        j = count;
+        for(i = front; j != 0; j--) {
+            printf("%d\t", CQ[i]);
+            i = (i + 1) % MAX;
+        }
+    }
+}
+
+9
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض كود بلغة C لتنفيذ عمليات **الطابور الدائري (Circular Queue)** باستخدام **مصفوفة**.  
+تتضمن دالة قائمة `menu()` تعرض الخيارات: الإدخال، الحذف، العرض، والخروج.  
+كما تحتوي على دوال `insertCQ()` و`deleteCQ()` و`displayCQ()` لإدارة عناصر الطابور مع استخدام `front` و`rear` و`count` و`MAX`.  
+لا توجد صور أو مخططات، فقط تنسيق صفحة محاضرة مع عنوان المقرر واسم الدكتورة والفصل الدراسي ورقم الصفحة.
+
+
+================================================================================
+PAGE 10 - page_0010.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                 Fall 2025
+
+Questions
+
+1.     Is it possible to have two designs for the same data structure that provide the  
+        same functionality but are implemented differently?
+
+2.     What is the difference between the logical representation of a data structure and  
+        the physical representation?
+
+3.     Transform the following infix expressions to reverse polish notation (prefix):  
+        a) A ↑ B * C − D + E / F / (G +H)  
+        b) ((A + B) * C − (D − E)) ↑ (F + G)  
+        c) A − B / (C * D ↑E)  
+        d) (a + b ↑ c ↑ d) * (e + f / d))  
+        f) 3 − 6 * 7 + 2 / 4 * 5 − 8  
+        g) (A − B) / ((D + E) * F)  
+        h) ((A + B) / D) ↑ ((E − F) * G)
+
+4.     Evaluate the following postfix expressions:  
+        a) P₁: 5, 3, +, 2, *, 6, 9, 7, -, /, -  
+        b) P₂: 3, 5, +, 6, 4, -, *, 4, 1, -, 2, ↑, +  
+        c) P₃ : 3, 1, +, 2, ↑, 7, 4, -, 2, *, +, 5,-
+
+5.     Consider the usual algorithm to convert an infix expression to a postfix expression.  
+        Suppose that you have read 10 input characters during a conversion and that the  
+        stack now contains these symbols:
+
+                    +  
+                    (  
+                    *  
+
+        bottom
+
+        Now, suppose that you read and process the 11th symbol of the input. Draw the  
+        stack for the case where the 11th symbol is:  
+        A. A number:  
+        B. A left parenthesis:  
+        C. A right parenthesis:  
+        D. A minus sign:  
+        E. A division sign:
+
+10
+
+------------PAGE TALK ABOUT------------
+الصفحة تحتوي على أسئلة لمادة هياكل البيانات/التعابير الرياضية في مقرر ITGS 220 لفصل Fall 2025.  
+تركّز الأسئلة على مفاهيم تصميم هياكل البيانات، والفرق بين التمثيل المنطقي والفيزيائي، وتحويل التعابير بين infix وprefix/postfix وتقييم postfix.  
+يوجد أيضًا سؤال عن خوارزمية تحويل infix إلى postfix باستخدام المكدس (stack).  
+العنصر البصري الوحيد هو رسم بسيط لمكدس يوضّح أن محتوياته الحالية من الأعلى إلى الأسفل: + ثم ( ثم * مع كلمة bottom بجانب القاع.
+
+
+================================================================================
+PAGE 11 - page_0011.png
+================================================================================
+
+------------TEXT EXTRACTED------------
+ITGS 220  
+Dr. Amna Ali A Mohamed                                                 Fall 2025
+
+6.    Write a program using stack for parenthesis matching. Explain what modifications
+      would be needed to make the parenthesis matching algorithm check expressions
+      with different kinds of parentheses such as (), [] and {}'s.
+
+7.    Evaluate the following prefix expressions:
+      a) + * 2 + / 14 2 5 1
+      b) - * 6 3 - 4 1
+      c) + + 2 6 + - 13 2 4
+
+8.    Convert the following infix expressions to prefix notation:
+      a) ((A + 2) * (B + 4)) -1
+      b) Z - (((X + 1) * 2) - 5) / Y)
+      c) (((c * 2) + 1) / (A + B)
+      d) ((A + B) * C – (D - E)) ↑ (F + G)
+      e) A – B / (C * D ↑ E)
+
+9.    Write a “C” function to copy one stack to another assuming
+      a) The stack is implemented using array.
+
+10.  Write an algorithm to construct a fully parenthesized infix expression from its
+      postfix equivalent. Write a “C” function for your algorithm.
+
+11.  How can one convert a postfix expression to its prefix equivalent and vice-versa?
+
+12.  In a circular queue represented by an array, how can one specify the number of
+      elements in the queue in terms of “front”, “rear” and MAX-QUEUE-SIZE? Write a
+      “C” function to delete the K-th element from the “front” of a circular queue.
+
+11
+
+------------PAGE TALK ABOUT------------
+الصفحة تعرض أسئلة وتمارين من مقرر ITGS 220 لفصل Fall 2025 مع اسم الدكتورة Amna Ali A Mohamed.  
+تركّز الأسئلة على هياكل البيانات، خاصة المكدس (Stack) والطابور الدائري (Circular Queue).  
+تتضمن تمارين عن مطابقة الأقواس، تقييم وتحويل التعبيرات بين Prefix وInfix وPostfix، وكتابة دوال بلغة C.  
+لا توجد صور أو مخططات؛ الصفحة عبارة عن نص منسق أكاديمي مع ترقيم للأسئلة من 6 إلى 12 ورقم الصفحة 11.

data_structure/structure.txt

@@ -0,0 +1,31 @@
+"أنت نظام توجيه ذكي لمساعد تعليمي في مادة الرياضيات.
+
+مهمتك: تحليل رسالة الطالب واختيار الملف المناسب للرد.
+
+**الملفات المتاحة:**
+- main.txt: للتحيات، الأسئلة العامة، التعريف بالنفس، أو أي شيء لا يتعلق بفصول الكتاب مباشرة
+- p1.txt: الفصل الأول
+- p2.txt: الفصل الثاني
+- p3.txt: الفصل الثالث
+- p4.txt: الفصل الرابع
+- p5.txt: الفصل الخامس
+etc.....
+
+
+C & Data Structures
+
+Chapter 1: Address, Pointers, Arrays, and Structures
+Chapter 2: Address, Pointers, Arrays, and Structures (part 2)
+Chapter 3: function & recursion
+Chapter 4: stack
+Chapter 5: stack (part 2)
+Chapter 6: Queue
+
+
+
+**تعليمات التوجيه:**
+1. إذا كانت الرسالة تحية أو سؤال عام لا يتعلق بتراكيب بيانات → اختر main.txt
+2. إذا كانت الرسالة تسأل عن موضوع محدد في تراكيب بيانات → اختر الملف المناسب حسب الفهرس
+3. إذا كانت الرسالة متابعة لموضوع سابق (مثل "اشرح أكثر" أو "ما المقصود") → استخدم نفس الملف الأخير: {last_file}
+4. إذا قال الطالب "استمر" أو "أكمل" → استخدم نفس الملف الأخير
+5. أجب **فقط** باسم الملف (مثال: p1.txt أو main.txt)

front_end_road.md

@@ -0,0 +1,530 @@
+# 🎨 Frontend Update Road Map
+## Guide for Frontend Developer
+
+This document explains all backend changes that require frontend updates.
+The backend developer cannot see HTML files, and the frontend developer
+cannot see backend code. This file is the bridge.
+
+---
+
+## 📌 CRITICAL CHANGE #1: Board Now Supports Multiple Subjects
+
+### What Changed (Backend)
+- The board is NO LONGER hardcoded to `physics_mechanic`
+- Board now works with ANY subject that is in the `BOARD_ENABLED_SUBJECTS` list
+- Each subject has its own folder with its own data files
+- The board page URL changed from `/` to `/board/<subject_id>`
+
+### What Frontend Must Do
+
+#### 1. Dashboard (dashboard.html)
+- Each subject card in "my subjects" now has a property `board_enabled` (true/false)
+- For subjects where `board_enabled` is true, show TWO buttons:
+  - **"محادثة"** (Chat) → links to `/chat_page` (existing)
+  - **"سبورة"** (Board) → links to `/board/{subject_id}` (NEW)
+- For subjects where `board_enabled` is false, show only the Chat button
+- Example:
+  ```html
+  {% if subject.board_enabled %}
+    <a href="/board/{{ subject.id }}" class="btn btn-board">📋 سبورة</a>
+  {% endif %}
+  <a href="/chat_page" class="btn btn-chat"
+     onclick="selectSubject('{{ subject.id }}')">💬 محادثة</a>
+  ```
+
+#### 2. Board Page (board.html)
+- The board page now receives these template variables:
+  - `{{ username }}` - current user
+  - `{{ subject_id }}` - e.g. "physics_mechanic"
+  - `{{ subject_name }}` - e.g. "الفيزياء الميكانيكية"
+- Display the subject name in the board header/title
+- The board page URL is now `/board/physics_mechanic` instead of `/`
+
+---
+
+## 📌 CRITICAL CHANGE #2: Board API Endpoints Changed
+
+### Old Endpoints (REMOVE)
+```
+POST /api/message          → REMOVED
+POST /api/replay           → REMOVED
+GET  /api/board/state      → REMOVED
+POST /api/board/clear      → REMOVED
+POST /api/chat/clear       → REMOVED
+POST /api/board/sync       → REMOVED
+```
+
+### New Endpoints (USE THESE)
+```
+POST /api/board/message     → Send message to board AI
+POST /api/board/replay      → Replay last response (voice only)
+GET  /api/board/state       → Get board state
+POST /api/board/clear       → Clear board
+POST /api/board/chat/clear  → Clear board chat history
+POST /api/board/sync        → Sync board state
+POST /api/board/set-subject → Set/switch board subject
+```
+
+### New Request Format for /api/board/message
+```json
+{
+    "message": "student text here",
+    "board_state": [... current board items ...],
+    "subject_id": "physics_mechanic"
+}
+```
+- `subject_id` is OPTIONAL if already set via `/board/<subject_id>` page
+- `board_state` is the current board items array from frontend (source of truth)
+- Response format is UNCHANGED (same sequence array)
+
+### JavaScript Update Example
+```javascript
+// OLD CODE (remove this):
+fetch('/api/message', {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({
+        message: userMessage,
+        board_state: currentBoardState
+    })
+})
+
+// NEW CODE (use this):
+fetch('/api/board/message', {
+    method: 'POST',
+    headers: {'Content-Type': 'application/json'},
+    body: JSON.stringify({
+        message: userMessage,
+        board_state: currentBoardState,
+        subject_id: CURRENT_SUBJECT_ID  // from template: "{{ subject_id }}"
+    })
+})
+```
+
+---
+
+## 📌 CRITICAL CHANGE #3: Board Page Gets Subject Info
+
+### Template Variables Available in board.html
+```html
+<!-- These are injected by the backend -->
+<script>
+    const CURRENT_USER = "{{ username }}";
+    const CURRENT_SUBJECT_ID = "{{ subject_id }}";
+    const CURRENT_SUBJECT_NAME = "{{ subject_name }}";
+</script>
+```
+
+### Use them in:
+1. Page title: `<title>{{ subject_name }} - السبورة</title>`
+2. Header: Show subject name prominently
+3. API calls: Include `subject_id` in board message requests
+4. Back button: Link back to `/dashboard`
+
+---
+
+## 📌 CHANGE #4: Exam Page Per Subject
+
+### What Changed
+- Exam page URL: `/exam/<subject_id>` (unchanged)
+- No changes needed in exam.html if it already uses `{{ subject_id }}`
+
+---
+
+## 📌 CHANGE #5: Chat Page Subject Selection
+
+### What Changed
+- No changes to chat API endpoints
+- Chat still uses `/select-subject`, `/switch-subject`, `/chat`, `/stream`
+- All unchanged
+
+---
+
+## 📌 CHANGE #6: Static Files
+
+### What Changed
+- Audio files still served from `/static/audio/`
+- No changes needed
+
+---
+
+## 📌 NEW: Subject Folder Structure
+
+Each subject that supports the board must have a folder like:
+```
+physics_mechanic/
+├── main.txt              # General info + AI persona
+├── structure.txt          # Book index/table of contents
+├── p1.txt - pN.txt       # Chapter content files
+└── pages_base_url.txt     # NEW: URL template for book page images
+```
+
+### pages_base_url.txt Content Example
+```
+https://huggingface.co/spaces/CORVO-AI/pages/resolve/main/ميكانيكا/page_{page_num}.png
+```
+- Must contain `{page_num}` placeholder
+- Each subject has its own URL pattern
+- If this file is missing, `<page>` tags won't resolve to images
+
+---
+
+## 📌 SUMMARY OF FRONTEND FILES TO UPDATE
+
+| File | Priority | Changes |
+|------|----------|---------|
+| `dashboard.html` | 🔴 HIGH | Add board button per subject, use `board_enabled` flag |
+| `board.html` | 🔴 HIGH | Update API URLs, add subject_id to requests, show subject name |
+| `chat.html` | 🟢 NONE | No changes needed |
+| `exam.html` | 🟢 NONE | No changes needed |
+| `market.html` | 🟢 NONE | No changes needed |
+| `login.html` | 🟢 NONE | No changes needed |
+| `signup.html` | 🟢 NONE | No changes needed |
+
+---
+
+## 📌 TESTING CHECKLIST
+
+After frontend updates, test these flows:
+
+1. ✅ Login → Dashboard shows subjects with board/chat buttons
+2. ✅ Click "سبورة" on physics_mechanic → Opens `/board/physics_mechanic`
+3. ✅ Board shows subject name in header
+4. ✅ Send message on board → AI responds with voice + board elements
+5. ✅ Board elements appear correctly (notes, text, shapes, icons, page images)
+6. ✅ Replay works (voice only, no board duplication)
+7. ✅ Clear board works
+8. ✅ Navigate back to dashboard
+9. ✅ Click "سبورة" on different subject → Opens that subject's board
+10. ✅ Chat page still works independently
+11. ✅ Exam page still works independently
+12. ✅ Subjects without board_enabled don't show board button
+
+---
+
+## 📌 API RESPONSE FORMAT REFERENCE
+
+### /api/board/message Response (UNCHANGED)
+```json
+{
+    "success": true,
+    "chosen_file": "p1.txt",
+    "sequence": [
+        {
+            "type": "board_update",
+            "action": "add",
+            "items": [
+                {"type": "note", "content": "...", "x": 100, "y": 100, ...},
+                {"type": "text", "content": "...", "x": 300, "y": 100, ...}
+            ]
+        },
+        {
+            "type": "voice",
+            "text": "أهلاً بك يا طالبي...",
+            "audio_url": "/static/audio/voice_abc123.mp3"
+        },
+        {
+            "type": "board_update",
+            "action": "add",
+            "items": [...]
+        },
+        {
+            "type": "voice",
+            "text": "...",
+            "audio_url": "/static/audio/voice_def456.mp3"
+        }
+    ],
+    "board_state": [... full updated board state ...]
+}
+```
+
+### /api/board/replay Response
+```json
+{
+    "success": true,
+    "sequence": [
+        {
+            "type": "voice",
+            "text": "أهلاً بك يا طالبي...",
+            "audio_url": "/static/audio/voice_abc123.mp3"
+        },
+        {
+            "type": "voice",
+            "text": "لاحظ المعادلة على السبورة...",
+            "audio_url": "/static/audio/voice_def456.mp3"
+        }
+    ]
+}
+```
+Note: Replay returns ONLY voice segments. Board items are NOT included
+because they are already on the board from the original response.
+
+### /api/board/set-subject Response
+```json
+{
+    "success": true,
+    "subject_id": "physics_mechanic",
+    "subject_name": "الفيزياء الميكانيكية",
+    "message": "تم تحديد مادة 'الفيزياء الميكانيكية' للسبورة"
+}
+```
+
+### /api/board/clear Response
+```json
+{
+    "success": true,
+    "board_state": []
+}
+```
+
+### /api/board/chat/clear Response
+```json
+{
+    "success": true
+}
+```
+
+---
+
+## 📌 DASHBOARD SUBJECT CARD DATA FORMAT
+
+Each subject in `my_subjects` now has these fields available in the template:
+
+```python
+{
+    "id": "physics_mechanic",       # Subject ID
+    "name": "الفيزياء الميكانيكية",    # Display name
+    "price": 5,                      # Price (0 = free)
+    "icon": "gear",                  # FontAwesome icon name
+    "free": False,                   # Is it free?
+    "board_enabled": True            # NEW: Does it support the board?
+}
+```
+
+### Dashboard Template Example
+```html
+{% for subject in my_subjects %}
+<div class="subject-card">
+    <div class="subject-icon">
+        <i class="fas fa-{{ subject.icon }}"></i>
+    </div>
+    <h3>{{ subject.name }}</h3>
+
+    <div class="subject-actions">
+        <!-- Chat button - always shown -->
+        <a href="/chat_page"
+           class="btn btn-chat"
+           onclick="localStorage.setItem('selected_subject', '{{ subject.id }}')">
+            💬 محادثة
+        </a>
+
+        <!-- Board button - only if board_enabled -->
+        {% if subject.board_enabled %}
+        <a href="/board/{{ subject.id }}" class="btn btn-board">
+            📋 سبورة تفاعلية
+        </a>
+        {% endif %}
+
+        <!-- Exam button - always shown -->
+        <a href="/exam/{{ subject.id }}" class="btn btn-exam">
+            📝 اختبار
+        </a>
+    </div>
+</div>
+{% endfor %}
+```
+
+---
+
+## 📌 BOARD.HTML FULL JAVASCRIPT UPDATE GUIDE
+
+### Step 1: Add Subject Variables (top of script)
+```javascript
+// These come from the Jinja template
+const CURRENT_SUBJECT_ID = "{{ subject_id }}";
+const CURRENT_SUBJECT_NAME = "{{ subject_name }}";
+const CURRENT_USER = "{{ username }}";
+```
+
+### Step 2: Update sendMessage Function
+```javascript
+async function sendMessage() {
+    const message = document.getElementById('messageInput').value.trim();
+    if (!message) return;
+
+    // Disable input while processing
+    setLoading(true);
+
+    try {
+        const response = await fetch('/api/board/message', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                message: message,
+                board_state: getCurrentBoardState(),  // Your existing function
+                subject_id: CURRENT_SUBJECT_ID        // NEW: include subject
+            })
+        });
+
+        const data = await response.json();
+
+        if (data.success) {
+            processSequence(data.sequence);  // Your existing function
+        } else {
+            showError(data.error || 'حدث خطأ');
+        }
+    } catch (err) {
+        showError('خطأ في الاتصال بالخادم');
+        console.error(err);
+    } finally {
+        setLoading(false);
+    }
+}
+```
+
+### Step 3: Update Replay Function
+```javascript
+async function replayLast() {
+    try {
+        const response = await fetch('/api/board/replay', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'}
+        });
+
+        const data = await response.json();
+
+        if (data.success) {
+            // Play ONLY voice segments - no board updates
+            processVoiceSequence(data.sequence);
+        } else {
+            showError(data.error || 'لا يوجد رد سابق');
+        }
+    } catch (err) {
+        showError('خطأ في الاتصال');
+    }
+}
+```
+
+### Step 4: Update Clear Functions
+```javascript
+async function clearBoard() {
+    try {
+        await fetch('/api/board/clear', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'}
+        });
+        // Clear board visually on frontend
+        clearBoardVisual();
+    } catch (err) {
+        console.error(err);
+    }
+}
+
+async function clearChatHistory() {
+    try {
+        await fetch('/api/board/chat/clear', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'}
+        });
+    } catch (err) {
+        console.error(err);
+    }
+}
+```
+
+### Step 5: Update Page Title and Header
+```html
+<title>{{ subject_name }} - السبورة التفاعلية</title>
+
+<!-- In the header/navbar -->
+<div class="board-header">
+    <a href="/dashboard" class="back-btn">→ العودة</a>
+    <h1>📋 {{ subject_name }}</h1>
+    <span class="user-badge">{{ username }}</span>
+</div>
+```
+
+---
+
+## 📌 BOARD ENABLED SUBJECTS LIST
+
+Currently these subjects support the interactive board:
+- `physics_mechanic` - الفيزياء الميكانيكية
+- `physics_electric` - الفيزياء الكهربائية
+- `chemistry` - الكيمياء
+- `math` - الرياضيات
+- `biology` - الأحياء
+- `statistics` - أساس الإحصاء
+
+To add more subjects to the board, the backend developer adds the subject ID
+to `BOARD_ENABLED_SUBJECTS` in `subjects/definitions.py` and creates the
+subject folder with the required files.
+
+The frontend does NOT need to change when new subjects are added - it just
+checks the `board_enabled` flag.
+
+---
+
+## 📌 ERROR HANDLING
+
+### Board API Errors
+All board API endpoints return errors in this format:
+```json
+{
+    "success": false,
+    "error": "Error message in Arabic",
+    "sequence": [
+        {
+            "type": "voice",
+            "text": "عذراً، حدث خطأ...",
+            "audio_url": null
+        }
+    ],
+    "board_state": [... unchanged board state ...]
+}
+```
+
+### HTTP Status Codes
+- `200` - Success
+- `400` - Bad request (missing data, invalid subject)
+- `401` - Unauthorized (session expired)
+- `403` - Forbidden (no access to subject)
+- `404` - Not found (subject folder missing)
+- `500` - Server error
+
+### Frontend Should Handle
+1. `401` → Redirect to login page
+2. `403` with `"code": "no_access"` → Show "buy subject" prompt
+3. `400` with `"need_subject": true` → Show subject selection
+4. `500` → Show generic error message
+5. Voice with `audio_url: null` → Show text only, skip audio playback
+
+---
+
+## 📌 MIGRATION STEPS (Order of Operations)
+
+1. **Backend deploys new code** (all the new files)
+2. **Frontend updates dashboard.html** (add board buttons)
+3. **Frontend updates board.html** (new API URLs + subject support)
+4. **Test board with physics_mechanic** (existing subject)
+5. **Test board with another subject** (e.g. chemistry)
+6. **Test chat still works** (should be unchanged)
+7. **Test exam still works** (should be unchanged)
+8. **Done!**
+
+---
+
+## 📌 CONTACT
+
+If anything is unclear or you need more details about a specific
+endpoint or data format, create a question in the shared document
+or contact the backend developer.
+
+Backend files you should NEVER modify:
+- Everything in `database/`, `auth/`, `chat/`, `board/`, `exam/`,
+  `media/`, `market/`, `websocket/`, `subjects/`
+- `app.py`, `config.py`, `json_processor.py`
+
+Frontend files the backend will NEVER modify:
+- Everything in `templates/`
+- Everything in `static/` (except `static/audio/` which is auto-managed)

json_processor.py

@@ -0,0 +1,162 @@
+import requests
+import json
+import re
+from typing import Optional, Dict, Any, List
+
+class BoardProcessor:
+    def __init__(self, api_url: str = "https://corvo-ai-claude-4-6-opus.hf.space/chat"):
+        self.api_url = api_url
+        self.system_prompt = self._load_system_prompt()
+
+    def _load_system_prompt(self) -> str:
+        """Load system prompt from system.txt file"""
+        try:
+            with open('system.txt', 'r', encoding='utf-8') as f:
+                return f.read()
+        except FileNotFoundError:
+            # Provide a default system prompt if file not found
+            return """You are a converter that transforms XML board data into JSON format.
+
+Convert the given XML to JSON following these rules:
+1. Extract all elements from the XML
+2. Convert them to proper JSON structure
+3. Wrap your JSON output in <json></json> tags
+
+Example:
+Input: <board><note color="yellow" x="100" y="200">Hello</note></board>
+Output: <json>{"board": {"notes": [{"color": "yellow", "x": 100, "y": 200, "text": "Hello"}]}}</json>
+
+Always wrap your final JSON output in <json></json> tags."""
+
+    def _call_ai_api(
+        self,
+        user_input: Optional[str] = None,
+        chat_history: Optional[List[Dict[str, Any]]] = None,
+        temperature: float = 0.9,
+        top_p: float = 0.95,
+        max_tokens: Optional[int] = None
+    ) -> str:
+        """Call the AI API and return the assistant's response"""
+
+        payload = {
+            "user_input": user_input,
+            "chat_history": chat_history or [],
+            "temperature": temperature,
+            "top_p": top_p,
+            "max_tokens": max_tokens
+        }
+
+        try:
+            response = requests.post(self.api_url, json=payload, timeout=120)
+            response.raise_for_status()
+            result = response.json()
+            return result.get("assistant_response", "")
+        except requests.exceptions.RequestException as e:
+            raise Exception(f"API request failed: {str(e)}")
+
+    def _extract_json_from_response(self, response: str) -> str:
+        """Extract JSON from <json></json> tags in the AI response and return as text"""
+
+        # Print the raw response for debugging
+        print("\n🔍 DEBUG - Raw AI Response:")
+        print("=" * 80)
+        print(response)
+        print("=" * 80)
+
+        # Try multiple patterns to find JSON
+        patterns = [
+            r'<json>(.*?)</json>',  # Standard <json></json> tags
+            r'```json\s*(.*?)\s*```',  # Markdown code blocks
+            r'```\s*(.*?)\s*```',  # Generic code blocks
+        ]
+
+        for pattern in patterns:
+            json_match = re.search(pattern, response, re.DOTALL)
+            if json_match:
+                json_str = json_match.group(1).strip()
+                try:
+                    json.loads(json_str)  # Validate
+                    return json_str
+                except json.JSONDecodeError:
+                    continue
+
+        # If no tags found, try to find JSON directly in the response
+        try:
+            # Look for JSON object pattern
+            json_match = re.search(r'\{.*\}', response, re.DOTALL)
+            if json_match:
+                json_str = json_match.group(0).strip()
+                json.loads(json_str)  # Validate
+                return json_str
+        except json.JSONDecodeError:
+            pass
+
+        raise ValueError("No valid JSON found in AI response. Check the debug output above.")
+
+    def convert_xml_to_json(
+        self,
+        xml_text: str,
+        temperature: float = 0.9,
+        top_p: float = 0.95,
+        max_tokens: Optional[int] = None
+    ) -> str:
+        """
+        Convert XML text to Board JSON text
+
+        Args:
+            xml_text: The XML string to convert
+            temperature: AI temperature parameter (default: 0.9)
+            top_p: AI top_p parameter (default: 0.95)
+            max_tokens: Maximum tokens for AI response (default: None)
+
+        Returns:
+            JSON string (as text)
+        """
+
+        # Prepare chat history with system prompt
+        chat_history = [
+            {"role": "system", "content": self.system_prompt}
+        ]
+
+        
+
+        # Call AI API with XML input
+        ai_response = self._call_ai_api(
+            user_input=xml_text,
+            chat_history=chat_history,
+            temperature=temperature,
+            top_p=top_p,
+            max_tokens=max_tokens
+        )
+        print(xml_text)
+
+        # Extract and return JSON as text
+        json_text = self._extract_json_from_response(ai_response)
+
+        return json_text
+
+
+# Example usage
+if __name__ == "__main__":
+    processor = BoardProcessor()
+
+    xml_input = """
+    <board>
+<note color="yellow" x="100" y="200" w="280" h="140">قانون نيوتن الثاني:
+القوة = الكتلة × التسارع
+F = m × a</note>
+<svg>ball</svg>
+</board>
+    """
+
+    try:
+        json_output = processor.convert_xml_to_json(xml_input)
+        print("\n✅ Conversion successful!")
+        print("\nJSON Output (as text):")
+        print(json_output)
+
+        # Optionally pretty print
+        print("\n📋 Pretty printed:")
+        print(json.dumps(json.loads(json_output), indent=2, ensure_ascii=False))
+    except Exception as e:
+        print(f"\n❌ Error: {str(e)}")

system.txt

@@ -0,0 +1,826 @@
+<script>
+// ═══════════════════════════════════════════════════════════
+//  MICANICA AI BOARD — COMPLETE ENGINE
+// ═══════════════════════════════════════════════════════════
+
+const $ = id => document.getElementById(id);
+const canvas = $('canvas');
+const canvasArea = $('canvas-area');
+const contextMenu = $('context-menu');
+const emptyState = $('emptyState');
+const zoomDisplay = $('zoomDisplay');
+const minimapCanvas = $('minimap-canvas');
+const minimapCtx = minimapCanvas.getContext('2d');
+const modalOverlay = $('modal-overlay');
+const modalTextarea = $('modalTextarea');
+const modalTitle = $('modalTitle');
+const imageInput = $('imageInput');
+const importFileInput = $('importFileInput');
+const chatInput = $('chatInput');
+const btnSend = $('btnSend');
+const aiStatus = $('ai-status');
+const statusText = aiStatus.querySelector('.status-text');
+const voicePlayer = $('voicePlayer');
+const playbackControls = $('playback-controls');
+const iconPlay = $('iconPlay');
+const iconPause = $('iconPause');
+const progressFill = $('progressFill');
+const stepInfo = $('stepInfo');
+
+// ─── STATE ───
+let items = [];
+let itemIdCounter = 0;
+let selectedItemId = null;
+let contextItemId = null;
+let scale = 1;
+let panX = 0, panY = 0;
+let isPanning = false;
+let panStartX = 0, panStartY = 0;
+let panStartPanX = 0, panStartPanY = 0;
+let sidebarOpen = false;
+let currentMaxZ = 10;
+let lastTouchDist = 0;
+let lastTouchMid = {x:0, y:0};
+let lastTapTime = 0;
+
+// AI Playback
+let currentSequence = [];
+let currentStepIndex = 0;
+let isPlaying = false;
+let playbackPaused = false;
+let voiceResolve = null; // to resolve voice promise on skip
+
+// ─── UTILS ───
+const WOBBLY = [
+  '255px 15px 225px 15px / 15px 225px 15px 255px',
+  '15px 225px 15px 255px / 225px 15px 255px 15px',
+  '225px 15px 255px 15px / 15px 255px 15px 225px',
+  '15px 255px 15px 225px / 255px 15px 225px 15px',
+];
+function randomWobbly() { return WOBBLY[Math.floor(Math.random() * WOBBLY.length)]; }
+function randomRotation() { return (Math.random() * 4 - 2).toFixed(1); }
+function nextZ() { return ++currentMaxZ; }
+function sleep(ms) { return new Promise(r => setTimeout(r, ms)); }
+
+function updateCanvasTransform() {
+  canvas.style.transform = `translate(${panX}px, ${panY}px) scale(${scale})`;
+  zoomDisplay.textContent = Math.round(scale * 100) + '%';
+  updateMinimap();
+}
+
+function hideEmptyState() {
+  emptyState.style.display = items.length > 0 ? 'none' : '';
+}
+
+function canvasXYFromClient(cx, cy) {
+  const rect = canvasArea.getBoundingClientRect();
+  return { x: (cx - rect.left - panX) / scale, y: (cy - rect.top - panY) / scale };
+}
+
+function centerCanvasXY() {
+  const rect = canvasArea.getBoundingClientRect();
+  return canvasXYFromClient(rect.left + rect.width / 2, rect.top + rect.height / 2);
+}
+
+function setStatus(status, text) {
+  aiStatus.className = 'ai-status ' + status;
+  statusText.textContent = text;
+}
+
+// ─── SHAPE SVGs ───
+function getShapeSVG(shape, size = 80) {
+  const s = size;
+  const m = {
+    'rectangle': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><rect x="2" y="2" width="44" height="30" rx="2"/></svg>`,
+    'circle': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><circle cx="24" cy="24" r="20"/></svg>`,
+    'triangle': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,44 4,44"/></svg>`,
+    'diamond': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,24 24,44 4,24"/></svg>`,
+    'star': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 29,18 44,18 32,27 36,42 24,33 12,42 16,27 4,18 19,18"/></svg>`,
+    'hexagon': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 42,14 42,34 24,44 6,34 6,14"/></svg>`,
+    'pentagon': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><polygon points="24,4 44,18 36,42 12,42 4,18"/></svg>`,
+    'square': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><rect x="6" y="6" width="36" height="36" rx="2"/></svg>`,
+    'oval': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><ellipse cx="24" cy="17" rx="22" ry="15"/></svg>`,
+    'heart': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><path d="M24,42 C16,34 4,26 4,16 A10,10 0 0 1 24,12 A10,10 0 0 1 44,16 C44,26 32,34 24,42z"/></svg>`,
+    'arrow-right': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="4" y1="12" x2="38" y2="12"/><polyline points="30,4 38,12 30,20"/></svg>`,
+    'arrow-left': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="44" y1="12" x2="10" y2="12"/><polyline points="18,4 10,12 18,20"/></svg>`,
+    'arrow-up': `<svg width="${s*.5}" height="${s}" viewBox="0 0 24 48" stroke-width="3"><line x1="12" y1="44" x2="12" y2="10"/><polyline points="4,18 12,10 20,18"/></svg>`,
+    'arrow-down': `<svg width="${s*.5}" height="${s}" viewBox="0 0 24 48" stroke-width="3"><line x1="12" y1="4" x2="12" y2="38"/><polyline points="4,30 12,38 20,30"/></svg>`,
+    'arrow-double-h': `<svg width="${s}" height="${s*.5}" viewBox="0 0 48 24" stroke-width="3"><line x1="10" y1="12" x2="38" y2="12"/><polyline points="18,4 10,12 18,20"/><polyline points="30,4 38,12 30,20"/></svg>`,
+    'process': `<svg width="${s}" height="${s*.6}" viewBox="0 0 48 28"><rect x="2" y="2" width="44" height="24" rx="2"/></svg>`,
+    'decision': `<svg width="${s}" height="${s*.7}" viewBox="0 0 48 34"><polygon points="24,2 46,17 24,32 2,17"/></svg>`,
+    'speech': `<svg width="${s}" height="${s}" viewBox="0 0 48 48"><path d="M6,8 h28 a4,4 0 0 1 4,4 v14 a4,4 0 0 1 -4,4 h-14 l-8,8 v-8 h-6 a4,4 0 0 1 -4,-4 v-14 a4,4 0 0 1 4,-4z"/></svg>`,
+    'cloud': `<svg width="${s}" height="${s*.75}" viewBox="0 0 48 36"><path d="M10,30 A8,8 0 0 1 8,14 A10,10 0 0 1 26,10 A8,8 0 0 1 38,18 A6,6 0 0 1 36,30z"/></svg>`,
+    'checkmark': `<svg width="${s}" height="${s}" viewBox="0 0 48 48" stroke-width="4"><polyline points="10,26 20,36 38,14"/></svg>`,
+    'cross': `<svg width="${s}" height="${s}" viewBox="0 0 48 48" stroke-width="3"><line x1="10" y1="10" x2="38" y2="38"/><line x1="38" y1="10" x2="10" y2="38"/></svg>`,
+    'lightning': `<svg width="${s*.6}" height="${s}" viewBox="0 0 30 48"><polygon points="18,4 8,22 16,22 12,44 26,18 18,18"/></svg>`,
+  };
+  return m[shape] || m['circle'];
+}
+
+// ═══════════════════════════════════════════
+//  BOARD ITEM CREATORS
+// ═══════════════════════════════════════════
+
+function addNote(color='yellow', x, y, text='', w=220, h=180, isAI=false) {
+  const id = ++itemIdCounter;
+  if (x === undefined || y === undefined) { const c = centerCanvasXY(); x = c.x - 110 + Math.random()*60-30; y = c.y - 90 + Math.random()*60-30; }
+  const rot = randomRotation(), wob = randomWobbly(), z = nextZ();
+  const deco = Math.random() > 0.5 ? 'tape' : (Math.random() > 0.5 ? 'pin' : 'none');
+
+  const el = document.createElement('div');
+  el.className = `workspace-item note-paper${color==='yellow'?'':' '+color}${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;transform:rotate(${rot}deg);border-radius:${wob};z-index:${z};`;
+
+  let decoHTML = '';
+  if (deco==='tape') decoHTML = `<div class="note-tape" style="transform:translateX(-50%) rotate(${(Math.random()*6-3).toFixed(1)}deg)"></div>`;
+  else if (deco==='pin') decoHTML = `<div class="note-pin"></div>`;
+
+  el.innerHTML = `${decoHTML}
+    <div class="note-header" data-drag-handle="${id}">
+      <div style="display:flex;gap:4px;">
+        <div class="note-color-dot" style="background:var(--postit)" data-color-btn="yellow" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-blue)" data-color-btn="blue" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-pink)" data-color-btn="pink" data-for="${id}"></div>
+        <div class="note-color-dot" style="background:var(--postit-green)" data-color-btn="green" data-for="${id}"></div>
+      </div>
+      <button class="note-close" data-close-btn="${id}">✕</button>
+    </div>
+    <div class="note-body"><textarea placeholder="اكتب هنا...">${text}</textarea></div>
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'note', el, x, y, color, w, h, rotation:rot, text});
+  if(!isAI) selectItem(id);
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addBoardText(content='', x, y, size=20, color='#2d2d2d', font='Kalam', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-100; y=c.y-15; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item board-text${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;z-index:${z};font-size:${size}px;color:${color};font-family:'${font}',cursive;`;
+  el.contentEditable = true;
+  el.textContent = content;
+
+  const closeBtn = document.createElement('button');
+  closeBtn.className = 'text-close-btn';
+  closeBtn.dataset.closeBtn = id;
+  closeBtn.textContent = '✕';
+  el.appendChild(closeBtn);
+
+  canvas.appendChild(el);
+  items.push({id, type:'text', el, x, y, content, size, color, font, w:el.offsetWidth||200, h:size+20});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function placeShape(shape, x, y, size=80, isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-40+Math.random()*40-20; y=c.y-40+Math.random()*40-20; }
+  const rot = randomRotation(), z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-shape${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;transform:rotate(${rot}deg);z-index:${z};padding:4px;`;
+  el.innerHTML = getShapeSVG(shape, size);
+
+  canvas.appendChild(el);
+  items.push({id, type:'shape', shape, el, x, y, rotation:rot, size});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addSvgImage(url, x, y, w=120, h=120, name='', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-w/2; y=c.y-h/2; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-svg-image${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;z-index:${z};`;
+  el.innerHTML = `<button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${url}" alt="${name}" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'svg_icon', el, x, y, w, h, url, name, no_bg:true});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addPageImage(url, x, y, w=300, h=400, pageNumber='', isAI=false) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-w/2; y=c.y-h/2; }
+  const z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = `workspace-item canvas-page-image${isAI?' ai-placed':''}`;
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;z-index:${z};`;
+  el.innerHTML = `<div class="page-curl"></div>
+    <div class="page-label">📖 صفحة ${pageNumber}</div>
+    <button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${url}" alt="صفحة ${pageNumber}" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'page', el, x, y, w, h, url, pageNumber, is_page:true});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addImage(dataUrl, x, y, w, h) {
+  const id = ++itemIdCounter;
+  if (x===undefined||y===undefined) { const c=centerCanvasXY(); x=c.x-(w||200)/2; y=c.y-(h||150)/2; }
+  w=w||240; h=h||180;
+  const rot = randomRotation(), z = nextZ();
+
+  const el = document.createElement('div');
+  el.className = 'workspace-item canvas-image';
+  el.id = `item-${id}`;
+  el.dataset.itemId = id;
+  el.style.cssText = `left:${x}px;top:${y}px;width:${w}px;height:${h}px;transform:rotate(${rot}deg);z-index:${z};`;
+  el.innerHTML = `<button class="img-close" data-close-btn="${id}">✕</button>
+    <img src="${dataUrl}" alt="image" draggable="false">
+    <div class="note-resize" data-resize-handle="${id}"><svg viewBox="0 0 16 16"><path d="M14,2 L2,14 M14,8 L8,14 M14,14 L14,14"/></svg></div>`;
+
+  canvas.appendChild(el);
+  items.push({id, type:'image', subtype:'upload', el, x, y, w, h, rotation:rot, dataUrl});
+  hideEmptyState(); updateMinimap();
+  return id;
+}
+
+function addBoardItems(itemsData, isAI=true) {
+  itemsData.forEach(d => {
+    if (d.type==='note') addNote(d.color||'yellow', d.x, d.y, d.text||'', d.w||220, d.h||180, isAI);
+    else if (d.type==='text') addBoardText(d.content||'', d.x, d.y, d.size||20, d.color||'#2d2d2d', d.font||'Kalam', isAI);
+    else if (d.type==='shape') placeShape(d.shape||'circle', d.x, d.y, d.size||80, isAI);
+    else if (d.type==='image') {
+      if (d.is_page||d.subtype==='page') addPageImage(d.url, d.x, d.y, d.w||300, d.h||400, d.pageNumber||'', isAI);
+      else if (d.no_bg||d.subtype==='svg_icon') addSvgImage(d.url, d.x, d.y, d.w||120, d.h||120, d.name||'', isAI);
+      else addImage(d.dataUrl||d.url, d.x, d.y, d.w||240, d.h||180);
+    }
+  });
+  deselectAll(); hideEmptyState(); updateMinimap();
+}
+
+// ─── SELECTION / REMOVE / COLOR ───
+function changeNoteColor(id, color) {
+  const el = $(`item-${id}`); if(!el) return;
+  el.classList.remove('blue','pink','green','orange','white','purple');
+  if(color!=='yellow') el.classList.add(color);
+  const item = items.find(i=>i.id===id); if(item) item.color=color;
+}
+
+function selectItem(id) {
+  if (selectedItemId!==null) { const p=$(`item-${selectedItemId}`); if(p) p.classList.remove('selected'); }
+  selectedItemId = id;
+  const el = $(`item-${id}`);
+  if(el) { el.classList.add('selected'); el.style.zIndex = nextZ(); }
+}
+
+function deselectAll() {
+  if (selectedItemId!==null) { const el=$(`item-${selectedItemId}`); if(el) el.classList.remove('selected'); }
+  selectedItemId = null;
+}
+
+function removeItem(id) {
+  const el = $(`item-${id}`); if(el) el.remove();
+  items = items.filter(i=>i.id!==id);
+  if(selectedItemId===id) selectedItemId=null;
+  if(contextItemId===id) contextItemId=null;
+  hideEmptyState(); updateMinimap(); syncBoardState();
+}
+
+// ─── DRAG / RESIZE ───
+function startItemDrag(id, cx, cy) {
+  selectItem(id);
+  const el = $(`item-${id}`); if(!el) return;
+  const r = el.getBoundingClientRect();
+  const ox = cx-r.left, oy = cy-r.top;
+
+  function mv(ex,ey) { const p=canvasXYFromClient(ex,ey); const nx=p.x-ox/scale, ny=p.y-oy/scale; el.style.left=nx+'px'; el.style.top=ny+'px'; const it=items.find(i=>i.id===id); if(it){it.x=nx;it.y=ny;} }
+  function mm(e){mv(e.clientX,e.clientY);}
+  function tm(e){if(e.touches.length===1){e.preventDefault();mv(e.touches[0].clientX,e.touches[0].clientY);}}
+  function up(){window.removeEventListener('mousemove',mm);window.removeEventListener('mouseup',up);window.removeEventListener('touchmove',tm);window.removeEventListener('touchend',up);window.removeEventListener('touchcancel',up);updateMinimap();syncBoardState();}
+  window.addEventListener('mousemove',mm);window.addEventListener('mouseup',up);
+  window.addEventListener('touchmove',tm,{passive:false});window.addEventListener('touchend',up);window.addEventListener('touchcancel',up);
+}
+
+function startItemResize(id, cx, cy) {
+  const el = $(`item-${id}`); if(!el) return;
+  const sw=el.offsetWidth, sh=el.offsetHeight, sx=cx, sy=cy;
+  function mv(ex,ey){const dx=(ex-sx)/scale,dy=(ey-sy)/scale; el.style.width=Math.max(80,sw+dx)+'px'; el.style.height=Math.max(60,sh+dy)+'px'; const it=items.find(i=>i.id===id);if(it){it.w=Math.max(80,sw+dx);it.h=Math.max(60,sh+dy);}}
+  function mm(e){mv(e.clientX,e.clientY);}
+  function tm(e){if(e.touches.length===1){e.preventDefault();mv(e.touches[0].clientX,e.touches[0].clientY);}}
+  function up(){window.removeEventListener('mousemove',mm);window.removeEventListener('mouseup',up);window.removeEventListener('touchmove',tm);window.removeEventListener('touchend',up);updateMinimap();}
+  window.addEventListener('mousemove',mm);window.addEventListener('mouseup',up);
+  window.addEventListener('touchmove',tm,{passive:false});window.addEventListener('touchend',up);
+}
+
+// ═══════════════════════════════════════════
+//  PAN / ZOOM
+// ═══════════════════════════════════════════
+
+canvasArea.addEventListener('mousedown', e => {
+  if(e.target.closest('.workspace-item')||e.target.closest('#chat-bar')||e.button!==0) return;
+  deselectAll(); isPanning=true; panStartX=e.clientX; panStartY=e.clientY; panStartPanX=panX; panStartPanY=panY; canvasArea.style.cursor='grabbing';
+});
+window.addEventListener('mousemove', e => { if(!isPanning)return; panX=panStartPanX+(e.clientX-panStartX); panY=panStartPanY+(e.clientY-panStartY); updateCanvasTransform(); });
+window.addEventListener('mouseup', () => { if(isPanning){isPanning=false;canvasArea.style.cursor='crosshair';} });
+
+canvasArea.addEventListener('touchstart', e => {
+  const t=e.target;
+  if(t.closest('#chat-bar')||t.closest('#playback-controls')) return;
+  const ws=t.closest('.workspace-item');
+
+  const rh=t.closest('[data-resize-handle]');
+  if(rh){e.preventDefault();startItemResize(parseInt(rh.dataset.resizeHandle),e.touches[0].clientX,e.touches[0].clientY);return;}
+  const cb=t.closest('[data-close-btn]');
+  if(cb){e.preventDefault();removeItem(parseInt(cb.dataset.closeBtn));return;}
+  const co=t.closest('[data-color-btn]');
+  if(co){e.preventDefault();changeNoteColor(parseInt(co.dataset.for),co.dataset.colorBtn);return;}
+  if(t.tagName==='TEXTAREA'||t.contentEditable==='true') return;
+  const dh=t.closest('[data-drag-handle]');
+  if(dh&&e.touches.length===1){e.preventDefault();startItemDrag(parseInt(dh.dataset.dragHandle),e.touches[0].clientX,e.touches[0].clientY);return;}
+  if(ws&&!dh&&e.touches.length===1){e.preventDefault();startItemDrag(parseInt(ws.dataset.itemId),e.touches[0].clientX,e.touches[0].clientY);return;}
+
+  if(!ws){
+    e.preventDefault(); deselectAll();
+    if(e.touches.length===1){isPanning=true;panStartX=e.touches[0].clientX;panStartY=e.touches[0].clientY;panStartPanX=panX;panStartPanY=panY;}
+    else if(e.touches.length===2){isPanning=false;const dx=e.touches[1].clientX-e.touches[0].clientX,dy=e.touches[1].clientY-e.touches[0].clientY;lastTouchDist=Math.hypot(dx,dy);lastTouchMid={x:(e.touches[0].clientX+e.touches[1].clientX)/2,y:(e.touches[0].clientY+e.touches[1].clientY)/2};}
+  }
+},{passive:false});
+
+canvasArea.addEventListener('touchmove', e => {
+  if(e.target.tagName==='TEXTAREA'||e.target.contentEditable==='true'||e.target.closest('#chat-bar')) return;
+  if(e.touches.length===1&&isPanning){e.preventDefault();panX=panStartPanX+(e.touches[0].clientX-panStartX);panY=panStartPanY+(e.touches[0].clientY-panStartY);updateCanvasTransform();}
+  else if(e.touches.length===2){
+    e.preventDefault();isPanning=false;
+    const dx=e.touches[1].clientX-e.touches[0].clientX,dy=e.touches[1].clientY-e.touches[0].clientY;
+    const dist=Math.hypot(dx,dy);
+    const mid={x:(e.touches[0].clientX+e.touches[1].clientX)/2,y:(e.touches[0].clientY+e.touches[1].clientY)/2};
+    if(lastTouchDist>0){const rect=canvasArea.getBoundingClientRect();const mx=mid.x-rect.left,my=mid.y-rect.top;const os=scale;scale=Math.min(3,Math.max(0.2,scale*(dist/lastTouchDist)));panX=mx-(mx-panX)*(scale/os)+(mid.x-lastTouchMid.x);panY=my-(my-panY)*(scale/os)+(mid.y-lastTouchMid.y);updateCanvasTransform();}
+    lastTouchDist=dist;lastTouchMid=mid;
+  }
+},{passive:false});
+
+canvasArea.addEventListener('touchend', e => {
+  if(e.touches.length===0){isPanning=false;lastTouchDist=0;}
+  else if(e.touches.length===1){isPanning=true;panStartX=e.touches[0].clientX;panStartY=e.touches[0].clientY;panStartPanX=panX;panStartPanY=panY;lastTouchDist=0;}
+});
+
+// Mouse on canvas items
+canvas.addEventListener('mousedown', e => {
+  const t=e.target;
+  const rh=t.closest('[data-resize-handle]');if(rh){e.preventDefault();e.stopPropagation();startItemResize(parseInt(rh.dataset.resizeHandle),e.clientX,e.clientY);return;}
+  const cb=t.closest('[data-close-btn]');if(cb){e.preventDefault();e.stopPropagation();removeItem(parseInt(cb.dataset.closeBtn));return;}
+  const co=t.closest('[data-color-btn]');if(co){e.preventDefault();e.stopPropagation();changeNoteColor(parseInt(co.dataset.for),co.dataset.colorBtn);return;}
+  if(t.tagName==='TEXTAREA'||t.contentEditable==='true') return;
+  const dh=t.closest('[data-drag-handle]');if(dh&&e.button===0){e.preventDefault();e.stopPropagation();startItemDrag(parseInt(dh.dataset.dragHandle),e.clientX,e.clientY);return;}
+  const ws=t.closest('.workspace-item');if(ws&&e.button===0){e.preventDefault();e.stopPropagation();startItemDrag(parseInt(ws.dataset.itemId),e.clientX,e.clientY);return;}
+});
+
+// Wheel zoom
+canvasArea.addEventListener('wheel', e => {
+  if(e.target.closest('#chat-bar')) return;
+  e.preventDefault();const rect=canvasArea.getBoundingClientRect();const mx=e.clientX-rect.left,my=e.clientY-rect.top;const os=scale;scale=Math.min(3,Math.max(0.2,scale+(e.deltaY>0?-0.08:0.08)));panX=mx-(mx-panX)*(scale/os);panY=my-(my-panY)*(scale/os);updateCanvasTransform();
+},{passive:false});
+
+// Zoom buttons
+$('btnZoomIn').addEventListener('click',()=>{const r=canvasArea.getBoundingClientRect();const cx=r.width/2,cy=r.height/2;const os=scale;scale=Math.min(3,scale+0.15);panX=cx-(cx-panX)*(scale/os);panY=cy-(cy-panY)*(scale/os);updateCanvasTransform();});
+$('btnZoomOut').addEventListener('click',()=>{const r=canvasArea.getBoundingClientRect();const cx=r.width/2,cy=r.height/2;const os=scale;scale=Math.max(0.2,scale-0.15);panX=cx-(cx-panX)*(scale/os);panY=cy-(cy-panY)*(scale/os);updateCanvasTransform();});
+
+// Double click → add note
+canvasArea.addEventListener('dblclick', e => {
+  if(e.target.closest('.workspace-item')||e.target.closest('#chat-bar')) return;
+  const p=canvasXYFromClient(e.clientX,e.clientY); addNote('yellow',p.x-110,p.y-90);
+});
+
+// ═══════════════════════════════════════════
+//  CONTEXT MENU
+// ═══════════════════════════════════════════
+
+function showContextMenu(x,y){contextMenu.style.left=Math.min(x,window.innerWidth-180)+'px';contextMenu.style.top=Math.min(y,window.innerHeight-160)+'px';contextMenu.classList.add('show');}
+
+document.addEventListener('contextmenu', e => {
+  const ws=e.target.closest('.workspace-item');
+  if(ws){e.preventDefault();contextItemId=parseInt(ws.dataset.itemId);selectItem(contextItemId);showContextMenu(e.clientX,e.clientY);}
+  else{contextMenu.classList.remove('show');contextItemId=null;}
+});
+document.addEventListener('click', e => {if(!e.target.closest('#context-menu'))contextMenu.classList.remove('show');});
+document.addEventListener('touchstart', e => {if(!e.target.closest('#context-menu'))contextMenu.classList.remove('show');},{passive:true});
+
+$('ctxDelete').addEventListener('click',()=>{if(contextItemId!==null)removeItem(contextItemId);contextMenu.classList.remove('show');});
+$('ctxDuplicate').addEventListener('click',()=>{
+  if(contextItemId===null)return;const it=items.find(i=>i.id===contextItemId);if(!it)return;
+  if(it.type==='note'){const ta=it.el.querySelector('textarea');addNote(it.color||'yellow',it.x+30,it.y+30,ta?ta.value:'');}
+  else if(it.type==='text') addBoardText(it.el.textContent||'',it.x+30,it.y+30,it.size,it.color,it.font);
+  else if(it.type==='shape') placeShape(it.shape,it.x+30,it.y+30,it.size);
+  else if(it.type==='image'){
+    if(it.is_page||it.subtype==='page') addPageImage(it.url,it.x+30,it.y+30,it.w,it.h,it.pageNumber);
+    else if(it.no_bg||it.subtype==='svg_icon') addSvgImage(it.url,it.x+30,it.y+30,it.w,it.h,it.name);
+    else addImage(it.dataUrl||it.url,it.x+30,it.y+30,it.w,it.h);
+  }
+  contextMenu.classList.remove('show');
+});
+$('ctxFront').addEventListener('click',()=>{if(contextItemId!==null){const el=$(`item-${contextItemId}`);if(el)el.style.zIndex=nextZ();}contextMenu.classList.remove('show');});
+$('ctxBack').addEventListener('click',()=>{if(contextItemId!==null){const el=$(`item-${contextItemId}`);if(el)el.style.zIndex=1;}contextMenu.classList.remove('show');});
+
+// ═══════════════════════════════════════════
+//  TOOLBAR BUTTONS
+// ═══════════════════════════════════════════
+
+$('btnNote').addEventListener('click', () => addNote('yellow'));
+
+$('btnShapes').addEventListener('click', () => {
+  const sb = $('sidebar');
+  sidebarOpen = !sidebarOpen;
+  if(sidebarOpen){sb.classList.remove('collapsed');canvasArea.classList.remove('sidebar-collapsed');canvasArea.classList.add('sidebar-open');}
+  else{sb.classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}
+});
+
+$('btnImage').addEventListener('click', () => imageInput.click());
+
+$('btnClear').addEventListener('click', () => {
+  if(items.length===0)return;
+  if(confirm('مسح كل شيء من السبورة؟')){items.forEach(i=>i.el.remove());items=[];selectedItemId=null;hideEmptyState();updateMinimap();fetch('/api/board/clear',{method:'POST'}).catch(()=>{});}
+});
+
+document.querySelectorAll('.shape-item').forEach(el=>{
+  el.addEventListener('click',()=>{placeShape(el.dataset.shape);if(window.innerWidth<=768){sidebarOpen=false;$('sidebar').classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}});
+});
+
+document.querySelectorAll('.color-swatch[data-note-color]').forEach(el=>{
+  el.addEventListener('click',()=>{addNote(el.dataset.noteColor);if(window.innerWidth<=768){sidebarOpen=false;$('sidebar').classList.add('collapsed');canvasArea.classList.add('sidebar-collapsed');canvasArea.classList.remove('sidebar-open');}});
+});
+
+imageInput.addEventListener('change', e => {
+  const files=e.target.files; if(!files||!files.length)return;
+  Array.from(files).forEach((file,idx)=>{if(!file.type.startsWith('image/'))return;const r=new FileReader();r.onload=ev=>{const img=new Image();img.onload=()=>{let w=img.naturalWidth,h=img.naturalHeight;const mx=400;if(w>mx||h>mx){const ra=Math.min(mx/w,mx/h);w=Math.round(w*ra);h=Math.round(h*ra);}const c=centerCanvasXY();addImage(ev.target.result,c.x-w/2+idx*30,c.y-h/2+idx*30,w,h);};img.src=ev.target.result;};r.readAsDataURL(file);});
+  imageInput.value='';
+});
+
+// Keyboard
+document.addEventListener('keydown', e => {
+  if(e.target.tagName==='TEXTAREA'||e.target.tagName==='INPUT'||e.target.contentEditable==='true') return;
+  if(e.key==='Delete'||e.key==='Backspace'){if(selectedItemId!==null)removeItem(selectedItemId);}
+  if(e.key==='Escape'){deselectAll();modalOverlay.classList.remove('show');}
+  if((e.ctrlKey||e.metaKey)&&e.key==='d'){e.preventDefault();if(selectedItemId!==null){contextItemId=selectedItemId;$('ctxDuplicate').click();}}
+});
+
+// ═══════════════════════════════════════════
+//  EXPORT / IMPORT
+// ═══════════════════════════════════════════
+
+function getWorkspaceData() {
+  return items.map(it => {
+    const d = {type:it.type, x:parseFloat(it.el.style.left)||0, y:parseFloat(it.el.style.top)||0, w:it.el.offsetWidth, h:it.el.offsetHeight, zIndex:parseInt(it.el.style.zIndex)||10};
+    if(it.type==='note'){d.color=it.color||'yellow';const ta=it.el.querySelector('textarea');d.text=ta?ta.value:'';}
+    else if(it.type==='text'){d.content=it.el.textContent||'';d.size=it.size;d.color=it.color;d.font=it.font;}
+    else if(it.type==='shape'){d.shape=it.shape;d.size=it.size||80;}
+    else if(it.type==='image'){d.subtype=it.subtype;d.url=it.url||it.dataUrl;d.no_bg=it.no_bg||false;d.is_page=it.is_page||false;d.name=it.name||'';d.pageNumber=it.pageNumber||'';if(it.dataUrl)d.dataUrl=it.dataUrl;}
+    return d;
+  });
+}
+
+function syncBoardState() {
+  fetch('/api/board/sync',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({board_state:getWorkspaceData()})}).catch(()=>{});
+}
+
+let modalMode = 'export';
+
+$('btnExport').addEventListener('click',()=>{
+  modalMode='export';modalTitle.textContent='📦 تصدير السبورة';
+  modalTextarea.value=JSON.stringify(getWorkspaceData(),null,2);
+  modalTextarea.readOnly=false;
+  $('modalCopy').style.display='';$('modalDownload').style.display='';
+  $('modalLoadFile').style.display='none';$('modalApply').style.display='none';
+  modalOverlay.classList.add('show');
+});
+
+$('btnImport').addEventListener('click',()=>{
+  modalMode='import';modalTitle.textContent='📥 استيراد السبورة';
+  modalTextarea.value='';modalTextarea.readOnly=false;modalTextarea.placeholder='الصق بيانات JSON هنا...';
+  $('modalCopy').style.display='none';$('modalDownload').style.display='none';
+  $('modalLoadFile').style.display='';$('modalApply').style.display='';
+  modalOverlay.classList.add('show');
+});
+
+$('modalClose').addEventListener('click',()=>modalOverlay.classList.remove('show'));
+modalOverlay.addEventListener('click',e=>{if(e.target===modalOverlay)modalOverlay.classList.remove('show');});
+
+$('modalCopy').addEventListener('click',()=>{
+  modalTextarea.select();navigator.clipboard.writeText(modalTextarea.value).then(()=>{$('modalCopy').textContent='✅ تم!';setTimeout(()=>{$('modalCopy').textContent='📋 نسخ';},1500);}).catch(()=>{document.execCommand('copy');});
+});
+
+$('modalDownload').addEventListener('click',()=>{
+  const blob=new Blob([modalTextarea.value],{type:'application/json'});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download='micanica-board.json';document.body.appendChild(a);a.click();document.body.removeChild(a);URL.revokeObjectURL(url);
+});
+
+$('modalLoadFile').addEventListener('click',()=>importFileInput.click());
+importFileInput.addEventListener('change',e=>{const file=e.target.files[0];if(!file)return;const r=new FileReader();r.onload=ev=>{modalTextarea.value=ev.target.result;};r.readAsText(file);importFileInput.value='';});
+
+$('modalApply').addEventListener('click',()=>{
+  const txt=modalTextarea.value.trim();if(!txt){alert('لا توجد بيانات!');return;}
+  try{const data=JSON.parse(txt);if(!Array.isArray(data))throw new Error('Expected array');
+  if(items.length>0&&!confirm('سيتم استبدال المحتوى الحالي. متابعة؟'))return;
+  items.forEach(i=>i.el.remove());items=[];selectedItemId=null;itemIdCounter=0;currentMaxZ=10;
+  addBoardItems(data,false);modalOverlay.classList.remove('show');
+  }catch(err){alert('بيانات JSON غير صالحة: '+err.message);}
+});
+
+// ═══════════════════════════════════════════
+//  MINIMAP
+// ═══════════════════════════════════════════
+
+function updateMinimap() {
+  const ctx=minimapCtx, cw=140, ch=100;
+  ctx.clearRect(0,0,cw,ch);ctx.fillStyle='#fdfbf7';ctx.fillRect(0,0,cw,ch);
+  if(!items.length) return;
+  const CW=6000,CH=6000,s=Math.min(cw/CW,ch/CH);
+  const cols={blue:'#d4e4ff',pink:'#ffd4e4',green:'#d4ffd4',orange:'#ffe4c4',white:'#fff',yellow:'#fff9c4',purple:'#e4d4ff'};
+  items.forEach(it=>{
+    const ix=parseFloat(it.el.style.left)||0,iy=parseFloat(it.el.style.top)||0,iw=it.el.offsetWidth||80,ih=it.el.offsetHeight||80;
+    ctx.fillStyle=it.type==='note'?(cols[it.color]||'#fff9c4'):it.type==='text'?'rgba(100,100,200,0.3)':'rgba(45,45,45,0.15)';
+    ctx.fillRect(ix*s,iy*s,Math.max(iw*s,2),Math.max(ih*s,2));
+    ctx.strokeStyle='#2d2d2d';ctx.lineWidth=0.5;ctx.strokeRect(ix*s,iy*s,Math.max(iw*s,2),Math.max(ih*s,2));
+  });
+  const rect=canvasArea.getBoundingClientRect();
+  ctx.strokeStyle='#ff4d4d';ctx.lineWidth=1.5;ctx.setLineDash([3,2]);
+  ctx.strokeRect((-panX/scale)*s,(-panY/scale)*s,(rect.width/scale)*s,(rect.height/scale)*s);
+  ctx.setLineDash([]);
+}
+
+// ═══════════════════════════════════════════
+//  AI CHAT & PLAYBACK
+// ═══════════════════════════════════════════
+
+// ══════════════════════════════════════════════════════════
+// FIX 1: sendMessage must include board_state from frontend
+// ══════════════════════════════════════════════════════════
+
+async function sendMessage() {
+  const msg = chatInput.value.trim();
+  if(!msg) return;
+  chatInput.disabled=true; btnSend.disabled=true; chatInput.value='';
+  setStatus('thinking','جاري التفكير...');
+
+  try {
+    // ★★★ FIXED: Send board_state with message ★★★
+    const boardState = getCurrentBoardState(); // Get all items from canvas
+    
+    const res = await fetch('/api/message', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify({
+        message: msg,
+        board_state: boardState  // ← THIS IS THE FIX
+      })
+    });
+    
+    if(!res.ok) throw new Error(`HTTP ${res.status}`);
+    const data = await res.json();
+    
+    if(data.success && data.sequence && data.sequence.length > 0) {
+      currentSequence = data.sequence;
+      currentStepIndex = 0;
+      startPlayback();
+    } else {
+      setStatus('error','خطأ في الاستجابة');
+      setTimeout(() => setStatus('idle','جاهز'), 3000);
+    }
+  } catch(err) {
+    console.error('Message error:', err);
+    setStatus('error','خطأ في الاتصال');
+    setTimeout(() => setStatus('idle','جاهز'), 3000);
+  } finally {
+    chatInput.disabled=false; btnSend.disabled=false; chatInput.focus();
+  }
+}
+
+
+// ══════════════════════════════════════════════════════════
+// FIX 2: getCurrentBoardState - reads all items from canvas
+// Returns array of JSON objects representing board items
+// ══════════════════════════════════════════════════════════
+
+function getCurrentBoardState() {
+  // ★ FIXED: Use correct class name and collect all item data
+  return items.map(it => {
+    const d = {
+      type: it.type,
+      x: parseFloat(it.el.style.left) || 0,
+      y: parseFloat(it.el.style.top) || 0,
+      w: it.el.offsetWidth,
+      h: it.el.offsetHeight
+    };
+
+    if(it.type === 'note') {
+      d.color = it.color || 'yellow';
+      const ta = it.el.querySelector('textarea');
+      d.text = ta ? ta.value : '';
+    }
+    else if(it.type === 'text') {
+      d.content = it.el.textContent || '';
+      d.size = it.size;
+      d.color = it.color;
+      d.font = it.font;
+    }
+    else if(it.type === 'shape') {
+      d.shape = it.shape;
+      d.size = it.size || 80;
+    }
+    else if(it.type === 'image') {
+      d.subtype = it.subtype;
+      d.url = it.url || it.dataUrl;
+      d.no_bg = it.no_bg || false;
+      d.is_page = it.is_page || false;
+      d.name = it.name || '';
+      d.pageNumber = it.pageNumber || '';
+      if(it.dataUrl) d.dataUrl = it.dataUrl;
+    }
+
+    return d;
+  });
+}
+
+// ══════════════════════════════════════════════════════════
+// FIX 3: Replay - voice only, NO board duplication
+// ══════════════════════════════════════════════════════════
+
+async function replayResponse() {
+  try {
+    setStatus('speaking', 'إعادة التشغيل...');
+    
+    // ★★★ FIXED: Call /api/replay which returns VOICE ONLY ★★★
+    const res = await fetch('/api/replay', { method: 'POST' });
+    const data = await res.json();
+    
+    if(data.success && data.sequence && data.sequence.length > 0) {
+      // Play ONLY voice - no board updates in this sequence
+      currentSequence = data.sequence;
+      currentStepIndex = 0;
+      startPlayback(); // Will only encounter "voice" types
+    } else {
+      setStatus('idle', 'لا توجد استجابة سابقة');
+    }
+  } catch(err) {
+    console.error('Replay error:', err);
+    setStatus('error', 'خطأ في إعادة التشغيل');
+    setTimeout(() => setStatus('idle', 'جاهز'), 2000);
+  }
+}
+
+chatInput.addEventListener('keydown', e => { if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMessage();} });
+btnSend.addEventListener('click', sendMessage);
+
+// ─── PLAYBACK ───
+function startPlayback() {
+  isPlaying=true; playbackPaused=false;
+  playbackControls.classList.remove('hidden');
+  updatePlaybackUI();
+  playNextStep();
+}
+
+function updatePlaybackUI() {
+  const total=currentSequence.length, cur=currentStepIndex+1;
+  stepInfo.textContent=`${Math.min(cur,total)}/${total}`;
+  progressFill.style.width=`${(currentStepIndex/Math.max(total-1,1))*100}%`;
+  if(isPlaying&&!playbackPaused){iconPlay.style.display='none';iconPause.style.display='block';setStatus('playing','يشرح المدرس...');}
+  else if(playbackPaused){iconPlay.style.display='block';iconPause.style.display='none';setStatus('paused','مؤقت');}
+  else{iconPlay.style.display='block';iconPause.style.display='none';setStatus('idle','جاهز');}
+}
+
+async function playNextStep() {
+  if(currentStepIndex>=currentSequence.length){
+    isPlaying=false;playbackPaused=false;updatePlaybackUI();setStatus('idle','جاهز');syncBoardState();
+    return;
+  }
+  if(playbackPaused) return;
+
+  const step=currentSequence[currentStepIndex];
+  updatePlaybackUI();
+
+  if(step.type==='voice'){setStatus('speaking','🔊 يتحدث...');await playVoice(step);}
+  else if(step.type==='board_update'){setStatus('drawing','✏️ يرسم...');await applyBoardUpdate(step);}
+
+  currentStepIndex++;
+  if(!playbackPaused){await sleep(300);playNextStep();}
+}
+
+function playVoice(step) {
+  return new Promise(resolve => {
+    voiceResolve = resolve;
+    if(step.audio_url){
+      voicePlayer.src=step.audio_url;
+      voicePlayer.onended=()=>{voiceResolve=null;resolve();};
+      voicePlayer.onerror=()=>{voiceResolve=null;resolve();};
+      voicePlayer.play().catch(()=>{
+        const t=Math.max(2000,(step.text||'').length*80);
+        setTimeout(()=>{voiceResolve=null;resolve();},t);
+      });
+    } else {
+      const t=Math.max(1500,(step.text||'').length*60);
+      setTimeout(()=>{voiceResolve=null;resolve();},t);
+    }
+  });
+}
+
+async function applyBoardUpdate(step) {
+  if(step.action==='add'&&step.items){
+    for(const item of step.items){
+      addBoardItems([item],true);
+      scrollToItem(item);
+      await sleep(400);
+    }
+  }
+}
+
+function scrollToItem(item) {
+  if(item.x!==undefined&&item.y!==undefined){
+    const rect=canvasArea.getBoundingClientRect();
+    const tx=rect.width/2-item.x*scale, ty=rect.height/2-item.y*scale;
+    const dx=tx-panX, dy=ty-panY;
+    if(Math.abs(dx)>200||Math.abs(dy)>200){panX+=dx*0.3;panY+=dy*0.3;updateCanvasTransform();}
+  }
+}
+
+$('btnPlayPause').addEventListener('click',()=>{
+  if(!isPlaying)return;
+  playbackPaused=!playbackPaused;
+  updatePlaybackUI();
+  if(!playbackPaused) playNextStep();
+  else voicePlayer.pause();
+});
+
+$('btnSkip').addEventListener('click',()=>{
+  if(!isPlaying)return;
+  voicePlayer.pause();voicePlayer.currentTime=0;
+  if(voiceResolve){voiceResolve();voiceResolve=null;}
+});
+
+$('btnReplay').addEventListener('click',()=>{
+  if(!currentSequence.length) return;
+  voicePlayer.pause();voicePlayer.currentTime=0;
+  if(voiceResolve){voiceResolve();voiceResolve=null;}
+  currentStepIndex=0;playbackPaused=false;isPlaying=true;
+  playNextStep();
+});
+
+// ═══════════════════════════════════════════
+//  INIT
+// ═══════════════════════════════════════════
+
+updateCanvasTransform();
+hideEmptyState();
+setStatus('idle','جاهز');
+
+// Start with sidebar collapsed
+$('sidebar').classList.add('collapsed');
+canvasArea.classList.add('sidebar-collapsed');
+
+// Welcome
+setTimeout(()=>{
+  addNote('yellow', 250, 200,
+    "🎓 مرحباً في السبورة الذكية!\n\nاكتب سؤالك في الأسفل\nوسيشرح المدرس على السبورة\nبالصوت والرسم!");
+  addNote('blue', 550, 250,
+    "💡 نصائح:\n• اسأل عن أي موضوع في الميكانيكا\n• يمكنك إضافة ملاحظاتك\n• انقر مزدوج لإضافة ملاحظة\n• اسحب وحرك كل شيء!");
+  placeShape('star', 800, 200);
+  deselectAll();
+  updateMinimap();
+},200);
+
+</script>
+
+
+You are a converter that transforms XML board data into JSON format.
+
+Convert the given XML to JSON following these rules:
+1. Extract all elements from the XML
+2. Convert them to proper JSON structure
+3. Wrap your JSON output in <json></json> tags
+
+Example:
+Input: <board><note color="yellow" x="100" y="200">Hello</note></board>
+Output: <json>{"board": {"notes": [{"color": "yellow", "x": 100, "y": 200, "text": "Hello"}]}}</json>
+
+Always wrap your final JSON output in <json></json> tags
+
+
+NO any other words about explain what you did etc...... just the JSON
+
+ALSO response just with the new board the history dont touch it because it is already added 

users.json

@@ -0,0 +1,43 @@
+{
+    "سيف": {
+        "username": "user",
+        "password": "123456",
+        "student_type": "علمي",
+        "telegram_user_id": "6481568318",
+        "session_id": "e88a786f-ebc1-4717-8381-35774604a24a",
+        "created_at": "2026-03-29T16:17:51.893566",
+        "verified": true,
+        "last_login": "2026-04-17T21:17:06.768894",
+        "balance": 0,
+        "purchased_subjects": [
+            "islamic",
+            "physics_mechanic",
+            "math",
+            "physics_electric",
+            "it",
+            "english",
+            "statistics",
+            "chemistry",
+            "biology",
+            "linguistic_studies",
+            "literary_studies",
+            "data_structure"
+        ]
+    },
+    "omar": {
+        "username": "omar",
+        "password": "123456",
+        "student_type": "أدبي",
+        "telegram_user_id": "1475261130",
+        "session_id": null,
+        "created_at": "2026-04-05T09:27:15.630502",
+        "verified": true,
+        "last_login": "2026-04-05T09:27:15.630523",
+        "balance": 20,
+        "purchased_subjects": [
+            "islamic",
+            "statisticss",
+            "history"
+        ]
+    }
+}