المجموعة: التصفح والمعاينات وإضافة وحدة

يتكون المستكشف من ثلاثة مستويات بالضبط، ويعيش كل منها في عنوان الصفحة نفسه، وليس فقط في حالة المكوّن: شبكة الفئات (/projects/kit أو /projects/<id>/kit)، وقائمة وحدات فئة واحدة (أضف ?cat=<key>)، وصفحة التفاصيل الكاملة لوحدة واحدة (أضف &module=<id>). هذا يعني أن زر الرجوع في المتصفح يعمل دائماً بالشكل الصحيح، ويصبح صفحة تفاصيل وحدة معينة رابطاً حقيقياً يمكن مشاركته، فترسل لشخص ما مباشرة "هذا بالضبط ما تحصل عليه من نموذج عرض السعر أو طلب التقدير" بدلاً من أن تخبره أين يضغط. مفتاح Escape يعود مستوى واحداً في كل مرة، تماماً مثل زر الرجوع.

عند فتحه من داخل مشروع (/projects/<id>/kit)، تعرف الصفحة المشروع الذي تنظر إليه، فتعرض ما هو موجود فيه بالفعل وتتيح لك الإضافة إليه مباشرة. وعند فتحه بمفرده (/projects/kit، عند الوصول من رابط تبويب المجموعة، أو مباشرة)، تكون المستويات الثلاثة نفسها دون أي شيء خاص بمشروع معين، وهذا مفيد للتصفح قبل أن تقرر ما تبني، أو لعرض الكتالوج على أحدهم دون فتح مشروع محدد.

في أعلى شبكة الفئات، يقسم مفتاح التبديل ثنائي الاتجاه نفسه الموجود في كل مكان في aiKit الكتالوج كله: مجموعة الموقع هي الأقسام والميزات التي تصبح جزءاً من الموقع أو التطبيق نفسه (الصفحات، والنماذج، والمعارض، والمتجر، والحجوزات، وتحسين محركات البحث)، ومجموعة أدوات الأعمال هي الأدوات التي تعمل إلى جانب المشروع بدلاً من أن تكون داخله (أتمتة التسويق، والفوترة، وإدارة العملاء، وأدوات الفريق، والتقارير). يعرض كل بلاطة فئة عدد وحداتها، وشارة "N جاهزة الآن" كلما كان هناك وحدة واحدة على الأقل من وحدات "جاهزة الآن" (انظر أدناه).

يطابق مربع البحث أعلى الفئات اسم الوحدة أو وصفها عبر الكتالوج بأكمله دفعة واحدة، سواء مجموعة الموقع أو مجموعة أدوات الأعمال، أياً كان المفتاح المحدد، لذا فإن البحث عن "فاتورة" يجدها حتى أثناء تصفحك لمجموعة الموقع.

عند فتحه من داخل مشروع، وفقط عندما لا تبحث، يظهر صف "موصى به لهذا المشروع" أعلى شبكة الفئات عندما يكون لدى aiKit اقتراحات حقيقية: قواعد بسيطة غير قائمة على الذكاء الاصطناعي تُطابق نوع المشروع (يُقترح للموقع نموذج عرض سعر، ونموذج اتصال، وعرض للتقييمات، وتحسين محلي لمحركات البحث، وصفحات الأسئلة الشائعة؛ ويُقترح لمتجر إلكتروني السلة والدفع، واستعادة السلات المتروكة، وتقييمات المنتجات؛ وهكذا بالنسبة لصفحات الهبوط، والتطبيقات، وأنظمة الإدارة، ولوحات المعلومات، وبوابات العملاء، والمدونات، ومشاريع أتمتة التسويق) بالإضافة إلى بعض المطابقات بالكلمات المفتاحية مع نص هدف المشروع (ذكر "عرض سعر" أو "حجز" أو "تقييم" أو "بريد إلكتروني" أو "فاتورة" أو "بيع عبر الإنترنت" يُظهر الوحدة المطابقة مع سبب مختصر خاص بها). يُستبعد أي شيء موجود بالفعل في المشروع، وتقتصر القائمة على ستة عناصر.

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

