الشريط الجانبي الأيسر الدائم وتخطيط لوحة التحكم متعدد الصفحات

في 2026-06-05، أعدنا بناء heatmapx.com/dashboard بتخطيط شريط جانبي دائم بأسلوب Supabase/Vercel (متابعة هيكلية لـ إعادة التصميم الشاملة للوحة التحكم التي أُطلقت في نفس اليوم).

التخطيط الجديد

┌──────────────────────────────────────────────────────┐
│ [icon] HeatMapX                  [☀💻🌙]  [JA/EN]    │ ← sticky header
├──────────────┬───────────────────────────────────────┤
│ MENU          │                                       │
│ ▸ ⌂ Home      │   Home                                │
│   ▤ Heatmaps  │                                       │
│               │   Sites / Today's Events / Plan       │
│   ⌘ CLI&Skills│                                       │
│   $ Plan&Billing│  AI Analysis Usage [████░]          │
│   ⚙ Settings  │   PV Usage         [██░░░]            │
│               │                                       │
│ COMING SOON   │   Quick Actions                       │
│   🧪 A/B Tests │   [▤ View Heatmaps] [＋Add]          │
│   ✨ Dynamic UI│                                       │
├──────────────┤                                       │
│   Log out     │                                       │
└──────────────┴───────────────────────────────────────┘

خمس صفحات مخصصة

المسار	الصفحة	المحتوى
`/dashboard`	⌂ الرئيسية	بطاقات الإحصائيات (المواقع / أحداث اليوم / الخطة الحالية)، أشرطة الاستخدام (تحليلات الذكاء الاصطناعي / مشاهدات الصفحة)، إجراءات سريعة
`/dashboard/sites`	▤ الخرائط الحرارية	القائمة الجدولية للمواقع المسجّلة. إضافة مواقع جديدة من هنا
`/dashboard/cli`	⌘ CLI والمهارات	أدلة تثبيت جنبًا إلى جنب لـ CLI في الطرفية ومهارة Claude Code
`/dashboard/billing`	$ الخطة والفوترة	ملخص الاستخدام الحالي + جدول مقارنة الخطط الكامل (مجاني / Pro / Team / Enterprise)
`/dashboard/settings`	⚙ الإعدادات	محدد اللغة (English / 日本語) — مزيد من الإعدادات قريبًا

ما الذي تغيّر

▤ شريط جانبي أيسر دائم بأسلوب Supabase

جميع عناصر التنقل الخمسة الرئيسية مرئية دائمًا في الشريط الجانبي الأيسر، ثابتة عند التمرير حتى تتمكن من الانتقال بين الصفحات من أي مكان.

تمييز الصفحة النشطة: الصفحة الحالية مُبرزة بصريًا في القائمة
أيقونات: لكل عنصر قائمة معرّف بصري
تسجيل الخروج: مثبّت في أسفل الشريط الجانبي، مما يقلل خطر النقر العرضي

⌂ الرئيسية كنظرة عامة دفعية

/dashboard — الشاشة الأولى بعد تسجيل الدخول — صُمّمت الآن لتمنحك صورة كاملة عن حالة حسابك في عرض واحد.

بطاقات إحصائيات تعرض عدد المواقع وإجمالي أحداث اليوم وخطتك الحالية
أشرطة تقدم لاستخدام تحليل الذكاء الاصطناعي ومشاهدات الصفحة الشهرية (عنبري فوق 80٪، أحمر فوق 100٪)
إجراءات سريعة: "عرض الخرائط الحرارية"، "إضافة موقع"، "الترقية"، و"إعداد CLI"

⌘ CLI والمهارات جنبًا إلى جنب

كلتا طريقتَي استخدام HeatMapX — CLI في الطرفية ومهارة Claude Code — موثّقتان على صفحة واحدة في تخطيط عمودين.

CLI: خطوة بخطوة من npm install -g heatmapx حتى heatmapx analyze
مهارة Claude Code: تثبيت بـ /plugin install heatmapx-skill@xtv-llc/heatmapx-cli واستدعاء HeatMapX مباشرةً من المحادثة
أوامر نموذجية بالإنجليزية واليابانية

$ مقارنة الخطط الكاملة مُدمجة

تتضمن صفحة الخطة والفوترة الآن جدول المقارنة الكامل بين Free وPro وTeam وEnterprise حتى تتمكن من مراجعة الخيارات والترقية دون مغادرة لوحة التحكم.

تبديل شهري / سنوي (السنوي افتراضي؛ الفوترة السنوية تقدم خصمًا كبيرًا مقارنة بالشهرية). للاطلاع على الأسعار الحالية، راجع صفحة التسعير
خطتك الحالية مُعلَّمة بشارة خضراء "حالي"
Pro مُبرز بالبرتقالي كالخيار الموصى به
Enterprise يرتبط بـ heatmapx@xtv.co.jp للتواصل المباشر

⚙ اختيار اللغة في الإعدادات

كان تبديل اللغة متاحًا سابقًا فقط كمفتاح ثنائي في الرأس. الآن هو أيضًا متاح كمحدد اختيار صريح في الإعدادات. التغييرات تُطبَّق فورًا وتُحفظ في المتصفح.

قريبًا

قسم "قريبًا" في أسفل الشريط الجانبي يعرض ميزات تصل في الإصدارات القادمة:

الميزة	الوصف
🧪 اختبارات A/B	اختبار A/B بنقرة واحدة لتغييرات النص والتخطيط بناءً على رؤى الخرائط الحرارية
✨ الواجهة الديناميكية	محرك تخصيص يتكيّف مع الواجهة بناءً على سمات المستخدم وأنماط سلوكه

تحسينات أخرى

رأس لاصق: الشعار ومبدّل السمة ومبدّل اللغة تبقى مرئية أثناء التمرير
شريط جانبي لاصق: التنقل يبقى متاحًا في جميع الأوقات أثناء تمرير محتوى الصفحة
إعادة تحديد موقع تسجيل الخروج: انتقل من أعلى يمين الرأس إلى أسفل الشريط الجانبي (إجراء مهم لكن نادر الاستخدام، نُقل للأسفل)
متوافق مع الإصدار القديم: الإشارات المرجعية الحالية لـ /dashboard تصل إلى شاشة الرئيسية الجديدة — لا تحويلات مطلوبة

نطاق التأثير

هذا الإصدار يقتصر على واجهة المستخدم/تجربة المستخدم — منطق التتبع وهياكل البيانات وواجهات API لم تتغير. علامات التتبع المضمّنة الحالية تستمر في العمل كما هي. لا تحويلات مطلوبة للإشارات المرجعية الحالية لـ /dashboard.