عن أنور بي آي · خبرة تبني وتشرح
+يقود أنور عنبتاوي المنصة، ويشاركه أحمد محمد شغف تحويل تقنيات الذكاء الاصطناعي والبنية التحتية إلى تطبيقات مفهومة ونافعة للأعمال.
+نشرح كيف تختارها، تربطها بسير العمل، وتشغّلها بوعي على بنية يمكن الاعتماد عليها.
+يجمع الفريق بين خبرة طويلة في البنية التحتية واهتمام تطبيقي بالنماذج المفتوحة والوكلاء وأنظمة الاسترجاع.
+متخصص بنية تحتية وتقنيات معلومات
+يقود أنور الرؤية الأساسية للمنصة بخبرة تمتد لعقدين في البنية التحتية لتقنية المعلومات. يهتم بتشغيل النماذج الكبيرة محلياً، واستكشاف النماذج المفتوحة، وبناء بيئات قوية تجعل التجربة التقنية قابلة للتشغيل الحقيقي لا للعرض فقط.
+مهتم بهندسة حلول الذكاء الاصطناعي
+يركز أحمد على ضبط النماذج، وأطر الذكاء الاصطناعي الوكيل، وتنسيق الوكلاء، وأنظمة RAG. اهتمامه الأساسي هو دمج الذكاء الاصطناعي داخل تدفقات الأعمال بحيث يتحول من تجربة منفصلة إلى جزء فعّال من طريقة إنجاز العمل.
+طريقة العمل
+نقيس قيمة التقنية بقدرتها على حل مشكلة واضحة أو تحسين خطوة حقيقية في العمل.
نفضّل الأدوات المفتوحة والتشغيل الذي يمنح المستخدم فهماً وتحكماً أكبر في بياناته وموارده.
الوكيل أو النموذج لا يكتمل من دون بنية ومراقبة وحدود واضحة تمنع الفشل الصامت.
الاسم كما يظهر في تعليقاتك وقوائم الحفظ. البريد الإلكتروني هو معرّف الدخول ولا يتغير من هنا.
+ +بعد التغيير تبقى جلستك الحالية مفتوحة، وتُطلب كلمة المرور الجديدة عند الدخول من جهاز آخر.
+ +رسائل أنور بي آي قليلة ومقصودة. يمكنك إيقاف أي نوع منها من دون التأثير على عضويتك.
+خلاصة ما نُشر من أدلة ومقالات، كل يوم أحد.
رسالة عند ردّ أحد الأعضاء على تعليقك.
إشعار عندما يُحدَّث دليل حفظته للعودة إليه.
{prefsStatus?.text}
+خطتك وحالة وصولك. الإلغاء يوقف التجديد التالي ويحفظ وصولك حتى نهاية الفترة المدفوعة.
+ربط الدفع (Stripe) غير مكتمل بعد — الإلغاء الذاتي سيتاح بعد ربط الدفع. حتى ذلك الحين تواصل معنا على hello@anwarpi.ai لأي تغيير.
+ +سيتاح بعد ربط الدفع
+ + ) : ( +لا يوجد اشتراك مدفوع لإلغائه. يمكنك الترقية في أي وقت من صفحة العضوية.
+ )} +كل دفعة تُصدر فاتورة ضريبية فور اكتمالها وترسل إلى بريدك المسجّل. الفواتير متاحة للتنزيل في أي وقت.
+حسابك في أنور بي آي
+{String(user.email)} · عضو منذ {user.createdAt ? new Date(String(user.createdAt)).toLocaleDateString('ar') : 'اليوم'}
+مكتبة أنور بي آي
+ابحث، اختر مسارك، ورتّب النتائج حسب الأحدث أو التفاعل المسجّل.
+{weekly.dek}
+ اقرأ المقال ← + + )} +{post.dek}
{post.access === 'free' ? 'ابدأ القراءة ←' : 'شاهد المعاينة ←'}لا توجد مواد تطابق البحث والفلاتر الحالية.
+
+ أنور بي آي
+
+
+ {!loggedIn
+ ? تسجيل الدخول
+ : حسابي}
+ {s.body}
استعادة الحساب
+أدخل بريد حسابك وسنجهّز طلب إعادة تعيين كلمة المرور.
+ + تذكرت كلمة المرور؟ سجّل الدخول +مساحتك في أنور بي آي
+احفظ أدلتك، تابع مسارات الفيديو، وارجع إلى ملاحظاتك من أي جهاز.
+العربية أولاً · خصوصيتك محفوظة
+
+ أنور بي آي
+
+ تخطي إلى المكتبة
+ حسابك جاهز · إعداد سريع
+سؤالان فقط لترتيب المكتبة حول هدفك، ثم نوضح الفرق بين الحساب المجاني وعضوية VIP.
+مكتبة عربية عملية · AI + AGENTS
+أدلة واضحة، دروس فيديو، ومسارات متدرجة تساعدك على الانتقال من الفكرة إلى وكيل يعمل.
+ +بالعربية أولاً · أمثلة قابلة للتطبيق · تحديثات مرتبطة بما يتغير فعلاً
+ابدأ من اهتمامك
تصفح المحتوى حسب ما تريد بناءه، لا حسب المصطلحات التي تحفظها.
+مختارات المحررين
حدود واضحة بين التخطيط، التنفيذ، والتحقق مع نموذج بسيط لسجلّ الحالة.
+ شاهد المعاينة← +مصفوفة قرار عملية توازن بين الدقة، السياق، السرعة، والكلفة.
+ ابدأ القراءة← +إشارات قليلة تكفي لمراقبة التكلفة، التأخير، ونقاط الانقطاع.
+ شاهد المقدمة← +افصل بين التعليمات، المعرفة، وذاكرة المحادثة لتحصل على نتيجة مستقرة.
+ ابدأ القراءة← +حدود الصلاحيات، التأكيد البشري، وسجل تدقيق يمكنك الرجوع إليه.
+ عرض التفاصيل← +منهج تقييم يفصل فشل المصدر عن فشل النموذج ويقودك إلى إصلاح صحيح.
+ شاهد المقدمة← +لا توجد مواد في هذا المسار حالياً.
+عضوية أنور بي آي
+وصول إلى الأدلة المتقدمة، مسارات الفيديو، والملفات العملية عند إضافتها.
+
+ أنور بي آي
+
+ حسابي
+ لم يكتمل الدفع
+ألغيت عملية الدفع أو عدت قبل إكمالها. حسابك المجاني ومقالاتك المحفوظة لم تتغير.
+ارجع إلى صفحة العضوية لمراجعة المزايا أو أكمل استخدام المكتبة المجانية الآن.
+واجهت مشكلة أثناء الدفع؟ تواصل مع الفريق.
+
+ أنور بي آي
+
+ حسابي
+ تم الدفع · العضوية فعّالة
+تم تفعيل وصولك إلى الأدلة الحصرية ومسارات الفيديو وملفات العمل. بقيت خطوة قصيرة لاختيار نقطة البداية المناسبة لك.
+حدد هدفك ومستواك في أقل من خمس دقائق، ثم ابدأ بدليل واحد يناسبك.
+{post.category} · دليل عملي
+{post.dek}
+معاينة مجانية
+ {(post.teaser || '').split(/\n{2,}/).map((para, i, arr) => ( + i === 0 ?{para}
+ : i === arr.length - 1 ? ( +{para}
+{para}
+ ))} +الجزء المتبقي · للأعضاء فقط
+بقية الدليل غير موجودة في صفحة المعاينة، وتُفتح فقط بعد تسجيل الدخول بعضوية فعّالة. اشتراك واحد يفتح الأدلة الحصرية ومسارات الفيديو وملفات العمل.
+10$ شهرياً · إلغاء فوري في أي وقت
+نقاش الأعضاء · هادئ ومفيد
+{c.body}
+{c.body}
+لا تعليقات بعد — كن أول من يشارك.
+ )} +اقرأ بعد ذلك · ضمن عضويتك
+{inner}+ case 'list': { + if (n.listType === 'number') return
{inner}
+ case 'code': return{n.code ?? innerText(n.children)}{inner}
+ } + }) +} + +function innerText(nodes?: Node[]): string { + return (nodes || []).map(n => (n.type === 'text' ? n.text || '' : innerText(n.children))).join('') +} + +function extractH2s(data: unknown): string[] { + try { + const root = (data as { root?: { children?: Node[] } })?.root + if (!root?.children) return [] + return root.children + .filter(n => n.type === 'heading' && (n.tag || 'h2') === 'h2') + .map(n => innerText(n.children)) + } catch { + return [] + } +} + +function RichText({ data }: { data: unknown }) { + if (!data || typeof data !== 'object' || !('root' in data)) return null + const rootUnknown = data.root + if (!rootUnknown || typeof rootUnknown !== 'object' || !('children' in rootUnknown)) return null + const root = rootUnknown as { children?: Node[] } // named const: same JSON tree the editor produced + return <>{renderChildren(root.children, { h2: 0 })} +} diff --git a/web/src/app/(frontend)/posts/[slug]/post-extras.tsx b/web/src/app/(frontend)/posts/[slug]/post-extras.tsx new file mode 100644 index 0000000..371f543 --- /dev/null +++ b/web/src/app/(frontend)/posts/[slug]/post-extras.tsx @@ -0,0 +1,149 @@ +'use client' + +import { useEffect, useRef, useState } from 'react' + +/* Save button + file download buttons + comment form — client behaviors + ported from post-unlocked.html (client-side only, faithful to the original). */ +export default function PostExtras({ slug, loggedIn }: { slug: string; loggedIn: boolean }) { + useEffect(() => { + const save = document.getElementById('saveArticle') + const onSave = () => { + if (!save) return + const active = save.getAttribute('aria-pressed') !== 'true' + save.setAttribute('aria-pressed', String(active)) + save.textContent = active ? 'تم الحفظ ✓' : 'احفظ للعودة لاحقاً' + } + save?.addEventListener('click', onSave) + + /* QA-02: download buttons generate real files (client-side, no backend + needed) with proper names and content types. */ + const DL_FILES: Recordالخصوصية · مسودة ما قبل الإطلاق
+توضح هذه المسودة الحد الأدنى المقترح لجمع البيانات واستخدامها داخل أنور بي آي.
+هذه سياسة تجريبية للواجهة وليست نصاً قانونياً نهائياً. يجب مراجعتها واعتمادها قبل نشر الموقع.
+عند تشغيل الحسابات فعلياً قد نحتاج إلى الاسم والبريد الإلكتروني، وبيانات العضوية والفوترة التي يوفرها مزوّد الدفع. لا ينبغي تخزين بيانات البطاقة كاملة داخل المنصة.
لا تُباع البيانات الشخصية. قبل الإطلاق يجب تسمية مزوّدي الاستضافة والبريد والدفع والتحليلات، وتحديد مدة الاحتفاظ بكل نوع من البيانات بوضوح.
يمكنك طلب نسخة من بياناتك أو تصحيحها أو حذفها بعد تفعيل الحسابات. أرسل طلبك إلى hello@anwarpi.ai.
يجب إضافة تاريخ السريان وملخص أي تغيير جوهري عند اعتماد النسخة القانونية النهائية.
+ أنور بي آي
+
+ لديك حساب؟ سجّل الدخول
+ ابدأ مسارك
+أنشئ حساباً لحفظ المقالات ومتابعة تقدّمك والوصول إلى مزايا العضوية من أي جهاز.
+العربية أولاً · خصوصيتك محفوظة
+
+ عضوية أنور بي آي · للجادّين في البناء
+أدلة معمّقة، مسارات فيديو، وملفات عمل تختصر الطريق من الفكرة إلى مشروع يمكنك اختباره.
+١٣ دليلاً عربياً · ملفات عمل جاهزة للتنزيل · تحديثات شهرية
+كل مادة تنتهي بخطوة عملية، وقرار واضح، وملف يمكنك استخدامه في مشروعك.
محتوى حصري بمستوى متقدم
أدلة عالية المستوى لا تكتفي بشرح الأدوات؛ تساعدك على بناء خبرة عملية تظهر في عملك، مسارك المهني، أو مشروعك التجاري.
تفكيك عملي للأنظمة الوكيلة، الاسترجاع، الأتمتة، وتشغيل النماذج حتى تفهم كيف تُبنى الحلول فعلاً.
مسارات مركّزة تنقلك من مستخدم للأداة إلى شخص قادر على تصميم حلول ذكاء اصطناعي ذات قيمة.
قوالب وملفات عملية تساعدك على تحويل المعرفة إلى مشروع، إنجاز مهني، أو فرصة نمو في أعمالك.
نماذج من مكتبة الأعضاء
هذه مواد موجودة في كتالوج أنور بي آي؛ كل نموذج يوضح ما ستتعلمه وما ستخرج به قبل الاشتراك.
افصل التخطيط والتنفيذ والتحقق، وحدد متى يتوقف الوكيل ومتى يطلب تدخلاً بشرياً.
راقب التكلفة، زمن الاستجابة، ونقاط الانقطاع بإشارات قليلة يمكن لفريقك فهمها والتصرف بناءً عليها.
ابنِ مجموعة اختبار صغيرة، راجع جودة المصادر، ثم قِس الإجابة من دون خلط المشكلتين.
من المعرفة إلى التأثير
+ابنِ مهارات مطلوبة، قرارات أفضل، ومشاريع يمكن عرضها أو تشغيلها—سواء كنت تطوّر مسارك أو تنمّي أعمالك.
+تعلّم كيف تصمم الوكلاء والأتمتة وتشرح قراراتك التقنية، ثم حوّل ذلك إلى أعمال قوية ترفع مستوى ملفك المهني.
اكتشف أين يضيف الذكاء الاصطناعي قيمة حقيقية، وكيف تختبر الفكرة بسرعة قبل أن تهدر الوقت أو الميزانية.
لديك سؤال عن دليل، تطبيق، مسار مهني، أو فكرة عمل؟ أرسل ما تحتاجه وسيرد عليك الفريق مباشرة.
سعر واحد · وصول كامل
+ألغِ في أي وقت. يبقى حسابك المجاني ومقالاتك المحفوظة بعد الإلغاء.
+الدفع عبر Stripe · إلغاء فوري في أي وقت.
+قارن الوصول
+| المحتوى | حساب مجاني | عضوية أنور بي آي |
|---|---|---|
| المقالات التمهيدية | كاملة | كاملة |
| الأدلة المتقدمة | معاينة | كاملة |
| مسارات الفيديو | المقدمة | كل الأجزاء |
| ملفات العمل | — | قابلة للتنزيل |
| حفظ التقدّم | متاح | متاح |
قبل أن تبدأ
+إجابات مباشرة عن الوصول، الإلغاء، وطريقة تقديم المحتوى.
+شروط الاستخدام · سارية من ٢٠٢٦-١٠-٠٣
+توضح هذه المسودة القواعد الأساسية لاستخدام مكتبة أنور بي آي والاشتراك فيها.
+هذه مسودة للمراجعة القانونية وليست نصاً قانونياً نهائياً. يجب اعتماد النسخة النهائية قبل نشر الموقع.
+أنور بي آي مكتبة محتوى عربية تقدم أدلة ومسارات تعليمية، بعضها مجاني وبعضها متاح لمشتركي العضوية. يمنحك الاشتراك وصولاً شخصياً إلى المحتوى المدفوع طوال فترة الاشتراك الفعّالة.
أنت مسؤول عن دقة بيانات التسجيل والاحتفاظ بكلمة المرور في سرية، وعن أي نشاط يجري عبر حسابك. يمكنك حذف حسابك في أي وقت بمراسلة hello@anwarpi.ai، وسنحذف بياناتك وفق سياسة الخصوصية.
العضوية بـ ١٠$ شهرياً وتُدفع عبر مزوّد الدفع (Stripe). يمكنك الإلغاء في أي وقت ويتوقف التجديد التالي فوراً مع بقاء وصولك حتى نهاية الفترة المدفوعة. السعر الحالي سعر تجريبي للمعاينة وقد يتغير قبل الإطلاق مع إشعار مسبق.
حقوق المحتوى والملفات محفوظة لأصحابها. حصولك على الاشتراك يمنحك حق الاستخدام الشخصي والمهني داخل مشاريعك، ولا يشمل إعادة نشر المحتوى أو بيعه أو توزيعه كما هو.
لا يجوز استخدام الخدمة لاستخراج البيانات آلياً أو إعادة نشر المحتوى بحشد أو أي استخدام يضر بالمنصة أو بمستخدميها. قد نوقف الحسابات المخالفة بعد تنبيه صاحبها.
المحتوى تعليمي ويُقدَّم «كما هو» دون ضمانات لنتائج محددة. أنت مسؤول عن قراراتك ومشاريعك، وينبغي اختبار أي قالب أو ملف قبل استخدامه في بيئة إنتاج.
قد نحدّث هذه الشروط مع نمو الخدمة. عند أي تغيير جوهري سنبلّغ المستخدمين المسجلين عبر البريد الإلكتروني قبل سريان التعديل، ونحدّث تاريخ السريان أعلى الصفحة.
لأي سؤال عن هذه الشروط راسلنا على hello@anwarpi.ai. القانون الحاكم واختصاص المحاكم يحدَّدان في النسخة القانونية النهائية بعد المراجعة.
+ أنور بي آي
+
+ سجّل الدخول
+ الخطوة التالية · تأكيد البريد
+أرسلنا رابط التأكيد إلى:{email ?? 'بريدك الإلكتروني'}
+ {invalid === '1' && ( +رابط التأكيد غير صالح أو استُخدم من قبل. اطلب رسالة جديدة.
+ )} + {verified && ( +بريدك مؤكَّد بالفعل ✓ — تابع إلى الإعداد.
+ )} +{status}
+ + ) +} diff --git a/web/src/app/(frontend)/vip-onboarding/onboarding-wizard.tsx b/web/src/app/(frontend)/vip-onboarding/onboarding-wizard.tsx new file mode 100644 index 0000000..80b206c --- /dev/null +++ b/web/src/app/(frontend)/vip-onboarding/onboarding-wizard.tsx @@ -0,0 +1,197 @@ +'use client' + +import { useEffect, useState } from 'react' +import Link from 'next/link' + +/* 4-step VIP onboarding wizard — port of vip-onboarding.html step logic + (radio choice-grid, next/back, final summary + recommendation). + Selections persist in localStorage (faithful to the simulated original). */ + +const GOALS = [ + { value: 'بناء مشروع ذكاء اصطناعي', copy: 'حوّل فكرة إلى نموذج يعمل ويمكن اختباره مع مستخدمين.' }, + { value: 'تطوير مساري المهني', copy: 'ابنِ خبرة عملية ومشروعات تشرح قيمتك بوضوح.' }, + { value: 'أتمتة العمل', copy: 'حدد مهمة متكررة وابنِ لها سير عمل يمكن مراقبته.' }, + { value: 'فهم الوكلاء بعمق', copy: 'صمم التخطيط والتنفيذ والتحقق وحدود التوقف بأمان.' }, +] + +const LEVELS = [ + { value: 'مبتدئ', label: 'أبدأ من الأساسيات', copy: 'استخدمت أدوات الذكاء الاصطناعي، لكنني لم أبنِ مشروعاً بعد.' }, + { value: 'متوسط', label: 'بنيت تجارب بسيطة', copy: 'جرّبت واجهات API أو أتمتة أو تطبيقاً صغيراً.' }, + { value: 'متقدم', label: 'أعمل على أنظمة فعلية', copy: 'أحتاج أنماطاً أعمق للقياس والموثوقية والتشغيل.' }, +] + +const LABELS = ['الخطوة ١ من ٤', 'الخطوة ٢ من ٤', 'الخطوة ٣ من ٤', 'الخطوة ٤ من ٤'] +const PERCENTAGES = ['٢٥٪', '٥٠٪', '٧٥٪', '١٠٠٪'] +const STEP_TITLES = ['هدفك الآن', 'مستواك العملي', 'رسائلك', 'ابدأ مسارك'] + +type State = { + goal: string + level: string + weekly: boolean + trackUpdates: boolean + replies: boolean + step: number +} + +function recommendation(goal: string): [string, string, string] { + if (goal === 'أتمتة العمل') return ['راقب قبل أن تؤتمت', 'ابدأ بتحديد إشارات النجاح والفشل قبل بناء سير العمل، ثم استخدم قائمة المراقبة في أول تجربة.', '/articles?topic=automation'] + if (goal === 'بناء مشروع ذكاء اصطناعي') return ['من الفكرة إلى نموذج قابل للاختبار', 'اختر مشكلة واحدة ومستخدمًا واحدًا، ثم حوّل الفرضية إلى نموذج صغير يمكن اختباره هذا الأسبوع.', '/posts/prototype-to-production'] + if (goal === 'تطوير مساري المهني') return ['تشريح وكيل ناجح', 'ابنِ نموذجاً صغيراً يوضح التخطيط والتنفيذ والتحقق، ثم وثّق قراراتك كدراسة حالة.', '/posts/agent-loop-stop-condition'] + return ['تشريح وكيل ناجح', 'ابدأ بفصل التخطيط عن التنفيذ والتحقق، ثم استخدم قالب حالة الوكيل في مشروع صغير.', '/posts/agent-loop-stop-condition'] +} + +export default function OnboardingWizard({ viewerId }: { viewerId: number | null }) { + const [state, setState] = useStateعضو VIP جديد · إعداد سريع
+أجب عن سؤالين وحدد رسائلك المفضلة. سنقترح نقطة بداية واضحة بدلاً من تركك أمام مكتبة كبيرة.
+تم تفعيل وصول VIP — لنستثمر أول خمس دقائق في إعداد مسارك.
+الرابط الذي تبحث عنه غير موجود أو نُقل.
+
+ أنور بي آي
+
+
+ مرحباً بك في أنور بي آي.
+أكّد بريدك بفتح هذا الرابط:
+ +إن لم تطلب هذا الحساب، تجاهل هذه الرسالة.
`, + }) + return { sent: true } +} diff --git a/web/src/lib/next.ts b/web/src/lib/next.ts new file mode 100644 index 0000000..2bb14af --- /dev/null +++ b/web/src/lib/next.ts @@ -0,0 +1,6 @@ +/* QA-R02: `next` must be a same-origin relative path. Rejects protocol-relative + URLs (//evil.com), backslashes (\// trick), and control chars. */ +export function safeNext(v: string | null | undefined): string | null { + if (!v || !v.startsWith('/') || v.startsWith('//') || v.includes('\\') || v.includes('\n')) return null + return v +} diff --git a/web/src/lib/viewer.ts b/web/src/lib/viewer.ts new file mode 100644 index 0000000..2e327ce --- /dev/null +++ b/web/src/lib/viewer.ts @@ -0,0 +1,24 @@ +import { getPayload } from 'payload' +import { headers } from 'next/headers' +import configPromise from '@payload-config' + +export type Viewer = { email: string; role: string; id?: number; interest?: string | null; level?: string | null; emailVerified?: boolean; onboarded?: boolean } | null + +export async function getViewer(): Promise