The ECF Dashboard is a real-time monitoring application that tracks and visualizes cognitive sovereignty metrics in human-AI interactions. It provides actionable insights into:
- 🧠 Systems Tracking: Monitor total active cognitive systems
- 📊 Sovereignty Metrics: Measure cognitive autonomy levels (0-100%)
- 📉 Gap Analysis: Identify knowledge gaps and improvement areas
- 🌍 Bilingual Interface: Full Arabic and English support
ecf-theory (Theoretical Foundation)
↓
├─→ ecf-study-aperture (RCT Data)
├─→ ecf-study-interactions (Pattern Analysis)
↓
ecf-dashboard (Real-time Metrics) ← You are here
↓
Actionable Insights
- ecf-theory - Theoretical framework
- ecf-compass 🧭 - Instant AI assessment
- ecf-study-aperture - RCT study
- ecf-study-interactions - Pattern research
| Feature | ECF Compass | ECF Dashboard |
|---|---|---|
| Purpose | Per-AI assessment | Aggregate monitoring |
| Use When | Choosing AI to use | Tracking long-term trends |
| Systems | 10 individual AIs | System-agnostic totals |
💡 Use Compass for instant AI evaluation, Dashboard for progress tracking over time.
- ✅ Real-time Dashboard: Live metrics visualization
- ✅ System Management: Add, track, and monitor multiple systems
- ✅ Sovereignty Scoring: Automated calculation of cognitive sovereignty levels
- ✅ Gap Detection: Identify and quantify knowledge gaps
- ✅ Progress Tracking: Monitor improvements over time
- ⚡ Fast & Responsive: Built with React 18
- 🎨 Modern UI: Tailwind CSS styling
- 📱 Mobile-First: Responsive design for all devices
- 🌐 i18n Ready: Arabic/English language switching
- 📊 Data Visualization: Interactive charts with Recharts
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/riteofrenaissance/ecf-dashboard.git
cd ecf-dashboard
# Install dependencies
npm install
# Start development server
npm startThe dashboard will open at http://localhost:3000
- React 18 - UI framework
- TypeScript - Type safety
- Tailwind CSS - Styling
- Recharts - Chart library
- Lucide React - Icon system
- React Hooks - useState, useEffect, useReducer
- Context API - Global state (no localStorage/sessionStorage)
{
totalSystems: number,
activeSystems: number,
activePercentage: number
}{
sovereigntyScore: number (0-100),
yearlyAverage: number,
trend: 'up' | 'down' | 'stable'
}{
averageGaps: number (0-100),
improvementNeeded: boolean,
suggestions: string[]
}┌─────────────────────────────────────┐
│ لوحة التحكم الرئيسية │
├─────────────────────────────────────┤
│ 🧠 إجمالي الأنظمة: 0 │
│ 📊 السيادة المعرفية: 0% │
│ 📉 متوسط الفجوات: 0% │
│ │
│ [إضافة نظام جديد] │
└─────────────────────────────────────┘
The dashboard can integrate with:
// Example: Fetch data from research projects
const fetchSovereigntyData = async () => {
const aperture = await fetch('/api/ecf-study-aperture/metrics');
const interactions = await fetch('/api/ecf-study-interactions/patterns');
return calculateSovereignty(aperture, interactions);
};- Real-time data from Safe Aperture study
- Pattern analysis from Interaction study
- Export to Zenodo for archival
- PDF report generation
ecf-dashboard/
├── src/
│ ├── components/
│ │ ├── SystemsPanel.tsx
│ │ ├── SovereigntyGauge.tsx
│ │ └── GapsAnalyzer.tsx
│ ├── hooks/
│ │ └── useSovereigntyMetrics.ts
│ ├── locales/
│ │ ├── ar.json
│ │ └── en.json
│ └── App.tsx
├── public/
├── package.json
└── README.md
# Development
npm start # Start dev server
npm test # Run tests
npm run build # Production build
# Code Quality
npm run lint # Run ESLint
npm run format # Format with Prettier- Click "إضافة نظام جديد" (Add New System)
- Enter system details
- Monitor metrics in real-time
Cognitive Sovereignty (0-100%)
- 0-25%: Heavy AI dependence
- 26-50%: Moderate autonomy
- 51-75%: Good self-direction
- 76-100%: High cognitive sovereignty
Knowledge Gaps (0-100%)
- 0-25%: Minimal gaps
- 26-50%: Some improvement needed
- 51-75%: Significant gaps
- 76-100%: Critical attention required
- 🇸🇦 Arabic (العربية) - Primary
- 🇬🇧 English - Secondary
// src/locales/fr.json
{
"dashboard.title": "Tableau de bord",
"systems.total": "Systèmes totaux",
...
}Contributions are welcome! Please read our Contributing Guide.
- 🐛 Report bugs
- 💡 Suggest features
- 📝 Improve documentation
- 🌍 Add translations
- 🎨 Enhance UI/UX
MIT License - see LICENSE file for details.
- Project Homepage: riteofrenaissance.github.io/ecf-theory
- Research Portfolio: github.com/riteofrenaissance
- Issues: Report a bug
- Discussions: Join the conversation
For questions about the dashboard or research collaboration:
- Open an issue in this repository
- Visit our main profile
- Check the ECF Theory documentation
If you use this dashboard in your research:
@software{ecf_dashboard_2025,
title = {ECF Dashboard: Cognitive Sovereignty Monitoring System},
author = {Rite of Renaissance},
year = {2025},
url = {https://github.com/riteofrenaissance/ecf-dashboard}
}Built with 🧠 for cognitive sovereignty
نظام مراقبة السيادة المعرفية في الوقت الفعلي
لوحة التحكم ECF هي تطبيق مراقبة فوري يتتبع ويصور مقاييس السيادة المعرفية في تفاعلات الإنسان مع الذكاء الاصطناعي.
- 🧠 تتبع الأنظمة: مراقبة إجمالي الأنظمة المعرفية النشطة
- 📊 مقاييس السيادة: قياس مستويات الاستقلالية المعرفية (0-100%)
- 📉 تحليل الفجوات: تحديد الفجوات المعرفية ومجالات التحسين
- 🌍 واجهة ثنائية اللغة: دعم كامل للعربية والإنجليزية
- Node.js 18+
- npm أو yarn
# استنساخ المشروع
git clone https://github.com/riteofrenaissance/ecf-dashboard.git
cd ecf-dashboard
# تثبيت المكتبات
npm install
# تشغيل الخادم التطويري
npm startستفتح اللوحة على http://localhost:3000
عرض إجمالي الأنظمة المعرفية المفعّلة والنشطة
قياس مستوى الاستقلالية المعرفية بنسبة مئوية
تحديد الفجوات المعرفية ومستوى التحسين المطلوب
- ecf-theory - الإطار النظري
- ecf-study-aperture - دراسة الفتحة الآمنة
- ecf-study-interactions - دراسة أنماط التفاعل
MIT License - للتفاصيل راجع ملف LICENSE
للأسئلة حول اللوحة أو التعاون البحثي:
- افتح issue في هذا المشروع
- زر صفحتنا الرئيسية
صُنع بـ 🧠 من أجل السيادة المعرفية