لا تعني أي من الحالتين "غير حقيقية" أو "افتراضية". فكلتاهما أشياء سيبنيها aiKit لك فعلاً. الفرق الوحيد الذي تخبرك به الشارة هو ما إذا كان بإمكانك رؤية الشكل النهائي للوحدة الآن، أو أنك ستضطر إلى تخيله من وصف ومخطط.

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

بالنسبة لوحدة "جاهزة الآن"، المعاينة هي صفحة الموقع الفعلية التي تم اختبارها، بالحجم الكامل، داخل إطار يشبه نافذة متصفح صغيرة، مع زر تبديل بين "سطح المكتب" و"الهاتف" يغيّر حجم الإطار فعلياً حتى تتمكن من رؤية شكل الصفحة على الهاتف (على الهاتف الفعلي يُستبدل الزر بعنوان بسيط "معاينة الهاتف"، ويفتح الإطار وقد تم التمرير إلى النموذج نفسه، فتری الحقول وليس الواجهة فقط). يتلاشى الإطار عند أسفله؛ وزر "فتح المعاينة الكاملة" أسفله يفتح الصفحة كاملة في علامة تبويب جديدة، وتوضح ملاحظة أسفلها اسم النشاط التجاري التجريبي الذي تُستخدم بياناته. وعند فتحها داخل مشروع، يعيد مفتاح "عرض بألوان هذا الموقع" طلب المعاينة نفسها بألوان العلامة التجارية الخاصة بالمشروع (مأخوذة مباشرة من أي رموز #hex مكتوبة في ملاحظات العلامة التجارية في الموجز) واسم المشروع بدلاً من الاسم التجريبي، فتشاهد شيئاً أقرب إلى ما سيعرضه موقعك الفعلي، لا عينة عامة.

بالنسبة لوحدة "مصممة لك"، لا توجد معاينة حية مضمّنة؛ بدلاً من ذلك تحصل على الرسم التوضيحي نفسه الموجود في قائمة الفئات، ولكن بحجم أكبر: مخطط SVG بسيط بخط واحد يوضح شكل التخطيط (حقول نموذج، أو شبكة تقويم، أو بلاطات لوحة تحكم، أيّاً كان نوع الشاشة المناسب للوحدة) مع بعض التسميات القصيرة المأخوذة من بيانات المعاينة الخاصة بالوحدة. يوجد تحت الرسم تعليق إلزامي في كل مرة ولا يُحذف أبداً: "رسم توضيحي للتخطيط. نسختك مصممة لتتوافق مع موقعك." وهو موجود تحديداً حتى لا يُخلط الرسم التخطيطي بمعاينة نهائية تحمل هوية العلامة التجارية.

المعاينات العاملة (2026-10-04): تتخطى مجموعة متنامية من وحدات "مصممة لك" الرسم التخطيطي وتفتح بدلاً منه موقعاً تجريبياً كاملاً وقابلاً للنقر، يُعرض بعرض كامل فوق التفاصيل. تفتح الوحدات الاثنتا عشرة في فئة المتجر الإلكتروني / المتجر عبر الإنترنت جميعها متجر الفخار التجريبي Juniper Kiln، كل وحدة على الجزء الذي تخصه: الكتالوج (التصفية والترتيب والبحث وفتح منتج واختيار اللون والحجم، فتتغير الصورة والسعر)، والسلة والدفع (تغيير الكميات وإزالة العناصر وإدخال WELCOME10 أو FREESHIP أو GIFT-2580، وتقدير التوصيل حسب الرمز البريدي، والدفع والوصول إلى صفحة التأكيد)، وخيارات الدفع (البطاقة و"ادفع على 4" وأزرار المحافظ الإلكترونية)، وأسعار الشحن، ورموز الخصم وبطاقات الهدايا، ومراجعات المنتجات (التصفية حسب النجوم أو الصور، وتمييزها كمفيدة، وكتابة مراجعة)، والحزم والإضافات، وضريبة المبيعات (تغيير ولاية التوصيل فيتغير سطر الضريبة)، وحسابات العملاء (تسجيل الدخول، والشراء مجدداً، وتتبع الطرد، وبدء إرجاع)، ورسائل الطلبات الإلكترونية (رسائل التأكيد والشحن والتسليم، مع صفحة تتبع تعمل)، والمرتجعات والاستبدالات (البحث عن الطلب، واختيار العناصر والسبب، والحصول على ملصق الإرجاع)، والمخزون (عرض للمالك حيث يغيّر تعديل المخزون ما يراه المتسوقون). وتفتح الوحدات العشر في فئة الدورات الإلكترونية والمنتجات الرقمية جميعها مدرسة خبز تجريبية، Rise & Crumb: تشغيل درس (السرعة والتعليقات النصية)، وتحديده كمكتمل، ومشاهدة حلقة التقدم وهي تمتلئ، وأداء الاختبار، والتسجيل من المعاينة المجانية، وعرض الشهادة، وطرح سؤال أسفل درس، وشراء تحميل رقمي، واختيار حزمة دورات أو تحديد إضافة في الدفع، والتبديل إلى عرض المالك لإعادة تسمية الدروس وإعادة ترتيبها وإضافتها أو إلغاء نشرها وتحديد موعد فتح كل أسبوع. وفي وحدة جدول الإصدار، يحتوي صف "معاينة الوقت" فوق الإطار على "تخطّي أسبوع للأمام" و"العودة إلى اليوم"، حتى تتمكن من مشاهدة الدروس المقفلة وهي تُفتح في مواعيدها.

فوق الإطار: صف واحد من الخيارات لكل متغير تقدمه الوحدة (مثلاً تخطيط المتجر: شبكة أو قائمة أو مميّز؛ السلة: سلة منزلقة أو صفحة سلة، والدفع: صفحة واحدة أو خطوة بخطوة؛ قاعدة الإصدار: في تواريخ محددة، أو بعد عدد أيام من الانضمام، أو بعد إنهاء آخر درس). اختيار أحدها يعيد رسم الموقع التجريبي بهذا المتغير فوراً، ويُحفظ في عنوان الصفحة (?v=…)، فيمكن مشاركة رابط لمتغير معيّن. يعيد زرا "سطح المكتب" و"الهاتف" تغيير حجم الإطار ليعيد الموقع التجريبي ترتيب عناصره كما على الهاتف (على الهاتف الفعلي يظهر ذلك كعنوان بسيط "عرض الهاتف"). يعيد زر "إعادة تعيين" الموقع التجريبي إلى حالته الأولى. يعرض صف قصير بعنوان "أشياء يمكن تجربتها" ما ينبغي النقر عليه أولاً، ويظهر وصف كل متغير مختار أسفل الإطار. وداخل مشروع يحتوي على ألوان علامة تجارية في موجزه، يستبدل "عرض بألوان هذا الموقع" اللون الرئيسي للموقع التجريبي بلون المشروع الخاص (فقط عندما يكون ذلك اللون داكناً بما يكفي للحفاظ على قراءة نص الأزرار الأبيض بوضوح).

لا يصل أي شيء في المعاينة العاملة إلى أي خادم. لا يوجد اتصال بنظام دفع: صفحة الدفع موسومة بـ"معاينة — لا يتم تحصيل أي مبلغ ولا يُرسل أي طلب"، ورقم البطاقة نموذج ثابت للقراءة فقط، وأزرار المحافظ الإلكترونية (Apple Pay وGoogle Pay وPayPal) تعرض ملاحظة فقط. لا يُرسل أي بريد إلكتروني، ولا تُنشر أي مراجعة، ولا يُحفظ شيء؛ ومغادرة الصفحة تنسى كل شيء. الأنشطة التجارية والمنتجات والأشخاص والأسعار التجريبية مختلقة. ويوضح التعليق أسفل الإطار ذلك: "معاينة عاملة ببيانات تجريبية لنشاط تجاري مختلق. نسختك تستخدم منتجاتك وأسعارك ونصوصك وعلامتك التجارية الخاصة. لا يتم تحصيل أي مبلغ ولا حفظ ولا إرسال أي شيء هنا." وتعرض كل وحدة أخرى من وحدات "مصممة لك" رسم التخطيط التوضيحي.

• ما يراه الزائر — جولة مرقمة وبلغة واضحة لما يعيشه الشخص الذي يستخدم الوحدة فعلياً، خطوة بخطوة.
• ما تحصل عليه — ما تسلّمه الوحدة لصاحب المشروع (عملاء محتملون مسجلون في مكان حقيقي، وحالة يمكنك تحديثها، وغير ذلك).
• الميزات، و— فقط للوحدة التي تحتوي على متغيرات مسماة معرّفة في الكتالوج — مجموعة بطاقات قابلة للاختيار بعنوان "اختر المتغير" داخل هذا القسم (الأولى محددة افتراضياً وعليها علامة صح صغيرة)، بحيث يُختار هنا خيار حقيقي من بين بدائل محددة (وليس مجرد تخصيص نصي حر) بدلاً من كتابته يدوياً.
• لماذا يهم — السبب الصادق الذي يجعل النشاط التجاري يريد هذه الوحدة.
• كيف يمكن تخصيصها (جاهزة الآن) أو المتغيرات التي يمكنك اختيارها (مصممة لك) — ما الذي يمكن تغييره فعلياً فيها.
• الأنسب لـ — نفس شرائح أنواع الأنشطة التجارية الموجودة في البطاقة، معروضة بالكامل.
• كيف يتم إنشاؤه — جملة واضحة واحدة توضح بالضبط كيف يأتي هذا الوحدة إلى الوجود (صفحة مُختبَرة يعرضها المحرك اليوم، أو مبنية في الموقع بواسطة الذكاء الاصطناعي أثناء البناء)، مع ملاحظة إذا كانت تحتاج إلى حساب خدمة خارجية مثل المدفوعات أو الخرائط.

أسفل كل شيء يظهر "أضِف هذا إلى <اسم المشروع>" (أو "مشروعك" إذا كنت تتصفح دون اختيار مشروع بعد). إذا كانت لدى الوحدة أي أفكار للتخصيص محفوظة، فستظهر أولاً كقائمة مراجعة بعنوان "التخصيصات المقترحة" للوحدة الجاهزة الآن، أو "اختر المتغيرات التي تريدها" للوحدة المبنية لك، وتحديد أي منها يضيف ذلك السطر بالضبط إلى ما يُرسل، وليس مجرد خانة صامتة.

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

"ما الذي يجب أن يكون مختلفاً بالنسبة لك؟" ملاحظة نصية حرة مع زر الإملاء الصوتي نفسه المستخدم في كل مكان في aiKit، إضافةً إلى زر "أرفق صورة أو PDF" (صور وملفات PDF فقط، بحد أقصى 2.5 ميغابايت لكل ملف) لشعار أو صورة مرجعية أو ورقة مواصفات — وتظهر الملفات المرفقة كشرائح قابلة للإزالة هناك مباشرة. إذا كانت للوحدة أسئلة حقيقية ومحددة تحتاج إلى إجابة قبل بنائها بشكل جيد، فستظهر تحت عنوان "ما سنسألك عنه"، ولكل منها حقل نص اختياري خاص بها، حتى تجيب مسبقاً بدلاً من الانتظار حتى يُسألك لاحقاً.

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

بعد الإرسال، تحل رسالة تأكيد محل الأزرار وتعرض ما حدث فعلياً — رسالة "أُضيفت إلى الخطة كبند عمل"، أو بالنسبة لطلب البناء الفوري، الحالة الفعلية (بدأ، أو السبب المحدد الذي منع ذلك، مثل كونه معلّقاً بانتظار الموافقة على المراجعة أولاً) — إضافةً إلى رابطين مباشرين إلى "فتح الخطة" و"عرض الطلبات"، حتى لا تبقى متسائلاً أين ذهب.

في /projects/kit — بالتسجيل الحقيقي نفسه المستخدم في بقية لوحة المشاريع المستضافة، دون الحاجة إلى مشروع — يعمل كل شيء بالطريقة نفسها تماماً، حتى تحاول الإضافة. عند الضغط على "أضف إلى مشروع" (يظهر الزر بهذا النص بدلاً من "أضف إلى الخطة" عندما لا يكون هناك مشروع محمّل) يفتح "أضف إلى أي مشروع؟"، وهو منتقي صغير يعرض كل المشاريع في حسابك. اختر مشروعاً فتنتقل مباشرة إلى مستكشف الكيت الخاص بذلك المشروع مع الوحدة نفسها مفتوحة، جاهزاً لإتمام إضافتها. وإذا لم تكن لديك أي مشاريع بعد، فالمنتقي يوضح ذلك بجلاء ويعرض رابط "ابدأ مشروعاً ←" مباشرةً بدلاً من أن تبقى عالقاً.