إعادة تصميم لوحة التحكم — الوضع الفاتح/الداكن وكثافة معلومات محسّنة

في 2026-06-05، أطلقنا إعادة تصميم كاملة للوحة تحكم HeatMapX (heatmapx.com/dashboard). تحسّنت الرؤية والاستخدامية بشكل ملحوظ.

ما الذي تغيّر

☀ تبديل ثلاثي للسمة: فاتح / داكن / النظام

أُضيف مفتاح تبديل ثلاثي — "☀ فاتح"، "💻 النظام"، "🌙 داكن" — إلى أعلى يمين الرأس.

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

▤ إعادة تصميم المواقع المسجّلة كقائمة جدولية

استُبدلت شبكة البطاقات ثنائية الأعمدة السابقة بتخطيط جدول أحادي الصف، مما يحسّن قابلية المسح بشكل ملحوظ عند تسجيل مواقع متعددة.

الأعمدة متوافقة رأسيًا عبر كل الصفوف، مما يُسهّل مقارنة الحالة وعدد الأحداث بنظرة واحدة
اسم الموقع والURL ومفتاح API وعلامة التتبع تُعرض بشكل مدمج في صف واحد
تفاصيل الإعداد تنكمش تحت "▸ معلومات الإعداد" (وسّعها لنسخ مفتاح API وعلامة التتبع)
الأسماء والروابط الطويلة تُقتطع تلقائيًا بـ "…" فلا يتكسّر التخطيط أبدًا

＋ زر "إضافة موقع" بجانب عنوان القسم

زر "＋ إضافة موقع" المدمج يظهر الآن بجانب عنوان "المواقع المسجّلة"، مما يتيح إضافة موقع جديد دون التمرير (يبقى الزر الأصلي في أسفل القائمة أيضًا).

◐ تصميم موحّد بأسلوب GitHub المسطّح

بُسّط مخطط الألوان، مما قلّص التشويش البصري بشكل كبير.

خلفية الصفحة: رمادي محايد (#f5f5f5)، يتناغم مع نغمة منتجات SaaS الحديثة مثل Linear وSupabase
البطاقات: قاعدة بيضاء + حافة رفيعة، بلا ظل، نصف قطر 6px
البرتقالي كلون علامة تجارية وحيد (سابقًا: مزيج من الأزرق والأخضر والبنفسجي والعنبري)
ألوان الحالة الدلالية محفوظة: أخضر (نشط) / عنبري (تحذير) / أحمر (خطأ)

قبل / بعد

الجانب	قبل	بعد
سمة الألوان	لوحة داكنة ثابتة	ثلاثية: فاتح / داكن / النظام
التخطيط	شبكة بطاقات ثنائية الأعمدة (كثافة معلومات منخفضة)	قائمة جدولية أحادية العمود (أعمدة متوافقة رأسيًا)
عرض الموقع	متراكم رأسيًا، يستهلك مساحة كبيرة	موقع واحد = صف واحد + تفاصيل قابلة للطي
زر الإضافة	أسفل الصفحة فقط	بجانب العنوان وفي الأسفل معًا
لون العلامة التجارية	مزيج من الأزرق / الأخضر / البنفسجي / العنبري	برتقالي موحّد بمحور لون واحد

تحسينات إضافية

حدود طول اسم الموقع والURL: 60 حرفًا للأسماء / 512 حرفًا للروابط، لمنع تكسّر التخطيط.
تحديث العناصر النائبة لإضافة الموقع: استُبدلت e.g. in-gol / https://in-gol.com بـ e.g. My site / https://example.com عبر جميع اللغات الـ 15 المدعومة.
النافذة التعريفية: تظهر بتلاشٍ بعد ثانية من الوصول إلى لوحة التحكم، مما يُخفّف من الإحساس بـ"الظهور المفاجئ".
مقتطفات الكود: تحديث عرض علامة التتبع وأوامر CLI من خلفيات داكنة إلى أسلوب حبّة رمادية فاتحة، منسجمًا مع السمة الفاتحة.

نطاق التأثير

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