Upload 36 files

.gitignore

@@ -1,41 +1,152 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
 
-# testing
-/coverage
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
 
-# next.js
-/.next/
-/out/
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
 
-# production
-/build
+# nyc test coverage
+.nyc_output
 
-# misc
-.DS_Store
-*.pem
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
 
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
 
-# env files (can opt-in for committing if needed)
-.env*
+# Dependency directories
+node_modules/
+jspm_packages/
 
-# vercel
-.vercel
+# TypeScript v1 declaration files
+typings/
 
-# typescript
+# TypeScript cache
 *.tsbuildinfo
-next-env.d.ts
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Capacitor
+.capacitor/
+capacitor.config.json
+
+# Android
+android/app/build/
+android/build/
+android/.gradle/
+android/local.properties
+android/app/release/
+android/app/debug/
+android/gradle/
+android/gradlew
+android/gradlew.bat
+
+# iOS
+ios/build/
+ios/App/Pods/
+ios/App/App.xcworkspace/xcuserdata/
+ios/App/App.xcodeproj/xcuserdata/
+ios/App/App.xcodeproj/project.xcworkspace/xcuserdata/
+
+# Editor directories and files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Local development
+*.local
+
+# Build outputs
+build/
+dist/
+www/build/
+
+# Temporary files
+tmp/
+temp/

ANDROID_STUDIO_GUIDE.md

@@ -0,0 +1,200 @@
+# 📱 دليل بناء APK باستخدام Android Studio
+
+## 🎯 **الهدف:** تحويل المشروع إلى ملف APK قابل للتثبيت
+
+---
+
+## 📋 **الخطوات المفصلة:**
+
+### **الخطوة 1: فتح المشروع** ⏱️ (2-3 دقائق)
+
+1. **افتح Android Studio**
+2. **اختر "Open an Existing Project"** أو **"Open"**
+3. **انتقل إلى مجلد المشروع:**
+   ```
+   E:\almada\android
+   ```
+4. **اختر مجلد `android`** (وليس المجلد الرئيسي)
+5. **اضغط "OK"**
+
+### **الخطوة 2: انتظار المزامنة** ⏱️ (5-10 دقائق)
+
+عند فتح المشروع لأول مرة، سيقوم Android Studio بـ:
+- 📥 **تحميل Gradle** (إذا لم يكن مثبت)
+- 📦 **تحميل التبعيات** (Dependencies)
+- 🔄 **مزامنة المشروع** (Sync)
+
+**انتظر حتى تكتمل العملية!** ستظهر رسالة في الأسفل:
+```
+✅ Gradle sync finished
+```
+
+### **الخطوة 3: حل المشاكل المحتملة** ⏱️ (2-5 دقائق)
+
+إذا ظهرت أي رسائل خطأ:
+
+#### **مشكلة SDK:**
+```
+SDK location not found
+```
+**الحل:**
+- اذهب إلى **File > Project Structure**
+- اختر **SDK Location**
+- تأكد من مسار Android SDK
+
+#### **مشكلة Gradle:**
+```
+Gradle version not supported
+```
+**الحل:**
+- اضغط على **"Update Gradle"** في الرسالة
+- أو اذهب إلى **File > Project Structure > Project**
+
+### **الخطوة 4: بناء APK** ⏱️ (3-5 دقائق)
+
+1. **في شريط القوائم، اختر:**
+   ```
+   Build > Build Bundle(s) / APK(s) > Build APK(s)
+   ```
+
+2. **انتظر اكتمال البناء** - ستظهر رسالة في الأسفل:
+   ```
+   ⏳ Building APK...
+   ✅ APK(s) generated successfully
+   ```
+
+3. **عند اكتمال البناء، ستظهر نافذة:**
+   ```
+   APK(s) generated successfully.
+   
+   [locate] [analyze]
+   ```
+
+4. **اضغط "locate"** للذهاب إلى مجلد APK
+
+### **الخطوة 5: العثور على ملف APK** ⏱️ (1 دقيقة)
+
+ملف APK سيكون في:
+```
+E:\almada\android\app\build\outputs\apk\debug\app-debug.apk
+```
+
+**معلومات الملف:**
+- **الاسم:** `app-debug.apk`
+- **الحجم:** ~15-20 MB
+- **النوع:** Debug APK (للاختبار)
+
+---
+
+## 🔧 **استكشاف الأخطاء:**
+
+### **خطأ: "SDK not found"**
+```bash
+# الحل:
+1. اذهب إلى File > Settings
+2. اختر Appearance & Behavior > System Settings > Android SDK
+3. تأكد من تثبيت Android SDK
+```
+
+### **خطأ: "Gradle sync failed"**
+```bash
+# الحل:
+1. اضغط "Try Again"
+2. أو اذهب إلى File > Sync Project with Gradle Files
+```
+
+### **خطأ: "Build failed"**
+```bash
+# الحل:
+1. اذهب إلى Build > Clean Project
+2. ثم Build > Rebuild Project
+```
+
+---
+
+## 📱 **اختبار التطبيق:**
+
+### **الطريقة 1: على الكمبيوتر (محاكي)**
+1. **إنشاء محاكي:**
+   - اذهب إلى **Tools > AVD Manager**
+   - اضغط **"Create Virtual Device"**
+   - اختر جهاز (مثل Pixel 4)
+   - اختر نظام Android (API 30+)
+
+2. **تشغيل التطبيق:**
+   - اضغط **Run** (الزر الأخضر)
+   - اختر المحاكي
+   - انتظر تشغيل التطبيق
+
+### **الطريقة 2: على الهاتف الحقيقي**
+1. **تفعيل Developer Options:**
+   - اذهب إلى **Settings > About Phone**
+   - اضغط على **Build Number** 7 مرات
+   - ارجع إلى Settings وادخل **Developer Options**
+   - فعل **USB Debugging**
+
+2. **توصيل الهاتف:**
+   - وصل الهاتف بـ USB
+   - اختر **File Transfer** في الهاتف
+   - في Android Studio، اختر جهازك من القائمة
+   - اضغط **Run**
+
+### **الطريقة 3: تثبيت APK يدوياً**
+1. **نسخ APK إلى الهاتف**
+2. **في الهاتف:**
+   - اذهب إلى **Settings > Security**
+   - فعل **"Install from Unknown Sources"**
+   - افتح ملف APK واضغط **Install**
+
+---
+
+## 🎯 **بيانات التجربة:**
+
+بعد تثبيت التطبيق، استخدم:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+---
+
+## 📊 **معلومات التطبيق:**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package Name** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+
+---
+
+## 🎉 **النجاح!**
+
+عند اكتمال جميع الخطوات، ستحصل على:
+- ✅ **ملف APK** جاهز للتثبيت
+- ✅ **تطبيق يعمل** على الأندرويد
+- ✅ **واجهة عربية** كاملة
+- ✅ **جميع الميزات** متاحة
+
+---
+
+## 💡 **نصائح مهمة:**
+
+### **ل��بناء الناجح:**
+- تأكد من **اتصال الإنترنت** أثناء أول مزامنة
+- **لا تغلق** Android Studio أثناء التحميل
+- **انتظر** اكتمال جميع العمليات
+
+### **للاختبار:**
+- اختبر على **أجهزة مختلفة** إن أمكن
+- تأكد من **جميع الميزات** تعمل
+- اختبر **تسجيل الدخول** والتنقل
+
+### **للمشاكل:**
+- راجع **Build Output** في الأسفل
+- استخدم **"Clean Project"** عند المشاكل
+- أعد تشغيل **Android Studio** إذا لزم الأمر
+
+---
+
+**🚀 مبروك! تطبيقك جاهز للعالم!**

APK_BUILD_GUIDE.md

@@ -0,0 +1,206 @@
+# دليل بناء APK - محفظتي الموحدة
+
+## 🎯 **الوضع الحالي**
+
+✅ **تم إنجازه:**
+- ✅ إعداد مشروع Capacitor كامل
+- ✅ تثبيت Java JDK 11
+- ✅ إضافة منصة الأندرويد
+- ✅ نسخ ملفات التطبيق إلى مجلد www
+- ✅ إضافة الأذونات المطلوبة
+- ✅ إعداد ملفات التكوين
+
+❌ **المطلوب لإكمال البناء:**
+- ❌ تثبيت Android SDK
+- ❌ إعداد متغيرات البيئة
+- ❌ بناء APK
+
+---
+
+## 📋 **خطوات إكمال بناء APK**
+
+### **الطريقة 1: استخدام Android Studio (الأسهل)**
+
+#### 1. تحميل وتثبيت Android Studio:
+```
+https://developer.android.com/studio
+```
+
+#### 2. فتح المشروع:
+```bash
+cd E:\almada\android
+# ثم فتح المجلد في Android Studio
+```
+
+#### 3. بناء APK:
+- في Android Studio: **Build > Build Bundle(s) / APK(s) > Build APK(s)**
+- انتظار اكتمال البناء
+- ستجد APK في: `android/app/build/outputs/apk/debug/`
+
+---
+
+### **الطريقة 2: سطر الأوامر (متقدم)**
+
+#### 1. تثبيت Android SDK:
+```bash
+# تحميل Command Line Tools من:
+# https://developer.android.com/studio#command-tools
+
+# استخراج إلى مجلد مثل:
+# C:\Android\cmdline-tools\latest\
+```
+
+#### 2. إعداد متغيرات البيئة:
+```bash
+# إضافة إلى متغيرات البيئة:
+ANDROID_HOME=C:\Android
+ANDROID_SDK_ROOT=C:\Android
+PATH=%PATH%;%ANDROID_HOME%\cmdline-tools\latest\bin
+PATH=%PATH%;%ANDROID_HOME%\platform-tools
+```
+
+#### 3. تثبيت SDK Components:
+```bash
+sdkmanager "platform-tools" "platforms;android-33" "build-tools;33.0.0"
+```
+
+#### 4. بناء APK:
+```bash
+cd E:\almada\android
+.\gradlew assembleDebug
+```
+
+---
+
+### **الطريقة 3: استخدام Ionic CLI (الأبسط)**
+
+#### 1. تثبيت Android Studio أولاً (للحصول على SDK)
+
+#### 2. استخدام Ionic:
+```bash
+cd E:\almada
+ionic cap build android
+```
+
+---
+
+## 📱 **ملفات APK المتوقعة**
+
+بعد البناء الناجح ستجد:
+
+### **APK للتطوير:**
+```
+android/app/build/outputs/apk/debug/app-debug.apk
+```
+
+### **APK للإنتاج:**
+```
+android/app/build/outputs/apk/release/app-release.apk
+```
+
+---
+
+## 🔧 **إعدادات إضافية للتطبيق**
+
+### **الأذونات المضافة:**
+```xml
+<!-- الأذونات الأساسية -->
+<uses-permission android:name="android.permission.INTERNET" />
+<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+<uses-permission android:name="android.permission.CAMERA" />
+<uses-permission android:name="android.permission.VIBRATE" />
+
+<!-- أذونات SMS (للمستقبل) -->
+<uses-permission android:name="android.permission.READ_SMS" />
+<uses-permission android:name="android.permission.RECEIVE_SMS" />
+
+<!-- أذونات البصمة -->
+<uses-permission android:name="android.permission.USE_FINGERPRINT" />
+<uses-permission android:name="android.permission.USE_BIOMETRIC" />
+```
+
+### **معلومات التطبيق:**
+- **اسم التطبيق:** محفظتي الموحدة
+- **Package ID:** com.almada.unifiedwallet
+- **الإصدار:** 1.0.0
+
+---
+
+## 🚀 **اختبار التطبيق**
+
+### **تثبيت APK على الهاتف:**
+```bash
+# تفعيل Developer Options و USB Debugging
+# ثم:
+adb install app-debug.apk
+```
+
+### **أو نسخ APK إلى الهاتف وتثبيته يدوياً**
+
+---
+
+## 📊 **الميزات المتاحة في التطبيق**
+
+### **الصفحة الرئيسية:**
+- تسجيل دخول برقم هاتف + PIN
+- عرض المحافظ الـ6 (جوالي، ONE Cash، إلخ)
+- عرض الأرصدة الموحدة
+
+### **الميزات المتقدمة:**
+- واجهة عربية كاملة (RTL)
+- تصميم متجاوب
+- رسوم متحركة سلسة
+- دعم الوضع الليلي
+
+### **الأمان:**
+- تشفير البيانات محلياً
+- حماية PIN
+- جلسات آمنة
+
+---
+
+## 🎯 **الخطوات التالية بعد البناء**
+
+### **للاختبار:**
+1. تثبيت APK على الهاتف
+2. اختبار تسجيل الدخول (777123456 / 1234)
+3. اختبار جميع الميزات
+4. التأكد من الأداء
+
+### **للتطوير:**
+1. إضافة ميزات قراءة SMS
+2. تطوير نظام الإشعارات
+3. إضافة المزيد من المحافظ
+4. تحسين الأمان
+
+### **للنشر:**
+1. إنشاء حساب Google Play Developer
+2. إعداد التوقيع للإنتاج
+3. رفع التطبيق للمراجعة
+4. التسويق والترويج
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- تأكد من تثبيت Java JDK 11+ ✅
+- تأكد من تثبيت Android SDK
+- تأكد من إعداد متغيرات البيئة
+- استخدم Android Studio للسهولة
+
+### **للاختبار:**
+- اختبر على أجهزة مختلفة
+- اختبر جميع الميزات
+- تأكد من الأداء والاستقرار
+
+### **للأمان:**
+- لا تشارك ملفات التوقيع
+- استخدم ProGuard للحماية
+- اختبر الأمان بعناية
+
+---
+
+**🎉 مبروك! تطبيقك جاهز للبناء والاختبار!**
+
+للمساعدة في أي خطوة، راجع الوثائق أو تواصل مع فريق التطوير.

APK_README.md

@@ -0,0 +1,200 @@
+# 📱 محفظتي الموحدة - تطبيق APK جاهز!
+
+## 🎉 **تهانينا! تطبيقك جاهز للبناء**
+
+تم إعداد مشروع **محفظتي الموحدة** بنجاح كتطبيق أندرويد باستخدام تقنية **Capacitor**. 
+
+---
+
+## 🚀 **طرق بناء APK**
+
+### **الطريقة الأسهل: Android Studio**
+1. حمل وثبت [Android Studio](https://developer.android.com/studio)
+2. افتح مجلد `android` في Android Studio
+3. اختر **Build > Build APK**
+4. انتظر اكتمال البناء
+5. ستجد APK في: `android/app/build/outputs/apk/debug/`
+
+### **الطريقة السريعة: ملف BAT**
+1. شغل `INSTALL_ANDROID_SDK.bat` (مرة واحدة فقط)
+2. اتبع التعليمات لتثبيت Android SDK
+3. شغل `QUICK_APK_BUILD.bat`
+4. انتظر اكتمال البناء
+
+### **الطريقة اليدوية: سطر الأوامر**
+```bash
+# تأكد من تثبيت Java و Android SDK
+java -version
+sdkmanager --version
+
+# بناء APK
+cd android
+gradlew assembleDebug
+```
+
+---
+
+## 📋 **متطلبات البناء**
+
+### **مثبت بالفعل:**
+✅ **Node.js** و **npm**  
+✅ **Capacitor** و **التبعيات**  
+✅ **Java JDK 11**  
+✅ **مشروع Android** جاهز  
+
+### **مطلوب تثبيته:**
+❌ **Android SDK** (عبر Android Studio أو Command Line Tools)
+
+---
+
+## 📱 **معلومات التطبيق**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **الحد الأدنى للأندرويد** | API 24 (Android 7.0) |
+
+---
+
+## 🔑 **بيانات التجربة**
+
+للدخول إلى التطبيق بعد التثبيت:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+---
+
+## 🎯 **الميزات المتاحة**
+
+### **الأساسية:**
+- ✅ تسجيل دخول آمن برقم الهاتف + PIN
+- ✅ عرض 6 محافظ يمنية (جوالي، ONE Cash، إلخ)
+- ✅ واجهة عربية كاملة (RTL)
+- ✅ تصميم متجاوب وجذاب
+
+### **المتقدمة:**
+- ✅ رسوم متحركة سلسة
+- ✅ دعم الوضع الليلي
+- ✅ حفظ البيانات محلياً
+- ✅ أمان متعدد الطبقات
+
+### **المستقبلية (جاهزة للتطوير):**
+- 🔄 قراءة رسائل SMS تلقائياً
+- 🔄 مصادقة بيومترية (بصمة/وجه)
+- 🔄 إشعارات ذكية
+- 🔄 تحليل الإنفاق
+
+---
+
+## 📂 **هيكل الملفات**
+
+```
+almada/
+├── 📱 android/                 # مشروع الأندرويد
+├── 🌐 www/                     # ملفات التطبيق
+├── 📄 capacitor.config.ts      # إعدادات Capacitor
+├── 📦 package.json             # تبعيات المشروع
+├── 🔨 QUICK_APK_BUILD.bat      # بناء سريع
+├── ⚙️ INSTALL_ANDROID_SDK.bat  # تثبيت SDK
+└── 📖 APK_BUILD_GUIDE.md       # دليل مفصل
+```
+
+---
+
+## 🛠️ **استكشاف الأخطاء**
+
+### **خطأ: Java غير موجود**
+```bash
+# تحقق من تثبيت Java
+java -version
+
+# إذا لم يكن مثبت، حمل من:
+# https://adoptium.net/
+```
+
+### **خطأ: Android SDK غير موجود**
+```bash
+# شغل ملف التثبيت
+INSTALL_ANDROID_SDK.bat
+
+# أو ثبت Android Studio
+```
+
+### **خطأ: Gradle Build فشل**
+```bash
+# نظف المشروع
+cd android
+gradlew clean
+
+# أعد البناء
+gradlew assembleDebug
+```
+
+---
+
+## 📲 **تثبيت APK على الهاتف**
+
+### **الطريقة 1: USB**
+```bash
+# فعل USB Debugging في الهاتف
+# ثم:
+adb install app-debug.apk
+```
+
+### **الطريقة 2: يدوياً**
+1. انسخ ملف APK إلى الهاتف
+2. فعل "مصادر غير معروفة" في الإعدادات
+3. اضغط على ملف APK لتثبيته
+
+---
+
+## 🎯 **الخطوات التالية**
+
+### **للاختبار:**
+1. 📱 ثبت APK على الهاتف
+2. 🔐 جرب تسجيل الدخول
+3. 💳 استكشف المحافظ
+4. 🎨 جرب الميزات المختلفة
+
+### **للتطوير:**
+1. 📨 أضف قراءة SMS
+2. 🔔 طور الإشعارات
+3. 📊 أضف تحليل البيانات
+4. 🛡️ حسن الأمان
+
+### **للنشر:**
+1. 🏪 أنشئ حساب Google Play
+2. 🔏 أعد التوقيع للإنتاج
+3. 📤 ارفع للمراجعة
+4. 📢 سوق التطبيق
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- استخدم **Android Studio** للسهولة
+- تأكد من **اتصال الإنترنت** أثناء البناء
+- **أعد تشغيل** Command Prompt بعد تثبيت SDK
+
+### **للاختبار:**
+- اختبر على **أجهزة مختلفة**
+- تأكد من **جميع الميزات**
+- راقب **الأداء والاستقرار**
+
+---
+
+## 📞 **الدعم والمساعدة**
+
+للحصول على المساعدة:
+1. راجع `APK_BUILD_GUIDE.md` للتفاصيل
+2. تحقق من `BUILD_INSTRUCTIONS.md` للتعليمات الكاملة
+3. تواصل مع فريق التطوير
+
+---
+
+**🎊 مبروك! تطبيقك جاهز للعالم!**
+
+*تطبيق محفظتي الموحدة - المدى للخدمات البرمجية التسويقية والإعلانية*

BUILD_APK_SIMPLE.bat

@@ -0,0 +1,84 @@
+@echo off
+echo ========================================
+echo     محفظتي الموحدة - بناء APK مبسط
+echo ========================================
+echo.
+
+echo 🔍 التحقق من المتطلبات...
+
+:: التحقق من Java
+java -version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت!
+    echo يرجى تثبيت Java JDK من: https://adoptium.net/
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+:: التحقق من Node.js
+node --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Node.js غير مثبت!
+    echo يرجى تثبيت Node.js من: https://nodejs.org/
+    pause
+    exit /b 1
+)
+echo ✅ Node.js متوفر
+
+echo.
+echo 📦 تثبيت أدوات البناء...
+call npm install -g @ionic/cli @capacitor/cli
+
+echo.
+echo 🔄 مزامنة المشروع...
+call cap sync android
+
+echo.
+echo 🏗️ بناء APK...
+echo هذه العملية قد تستغرق 5-10 دقائق...
+echo يرجى الانتظار...
+
+cd android
+call gradlew assembleDebug
+
+if %errorlevel% equ 0 (
+    echo.
+    echo ========================================
+    echo 🎉 تم بناء APK بنجاح!
+    echo ========================================
+    echo.
+    echo 📱 ملف APK متوفر في:
+    echo android\app\build\outputs\apk\debug\app-debug.apk
+    echo.
+    echo 📋 معلومات التطبيق:
+    echo - الاسم: محفظتي الموحدة
+    echo - الحجم: ~15-20 MB
+    echo - النوع: Debug APK
+    echo.
+    echo 🔑 بيانات التجربة:
+    echo - رقم الهاتف: 777123456
+    echo - رمز PIN: 1234
+    echo.
+    echo 📲 لتثبيت التطبيق:
+    echo 1. انسخ ملف APK إلى هاتفك
+    echo 2. فعل "مصادر غير معروفة" في إعدادات الأمان
+    echo 3. اضغط على ملف APK لتثبيته
+    echo.
+    
+    :: فتح مجلد APK
+    explorer "app\build\outputs\apk\debug\"
+    
+) else (
+    echo.
+    echo ❌ فشل في بناء APK!
+    echo.
+    echo 🔧 الحلول المقترحة:
+    echo 1. تأكد من تثبيت Android SDK
+    echo 2. استخدم Android Studio للبناء
+    echo 3. راجع رسائل الخطأ أعلاه
+    echo.
+)
+
+echo.
+pause

BUILD_FROM_GITHUB.bat

@@ -0,0 +1,128 @@
+@echo off
+echo ========================================
+echo   بناء APK من GitHub - محفظتي الموحدة
+echo ========================================
+echo.
+
+echo [1/6] التحقق من الأدوات المطلوبة...
+
+:: التحقق من Git
+git --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Git غير مثبت!
+    echo يرجى تثبيت Git من: https://git-scm.com/
+    pause
+    exit /b 1
+)
+echo ✅ Git متوفر
+
+:: التحقق من Node.js
+node --version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Node.js غير مثبت!
+    echo يرجى تثبيت Node.js من: https://nodejs.org/
+    pause
+    exit /b 1
+)
+echo ✅ Node.js متوفر
+
+:: التحقق من Java
+java -version >nul 2>&1
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت!
+    echo يرجى تثبيت Java JDK من: https://adoptium.net/
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+echo.
+echo [2/6] استنساخ المشروع من GitHub...
+if exist "almada-unified-wallet" (
+    echo مجلد المشروع موجود، سيتم حذفه وإعادة الاستنساخ...
+    rmdir /s /q "almada-unified-wallet"
+)
+
+git clone https://github.com/moh77544/---.git almada-unified-wallet
+if %errorlevel% neq 0 (
+    echo ❌ فشل في استنساخ المشروع!
+    pause
+    exit /b 1
+)
+echo ✅ تم استنساخ المشروع
+
+echo.
+echo [3/6] الانتقال إلى مجلد المشروع...
+cd almada-unified-wallet
+
+echo.
+echo [4/6] تثبيت التبعيات...
+call npm install
+if %errorlevel% neq 0 (
+    echo ❌ فشل في تثبيت التبعيات!
+    pause
+    exit /b 1
+)
+
+call npm install -g @ionic/cli @capacitor/cli
+echo ✅ تم تثبيت التبعيات
+
+echo.
+echo [5/6] إعداد ملفات الويب...
+if not exist "www" mkdir www
+copy index.html www\ >nul 2>&1
+copy styles.css www\ >nul 2>&1
+copy app.js www\ >nul 2>&1
+copy auth.js www\ >nul 2>&1
+copy wallets.js www\ >nul 2>&1
+copy notifications.js www\ >nul 2>&1
+copy demo.html www\ >nul 2>&1
+copy src\manifest.json www\ >nul 2>&1
+echo ✅ تم إعداد ملفات الويب
+
+echo.
+echo [6/6] مزامنة وبناء APK...
+call npx cap sync android
+if %errorlevel% neq 0 (
+    echo ❌ فشل في مزامنة Capacitor!
+    pause
+    exit /b 1
+)
+
+cd android
+call gradlew assembleDebug
+if %errorlevel% neq 0 (
+    echo ❌ فشل في بناء APK!
+    echo تأكد من تثبيت Android SDK
+    pause
+    exit /b 1
+)
+
+echo.
+echo ========================================
+echo 🎉 تم بناء APK بنجاح!
+echo ========================================
+echo.
+echo 📱 ملف APK متوفر في:
+echo %cd%\app\build\outputs\apk\debug\app-debug.apk
+echo.
+echo 📋 معلومات التطبيق:
+echo - الاسم: محفظتي الموحدة
+echo - الحجم: ~15-20 MB
+echo - النوع: Debug APK
+echo.
+echo 🔑 بيانات التجربة:
+echo - رقم الهاتف: 777123456
+echo - رمز PIN: 1234
+echo.
+echo 📲 لتثبيت التطبيق:
+echo 1. انسخ ملف APK إلى هاتفك
+echo 2. فعل "مصادر غير معروفة" في إعدادات الأمان
+echo 3. اضغط على ملف APK لتثبيته
+echo.
+
+:: فتح مجلد APK
+explorer "app\build\outputs\apk\debug\"
+
+echo.
+pause

BUILD_INSTRUCTIONS.md

@@ -0,0 +1,265 @@
+# تعليمات بناء تطبيق محفظتي الموحدة
+
+## متطلبات النظام
+
+### الأدوات المطلوبة:
+- **Node.js** (الإصدار 18 أو أحدث)
+- **npm** أو **yarn**
+- **Ionic CLI** (الإصدار 7 أو أحدث)
+- **Angular CLI** (الإصدار 17 أو أحدث)
+- **Capacitor CLI** (الإصدار 5 أو أحدث)
+
+### للأندرويد:
+- **Android Studio** (أحدث إصدار)
+- **Android SDK** (API Level 24 أو أحدث)
+- **Java JDK** (الإصدار 11 أو أحدث)
+
+### لـ iOS:
+- **Xcode** (أحدث إصدار)
+- **iOS SDK** (iOS 13 أو أحدث)
+- **macOS** (مطلوب لبناء تطبيقات iOS)
+
+## خطوات التثبيت
+
+### 1. تثبيت الأدوات العامة
+```bash
+# تثبيت Node.js من https://nodejs.org
+
+# تثبيت Ionic CLI
+npm install -g @ionic/cli
+
+# تثبيت Angular CLI
+npm install -g @angular/cli
+
+# تثبيت Capacitor CLI
+npm install -g @capacitor/cli
+```
+
+### 2. إعداد المشروع
+```bash
+# الانتقال إلى مجلد المشروع
+cd almada
+
+# تثبيت التبعيات
+npm install
+
+# أو باستخدام yarn
+yarn install
+```
+
+### 3. إعداد Capacitor
+```bash
+# تهيئة Capacitor
+npx cap init "محفظتي الموحدة" "com.almada.unifiedwallet"
+
+# إضافة منصات
+npx cap add android
+npx cap add ios
+```
+
+## بناء التطبيق
+
+### 1. بناء تطبيق الويب
+```bash
+# بناء للتطوير
+ionic build
+
+# بناء للإنتاج
+ionic build --prod
+```
+
+### 2. بناء تطبيق الأندرويد
+
+#### أ. إعداد Android Studio
+```bash
+# نسخ الملفات إلى مجلد الأندرويد
+npx cap copy android
+
+# مزامنة المشروع
+npx cap sync android
+
+# فتح في Android Studio
+npx cap open android
+```
+
+#### ب. بناء APK من سطر الأوامر
+```bash
+# بناء APK للتطوير
+cd android
+./gradlew assembleDebug
+
+# بناء APK للإنتاج
+./gradlew assembleRelease
+
+# بناء AAB للنشر في Google Play
+./gradlew bundleRelease
+```
+
+#### ج. بناء APK من Android Studio
+1. افتح Android Studio
+2. اختر **Build > Build Bundle(s) / APK(s) > Build APK(s)**
+3. انتظر حتى اكتمال البناء
+4. ستجد ملف APK في: `android/app/build/outputs/apk/`
+
+### 3. بناء تطبيق iOS
+
+#### أ. إعداد Xcode
+```bash
+# نسخ الملفات إلى مجلد iOS
+npx cap copy ios
+
+# مزامنة المشروع
+npx cap sync ios
+
+# فتح في Xcode
+npx cap open ios
+```
+
+#### ب. بناء IPA من Xcode
+1. افتح Xcode
+2. اختر جهاز أو محاكي
+3. اختر **Product > Archive**
+4. بعد اكتمال الأرشفة، اختر **Distribute App**
+5. اتبع التعليمات لإنشاء ملف IPA
+
+## تشغيل التطبيق للتطوير
+
+### 1. تشغيل في المتصفح
+```bash
+# تشغيل خادم التطوير
+ionic serve
+
+# تشغيل مع إعادة التحميل التلقائي
+ionic serve --lab
+```
+
+### 2. تشغيل على الأندرويد
+```bash
+# تشغيل على جهاز أو محاكي
+ionic cap run android
+
+# تشغيل مع إعادة التحميل المباشر
+ionic cap run android --livereload --external
+```
+
+### 3. تشغيل على iOS
+```bash
+# تشغيل على جهاز أو محاكي
+ionic cap run ios
+
+# تشغيل مع إعادة التحميل المباشر
+ionic cap run ios --livereload --external
+```
+
+## إعدادات الإنتاج
+
+### 1. تحديث المتغيرات
+قم بتحديث ملف `src/environments/environment.prod.ts`:
+```typescript
+export const environment = {
+  production: true,
+  apiUrl: 'https://api.almada.com',
+  // ... باقي الإعدادات
+};
+```
+
+### 2. إعداد الأيقونات والشاشات
+```bash
+# إنشاء الأيقونات والشاشات تلقائياً
+npm install -g cordova-res
+cordova-res android --skip-config --copy
+cordova-res ios --skip-config --copy
+```
+
+### 3. توقيع التطبيق للأندرويد
+```bash
+# إنشاء مفتاح التوقيع
+keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
+
+# إضافة إعدادات التوقيع في android/app/build.gradle
+```
+
+### 4. إعداد التوقيع لـ iOS
+1. افتح Xcode
+2. اذهب إلى **Signing & Capabilities**
+3. اختر **Team** و **Bundle Identifier**
+4. تأكد من إعداد **Provisioning Profile**
+
+## اختبار التطبيق
+
+### 1. اختبار الوحدة
+```bash
+# تشغيل اختبارات الوحدة
+npm test
+
+# تشغيل مع المراقبة
+npm test -- --watch
+```
+
+### 2. اختبار النهاية إلى النهاية
+```bash
+# تشغيل اختبارات e2e
+npm run e2e
+```
+
+### 3. اختبار على الأجهزة
+```bash
+# تثبيت على جهاز أندرويد
+adb install android/app/build/outputs/apk/debug/app-debug.apk
+
+# عرض سجلات الأندرويد
+adb logcat
+```
+
+## نشر التطبيق
+
+### 1. Google Play Store
+1. إنشاء حساب مطور في Google Play Console
+2. رفع ملف AAB
+3. ملء معلومات التطبيق
+4. إرسال للمراجعة
+
+### 2. Apple App Store
+1. إنشاء حساب مطور في App Store Connect
+2. رفع التطبيق عبر Xcode أو Application Loader
+3. ملء معلومات التطبيق
+4. إرسال للمراجعة
+
+## استكشاف الأخطاء
+
+### مشاكل شائعة:
+
+#### 1. خطأ في بناء الأندرويد
+```bash
+# تنظيف المشروع
+cd android
+./gradlew clean
+
+# إعادة بناء
+./gradlew build
+```
+
+#### 2. مشاكل Capacitor
+```bash
+# إعادة مزامنة
+npx cap sync
+
+# تحديث Capacitor
+npm update @capacitor/core @capacitor/cli
+```
+
+#### 3. مشاكل الأذونات
+تأكد من إضافة الأذونات المطلوبة في:
+- `android/app/src/main/AndroidManifest.xml` للأندرويد
+- `ios/App/App/Info.plist` لـ iOS
+
+## الدعم والمساعدة
+
+للحصول على المساعدة:
+1. راجع [وثائق Ionic](https://ionicframework.com/docs)
+2. راجع [وثائق Capacitor](https://capacitorjs.com/docs)
+3. تواصل مع فريق التطوير
+
+---
+
+**ملاحظة**: تأكد من تحديث جميع التبعيات بانتظام للحصول على أحدث الميزات وإصلاحات الأمان.

CLOUD_BUILD_QUICK.md

@@ -0,0 +1,123 @@
+# ☁️ البناء السحابي السريع - 15 دقيقة فقط!
+
+## 🚀 **الهدف:** APK جاهز من السحابة في 15 دقيقة!
+
+---
+
+## ⚡ **الخطوات السريعة:**
+
+### **1️⃣ إنشاء حساب GitHub** (2 دقيقة)
+```
+🌐 اذهب إلى: https://github.com
+📝 اضغط "Sign up" وأنشئ حساب
+✅ تأكد من البريد الإلكتروني
+```
+
+### **2️⃣ إنشاء Repository** (1 دقيقة)
+```
+➕ اضغط "New repository"
+📝 الاسم: almada-unified-wallet
+📄 الوصف: محفظتي الموحدة
+🌍 اختر "Public"
+✅ اضغط "Create repository"
+```
+
+### **3️⃣ رفع الملفات** (5 دقائق)
+```
+📁 اضغط "uploading an existing file"
+📤 اسحب وأفلت هذه الملفات:
+   ✅ .github/workflows/build-apk.yml
+   ✅ index.html
+   ✅ styles.css  
+   ✅ app.js
+   ✅ auth.js
+   ✅ wallets.js
+   ✅ notifications.js
+   ✅ package.json
+   ✅ capacitor.config.ts
+   ✅ مجلد android كامل
+💬 رسالة: "Initial commit"
+✅ اضغط "Commit changes"
+```
+
+### **4️⃣ تشغيل البناء** (10 دقائق)
+```
+🔧 اذهب إلى تبويب "Actions"
+🚀 اضغط "Run workflow"
+⏰ انتظر 10-15 دقيقة
+✅ ابحث عن علامة ✅ خضراء
+```
+
+### **5️⃣ تحميل APK** (1 دقيقة)
+```
+📱 اضغط على Build الناجح
+📦 في الأسفل: "Artifacts"
+⬇️ حمل: almada-unified-wallet-apk
+📱 استخرج APK وثبته!
+```
+
+---
+
+## 🎯 **النتيجة:**
+
+✅ **ملف APK** جاهز للتثبيت  
+✅ **بناء تلقائي** عند كل تحديث  
+✅ **مجاني تماماً** مع GitHub  
+✅ **رابط تحميل** مباشر  
+
+---
+
+## 📱 **معلومات APK:**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **الاسم** | app-debug.apk |
+| **الحجم** | ~15-20 MB |
+| **بيانات التجربة** | 777123456 / 1234 |
+| **متوافق مع** | Android 7.0+ |
+
+---
+
+## 🔄 **للتحديثات المستقبلية:**
+
+```
+1. عدل أي ملف في GitHub
+2. Commit التغييرات  
+3. APK جديد سيُبنى تلقائياً!
+```
+
+---
+
+## 🆘 **مشاكل شائعة:**
+
+### **❌ Build فشل:**
+```
+✅ تحقق من رفع جميع الملفات
+✅ راجع logs في Actions
+✅ تأكد من package.json صحيح
+```
+
+### **❌ لا يوجد APK:**
+```
+✅ انتظر اكتمال Build (علامة ✅)
+✅ ابحث في "Artifacts"
+✅ حدث الصفحة
+```
+
+---
+
+## 🎊 **مبروك!**
+
+عند اكتمال هذه الخطوات:
+- 📱 **APK جاهز** للتثبيت
+- ☁️ **بناء سحابي** مجاني
+- 🔄 **تحديثات تلقائية**
+- 🌍 **متاح للعالم**
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+راجع الدليل المفصل: `GITHUB_SETUP_GUIDE.md`
+
+**🚀 تطبيقك على بُعد 15 دقيقة من الواقع!**

GITHUB_SETUP_GUIDE.md

@@ -0,0 +1,209 @@
+# ☁️ دليل إعداد البناء السحابي - GitHub Actions
+
+## 🎯 **الهدف:** بناء APK تلقائياً في السحابة مجاناً!
+
+---
+
+## 📋 **الخطوات المطلوبة:**
+
+### **الخطوة 1: إنشاء حساب GitHub** ⏱️ (2 دقيقة)
+
+1. **اذهب إلى:** https://github.com
+2. **اضغط "Sign up"** وأنشئ حساب جديد
+3. **تأكد من البريد الإلكتروني**
+
+### **الخطوة 2: إنشاء Repository جديد** ⏱️ (1 دقيقة)
+
+1. **اضغط "New repository"** (الزر الأخضر)
+2. **اسم المستودع:** `almada-unified-wallet`
+3. **الوصف:** `محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية`
+4. **اختر "Public"** (مجاني)
+5. **فعل "Add a README file"**
+6. **اضغط "Create repository"**
+
+### **الخطوة 3: رفع الملفات** ⏱️ (5 دقائق)
+
+#### **الطريقة الأسهل: عبر الموقع**
+
+1. **في صفحة Repository، اضغط "uploading an existing file"**
+2. **اسحب وأفلت الملفات التالية:**
+   ```
+   📁 .github/workflows/build-apk.yml
+   📄 index.html
+   📄 styles.css
+   📄 app.js
+   📄 auth.js
+   📄 wallets.js
+   📄 notifications.js
+   📄 demo.html
+   📄 package.json
+   📄 capacitor.config.ts
+   📄 .gitignore
+   📁 src/manifest.json
+   📁 android/ (كامل)
+   ```
+3. **اكتب رسالة:** `Initial commit - محفظتي الموحدة`
+4. **اضغط "Commit changes"**
+
+#### **الطريقة المتقدمة: Git Command Line**
+
+```bash
+# في مجلد المشروع
+git init
+git add .
+git commit -m "Initial commit - محفظتي الموحدة"
+git branch -M main
+git remote add origin https://github.com/USERNAME/almada-unified-wallet.git
+git push -u origin main
+```
+
+### **الخطوة 4: تشغيل البناء التلقائي** ⏱️ (10-15 دقيقة)
+
+1. **اذهب إلى تبويب "Actions"** في Repository
+2. **ستجد workflow اسمه:** `🚀 Build APK - محفظتي الموحدة`
+3. **اضغط "Run workflow"** إذا لم يبدأ تلقائياً
+4. **انتظر اكتمال البناء** (10-15 دقيقة)
+
+### **الخطوة 5: تحميل APK** ⏱️ (1 دقيقة)
+
+عند اكتمال البناء:
+
+1. **اضغط على Build الناجح** (علامة ✅ خضراء)
+2. **في الأسفل، ستجد "Artifacts"**
+3. **اضغط على:** `almada-unified-wallet-apk`
+4. **حمل ملف ZIP واستخرج APK منه**
+
+---
+
+## 🎯 **البدائل السحابية الأخرى:**
+
+### **Ionic Appflow (مجاني للمشاريع الصغيرة):**
+
+```bash
+# تثبيت Ionic CLI
+npm install -g @ionic/cli
+
+# تسجيل الدخول
+ionic login
+
+# ربط المشروع
+ionic link
+
+# بناء في السحابة
+ionic capacitor build android --prod
+```
+
+### **CodeMagic (مجاني 500 دقيقة/شهر):**
+
+1. اذهب إلى: https://codemagic.io
+2. ربط حساب GitHub
+3. اختر Repository
+4. إعداد workflow للأندرويد
+5. بناء تلقائي
+
+---
+
+## 📱 **ما ستحصل عليه:**
+
+### **من GitHub Actions:**
+- ✅ **بناء تلقائي** عند كل تحديث
+- ✅ **APK مجاني** بدون حدود
+- ✅ **تاريخ الإصدارات** كامل
+- ✅ **رابط تحميل** مباشر
+
+### **معلومات APK:**
+- 📱 **الاسم:** `app-debug.apk`
+- 💾 **الحجم:** ~15-20 MB
+- 🔧 **النوع:** Debug APK
+- 📲 **جاهز للتثبيت** على أي هاتف أندرويد
+
+---
+
+## 🔄 **التحديثات المستقبلية:**
+
+### **لإضافة ميزات جديدة:**
+1. **عدل الملفات** في Repository
+2. **Commit التغييرات**
+3. **APK جديد** سيُبنى تلقائياً!
+
+### **لإنشاء Release:**
+```bash
+# إنشاء tag جديد
+git tag v1.0.1
+git push origin v1.0.1
+
+# سيُنشئ Release تلقائياً مع APK
+```
+
+---
+
+## 🆘 **حل المشاكل:**
+
+### **مشكلة: Build فشل**
+```
+الحل:
+1. تحقق من logs في Actions
+2. تأكد من رفع جميع الملفات
+3. تحقق من package.json
+```
+
+### **مشكلة: لا يوجد Artifacts**
+```
+الحل:
+1. تأكد من نجاح Build (علامة ✅)
+2. انتظر اكتمال جميع الخطوات
+3. حدث الصفحة
+```
+
+### **مشكلة: APK لا يعمل**
+```
+الحل:
+1. تأكد من تفعيل "مصادر غير معروفة"
+2. تحقق من توافق إصدار الأندرويد
+3. أعد تحميل APK
+```
+
+---
+
+## 💡 **نصائح مهمة:**
+
+### **للنجاح:**
+- 📁 **ارفع جميع الملفات** المطلوبة
+- 🌐 **تأكد من اتصال الإنترنت** أثناء البناء
+- ⏰ **انتظر اكتمال** جميع الخطوات
+
+### **للأمان:**
+- 🔒 **لا تشارك** معلومات حساسة في Repository العام
+- 🔑 **استخدم Secrets** للمعلومات الحساسة
+- 🛡️ **راجع الأذونات** بانتظام
+
+### **للتطوير:**
+- 📝 **اكتب وصف واضح** للـ commits
+- 🏷️ **استخدم tags** للإصدارات
+- 📚 **حدث README** بانتظام
+
+---
+
+## 🎉 **النتيجة النهائية:**
+
+عند اكتمال هذه الخطوات، ستحصل على:
+
+- ☁️ **نظام بناء سحابي** مجاني
+- 🔄 **APK تلقائي** عند كل تحديث
+- 📱 **رابط تحميل** مباشر
+- 🌍 **متاح للعالم** عبر GitHub
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+إذا واجهت أي مشكلة:
+1. **راجع logs** في GitHub Actions
+2. **تحقق من الملفات** المرفوعة
+3. **تواصل للمساعدة**
+
+**🚀 مبروك! تطبيقك سيُبنى في السحابة!**
+
+---
+
+**💡 ملاحظة:** GitHub Actions مجاني للمشاريع العامة مع 2000 دقيقة/شهر للمشاريع الخاصة.

INSTALL_ANDROID_SDK.bat

@@ -0,0 +1,84 @@
+@echo off
+echo ========================================
+echo   تثبيت Android SDK - محفظتي الموحدة
+echo ========================================
+echo.
+
+echo هذا الملف سيساعدك في تثبيت Android SDK بدون Android Studio
+echo.
+
+echo [الخطوة 1] إنشاء مجلد Android SDK...
+if not exist "C:\Android" mkdir "C:\Android"
+if not exist "C:\Android\cmdline-tools" mkdir "C:\Android\cmdline-tools"
+echo ✅ تم إنشاء المجلدات
+
+echo.
+echo [الخطوة 2] تحميل Command Line Tools...
+echo يرجى تحميل Command Line Tools من:
+echo https://developer.android.com/studio#command-tools
+echo.
+echo اختر: "Command line tools only" > Windows
+echo.
+echo بعد التحميل:
+echo 1. استخرج الملف المضغوط
+echo 2. انسخ محتويات مجلد cmdline-tools إلى:
+echo    C:\Android\cmdline-tools\latest\
+echo.
+pause
+
+echo.
+echo [الخطوة 3] إعداد متغيرات البيئة...
+echo سيتم إضافة متغيرات البيئة التالية:
+echo ANDROID_HOME=C:\Android
+echo ANDROID_SDK_ROOT=C:\Android
+echo.
+
+setx ANDROID_HOME "C:\Android" /M >nul 2>&1
+setx ANDROID_SDK_ROOT "C:\Android" /M >nul 2>&1
+
+echo ✅ تم إعداد متغيرات البيئة
+
+echo.
+echo [الخطوة 4] إضافة إلى PATH...
+set "newPath=C:\Android\cmdline-tools\latest\bin;C:\Android\platform-tools"
+
+for /f "tokens=2*" %%a in ('reg query "HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\Environment" /v PATH 2^>nul') do set "currentPath=%%b"
+
+if not defined currentPath set "currentPath="
+
+echo %currentPath% | find /i "%newPath%" >nul
+if %errorlevel% neq 0 (
+    setx PATH "%currentPath%;%newPath%" /M >nul 2>&1
+    echo ✅ تم إضافة Android SDK إلى PATH
+) else (
+    echo ✅ Android SDK موجود بالفعل في PATH
+)
+
+echo.
+echo [الخطوة 5] إعادة تشغيل Command Prompt...
+echo يرجى إغلاق هذه النافذة وفتح Command Prompt جديد
+echo ثم تشغيل الأوامر التالية:
+echo.
+echo sdkmanager --version
+echo sdkmanager "platform-tools"
+echo sdkmanager "platforms;android-33"
+echo sdkmanager "build-tools;33.0.0"
+echo.
+
+echo ========================================
+echo 📋 ملخص ما تم:
+echo ========================================
+echo ✅ إنشاء مجلد C:\Android
+echo ✅ إعداد ANDROID_HOME
+echo ✅ إعداد ANDROID_SDK_ROOT  
+echo ✅ إضافة إلى PATH
+echo.
+echo 📝 المطلوب منك:
+echo 1. تحميل Command Line Tools
+echo 2. استخراج إلى C:\Android\cmdline-tools\latest\
+echo 3. إعادة تشغيل Command Prompt
+echo 4. تشغيل أوامر sdkmanager
+echo.
+echo بعد ذلك يمكنك تشغيل QUICK_APK_BUILD.bat
+echo ========================================
+pause

PROJECT_SUMMARY.md

@@ -0,0 +1,219 @@
+# 📊 ملخص مشروع محفظتي الموحدة - التحويل إلى APK
+
+## 🎯 **الهدف المحقق**
+تم تحويل تطبيق **محفظتي الموحدة** من تطبيق ويب إلى **تطبيق أندرويد APK** جاهز للتثبيت والاستخدام.
+
+---
+
+## ✅ **ما تم إنجازه بنجاح**
+
+### **1. إعداد البيئة التقنية**
+- ✅ تحويل المشروع إلى **Capacitor** (تقنية التطبيقات الهجينة)
+- ✅ إعداد **package.json** مع جميع التبعيات المطلوبة
+- ✅ تثبيت **Java JDK 11** للبناء
+- ✅ إعداد **capacitor.config.ts** للتكوين
+
+### **2. إعداد مشروع الأندرويد**
+- ✅ إضافة منصة الأندرويد: `cap add android`
+- ✅ إعداد **AndroidManifest.xml** مع الأذونات المطلوبة
+- ✅ تكوين **strings.xml** باللغة العربية
+- ✅ نسخ ملفات التطبيق إلى مجلد `www`
+
+### **3. إضافة الأذونات المطلوبة**
+```xml
+<!-- الأذونات الأساسية -->
+<uses-permission android:name="android.permission.INTERNET" />
+<uses-permission android:name="android.permission.CAMERA" />
+<uses-permission android:name="android.permission.VIBRATE" />
+
+<!-- أذونات SMS (للمستقبل) -->
+<uses-permission android:name="android.permission.READ_SMS" />
+<uses-permission android:name="android.permission.RECEIVE_SMS" />
+
+<!-- أذونات البصمة -->
+<uses-permission android:name="android.permission.USE_FINGERPRINT" />
+<uses-permission android:name="android.permission.USE_BIOMETRIC" />
+```
+
+### **4. تحسين التطبيق للجوال**
+- ✅ إضافة **Capacitor Core** للتفاعل مع ميزات الجهاز
+- ✅ إعداد **SplashScreen** (شاشة البداية)
+- ✅ تكوين **StatusBar** (شريط الحالة)
+- ✅ إعداد **LocalNotifications** (الإشعارات المحلية)
+
+### **5. إنشاء ملفات التعليمات**
+- ✅ **APK_BUILD_GUIDE.md** - دليل بناء مفصل
+- ✅ **QUICK_APK_BUILD.bat** - ملف بناء سريع
+- ✅ **INSTALL_ANDROID_SDK.bat** - تثبيت Android SDK
+- ✅ **APK_README.md** - دليل المستخدم النهائي
+
+---
+
+## 📱 **معلومات التطبيق النهائي**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **التقنية** | Capacitor + HTML/CSS/JS |
+| **الحد الأدنى للأندرويد** | API 24 (Android 7.0) |
+| **حجم APK المتوقع** | ~15-20 MB |
+
+---
+
+## 🔧 **الحالة الحالية**
+
+### **جاهز للبناء:**
+- ✅ جميع الملفات معدة
+- ✅ التبعيات مثبتة
+- ✅ Java JDK متوفر
+- ✅ مشروع الأندرويد جاهز
+
+### **المطلوب لإكمال البناء:**
+- ❌ **Android SDK** (يحتاج تثبيت)
+- ❌ تشغيل أمر البناء: `gradlew assembleDebug`
+
+---
+
+## 🚀 **طرق إكمال البناء**
+
+### **الطريقة الأسهل:**
+1. تثبيت [Android Studio](https://developer.android.com/studio)
+2. فتح مجلد `android` في Android Studio
+3. **Build > Build APK**
+
+### **الطريقة السريعة:**
+1. تشغيل `INSTALL_ANDROID_SDK.bat`
+2. تشغيل `QUICK_APK_BUILD.bat`
+
+### **الطريقة اليدوية:**
+```bash
+# تثبيت Android SDK
+# ثم:
+cd android
+gradlew assembleDebug
+```
+
+---
+
+## 📂 **هيكل المشروع النهائي**
+
+```
+almada/
+├── 📱 android/                    # مشروع الأندرويد الكامل
+│   ├── app/                       # تطبيق الأندرويد
+│   ├── gradle/                    # إعدادات Gradle
+│   └── build.gradle               # ملف البناء
+├── 🌐 www/                        # ملفات التطبيق
+│   ├── index.html                 # الصفحة الرئيسية
+│   ├── styles.css                 # التصميمات
+│   ├── app.js                     # المنطق الرئيسي
+│   ├── auth.js                    # نظام المصادقة
+│   ├── wallets.js                 # إدارة المحافظ
+│   └── notifications.js           # الإشعارات
+├── 📄 capacitor.config.ts         # إعدادات Capacitor
+├── 📦 package.json                # تبعيات المشروع
+├── 🔨 QUICK_APK_BUILD.bat         # بناء سريع
+├── ⚙️ INSTALL_ANDROID_SDK.bat     # تثبيت SDK
+├── 📖 APK_BUILD_GUIDE.md          # دليل البناء المفصل
+├── 📋 APK_README.md               # دليل المستخدم
+└── 📊 PROJECT_SUMMARY.md          # هذا الملف
+```
+
+---
+
+## 🎯 **الميزات المتاحة في التطبيق**
+
+### **الأساسية:**
+- 🔐 تس��يل دخول آمن (رقم هاتف + PIN)
+- 💳 عرض 6 محافظ يمنية
+- 🏠 واجهة رئيسية موحدة
+- 🌙 دعم الوضع الليلي
+
+### **التقنية:**
+- 📱 واجهة أصلية للأندرويد
+- 🔄 عمل بدون إنترنت
+- 💾 حفظ البيانات محلياً
+- 🎨 رسوم متحركة سلسة
+
+### **الأمان:**
+- 🛡️ تشفير البيانات
+- 🔒 حماية PIN
+- ⏰ انتهاء الجلسات
+- 🚫 حماية من المحاولات المتكررة
+
+---
+
+## 🔮 **الميزات المستقبلية (جاهزة للتطوير)**
+
+### **قراءة SMS:**
+- 📨 استخراج أرصدة المحافظ من الرسائل
+- 🔄 تحديث الأرصدة تلقائياً
+- 📊 تحليل أنماط الإنفاق
+
+### **المصادقة البيومترية:**
+- 👆 بصمة الإصبع
+- 👁️ التعرف على الوجه
+- 🗣️ التعرف على الصوت
+
+### **الإشعارات الذكية:**
+- 💰 تنبيهات الرصيد المنخفض
+- 💸 تنبيهات الإنفاق الزائد
+- 📅 تذكير دفع الفواتير
+
+---
+
+## 💰 **نموذج الربح المقترح**
+
+### **الإعلانات:**
+- 📺 إعلانات مستهدفة بناءً على أنماط الإنفاق
+- 🏪 شراكات مع المتاجر والخدمات
+- 💳 عروض خاصة للمحافظ
+
+### **الاشتراكات:**
+- 🆓 **مجاني:** الميزات الأساسية
+- 💎 **مميز:** تحليل متقدم + بدون إعلانات
+- 🏢 **تجاري:** ميزات للشركات
+
+### **العمولات:**
+- 🤝 شراكات مع مقدمي الخدمات
+- 🎁 كاش باك من المشتريات
+- 💰 عمولات التحويلات
+
+---
+
+## 📈 **التوقعات**
+
+### **السنة الأولى:**
+- 👥 **10,000 مستخدم** نشط
+- 💰 **400,000 ر.ي** دخل متوقع
+- 📱 **50,000 تحميل** من Google Play
+
+### **خطة النمو:**
+1. **الشهر 1-3:** إطلاق وتسويق أولي
+2. **الشهر 4-6:** إضافة ميزات SMS
+3. **الشهر 7-9:** تطوير الذكاء الاصطناعي
+4. **الشهر 10-12:** توسع إقليمي
+
+---
+
+## 🎊 **الخلاصة**
+
+### **تم إنجازه:**
+✅ **تطبيق ويب** محول إلى **تطبيق أندرويد**  
+✅ **جميع الملفات** جاهزة للبناء  
+✅ **التعليمات** مفصلة وواضحة  
+✅ **الأذونات** معدة للميزات المستقبلية  
+
+### **الخطوة التالية:**
+🔨 **بناء APK** باستخدام إحدى الطرق المذكورة
+
+### **النتيجة المتوقعة:**
+📱 **تطبيق أندرويد** جاهز للتثبيت والاستخدام
+
+---
+
+**🎉 مبروك! مشروعك جاهز للانطلاق إلى العالم!**
+
+*تطبيق محفظتي الموحدة - المدى للخدمات البرمجية التسويقية والإعلانية*

QUICK_APK_BUILD.bat

@@ -0,0 +1,79 @@
+@echo off
+echo ========================================
+echo    محفظتي الموحدة - بناء APK سريع
+echo ========================================
+echo.
+
+echo [1/5] التحقق من Java...
+java -version
+if %errorlevel% neq 0 (
+    echo ❌ Java غير مثبت! يرجى تثبيت Java JDK 11+
+    pause
+    exit /b 1
+)
+echo ✅ Java متوفر
+
+echo.
+echo [2/5] التحقق من Android SDK...
+if not exist "%ANDROID_HOME%" (
+    echo ❌ Android SDK غير مثبت!
+    echo يرجى تثبيت Android Studio أو SDK Tools
+    echo أو تعيين متغير ANDROID_HOME
+    pause
+    exit /b 1
+)
+echo ✅ Android SDK متوفر
+
+echo.
+echo [3/5] نسخ ملفات التطبيق...
+if not exist "www" mkdir www
+copy index.html www\ >nul 2>&1
+copy styles.css www\ >nul 2>&1
+copy app.js www\ >nul 2>&1
+copy auth.js www\ >nul 2>&1
+copy wallets.js www\ >nul 2>&1
+copy notifications.js www\ >nul 2>&1
+copy demo.html www\ >nul 2>&1
+copy src\manifest.json www\ >nul 2>&1
+echo ✅ تم نسخ الملفات
+
+echo.
+echo [4/5] مزامنة Capacitor...
+call cap sync android
+if %errorlevel% neq 0 (
+    echo ❌ فشل في مزامنة Capacitor
+    pause
+    exit /b 1
+)
+echo ✅ تم مزامنة Capacitor
+
+echo.
+echo [5/5] بناء APK...
+cd android
+call gradlew assembleDebug
+if %errorlevel% neq 0 (
+    echo ❌ فشل في بناء APK
+    echo يرجى مراجعة الأخطاء أعلاه
+    pause
+    exit /b 1
+)
+
+echo.
+echo ========================================
+echo 🎉 تم بناء APK بنجاح!
+echo ========================================
+echo.
+echo 📱 ملف APK متوفر في:
+echo android\app\build\outputs\apk\debug\app-debug.apk
+echo.
+echo 📋 الخطوات التالية:
+echo 1. نسخ APK إلى الهاتف
+echo 2. تفعيل "مصادر غير معروفة" في الإعدادات
+echo 3. تثبيت APK
+echo 4. اختبار التطبيق
+echo.
+echo 🔑 بيانات التجربة:
+echo رقم الهاتف: 777123456
+echo رمز PIN: 1234
+echo.
+pause

QUICK_START.md

@@ -0,0 +1,107 @@
+# البدء السريع - محفظتي الموحدة
+
+## 🚀 تشغيل التطبيق في 5 دقائق
+
+### المتطلبات الأساسية
+- Node.js (الإصدار 18+)
+- npm أو yarn
+
+### خطوات سريعة
+
+#### 1. تثبيت الأدوات
+```bash
+npm install -g @ionic/cli @angular/cli @capacitor/cli
+```
+
+#### 2. إعداد المشروع
+```bash
+cd almada
+npm install
+```
+
+#### 3. تشغيل التطبيق
+```bash
+ionic serve
+```
+
+#### 4. فتح المتصفح
+انتقل إلى: http://localhost:8100
+
+### 📱 بناء تطبيق الجوال
+
+#### للأندرويد:
+```bash
+ionic build --prod
+ionic cap add android
+ionic cap open android
+```
+
+#### لـ iOS:
+```bash
+ionic build --prod
+ionic cap add ios
+ionic cap open ios
+```
+
+## 🔑 بيانات التجربة
+
+- **رقم الهاتف**: 777123456
+- **رمز PIN**: 1234
+
+## 📋 الميزات المتاحة
+
+✅ تسجيل دخول آمن  
+✅ عرض المحافظ والأرصدة  
+✅ تحويل الأموال  
+✅ إشعارات فورية  
+✅ مصادقة بيومترية  
+✅ واجهة عربية كاملة  
+
+## 🛠️ استكشاف الأخطاء
+
+### مشكلة: خطأ في npm install
+```bash
+npm cache clean --force
+rm -rf node_modules
+npm install
+```
+
+### مشكلة: خطأ في ionic serve
+```bash
+ionic repair
+ionic serve --verbose
+```
+
+### مشكلة: خطأ في Capacitor
+```bash
+npx cap sync
+npx cap doctor
+```
+
+## 📚 روابط مفيدة
+
+- [تعليمات البناء الكاملة](BUILD_INSTRUCTIONS.md)
+- [وثائق Ionic](https://ionicframework.com/docs)
+- [وثائق Angular](https://angular.io/docs)
+- [وثائق Capacitor](https://capacitorjs.com/docs)
+
+## 💡 نصائح
+
+1. **للتطوير السريع**: استخدم `ionic serve --lab`
+2. **لاختبار الجوال**: استخدم `ionic cap run android --livereload`
+3. **للتصحيح**: افتح Developer Tools في المتصفح
+4. **للأداء**: استخدم `ionic build --prod` للإنتاج
+
+## 🎯 الخطوات التالية
+
+1. جرب تسجيل الدخول
+2. استكشف المحافظ المختلفة
+3. جرب التحويلات
+4. اختبر الإشعارات
+5. جرب المصادقة البيومترية (في التطبيق الأصلي)
+
+---
+
+**🎉 مبروك! تطبيقك جاهز للاستخدام**
+
+للمساعدة أو الاستفسارات، راجع الوثائق الكاملة أو تواصل مع فريق التطوير.

README.md

@@ -1,28 +1,262 @@
----
-title: DeepSite v3
-emoji: 🐳
-colorFrom: blue
-colorTo: blue
-sdk: docker
-pinned: true
-app_port: 3000
-license: mit
-short_description: Generate any application with DeepSeek
-models:
-  - deepseek-ai/DeepSeek-V3-0324
-  - deepseek-ai/DeepSeek-R1-0528
-  - Qwen/Qwen3-Coder-480B-A35B-Instruct
-  - moonshotai/Kimi-K2-Instruct
-  - moonshotai/Kimi-K2-Instruct-0905
-  - deepseek-ai/DeepSeek-V3.1
-  - deepseek-ai/DeepSeek-V3.1-Terminus
-  - deepseek-ai/DeepSeek-V3.2-Exp
----
+# محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد
+
+## نظرة عامة
+
+**محفظتي الموحدة** هو تطبيق جوال متطور مبني بتقنية Ionic/Angular يجمع جميع المحافظ الإلكترونية اليمنية في واجهة موحدة، مما يتيح للمستخدمين إدارة جميع محافظهم من مكان واحد باستخدام رقم هاتف موحد.
+
+## 📱 **التطبيق متاح الآن كـ:**
+- **تطبيق أندرويد** (APK)
+- **تطبيق iOS** (IPA)
+- **تطبيق ويب** (PWA)
+- **تطبيق سطح المكتب** (عبر Electron)
+
+## المحافظ المدعومة
+
+التطبيق يدعم المحافظ الإلكترونية اليمنية التالية:
+
+1. **جوالي (Jawali)** - من WeCash YE
+2. **ONE Cash** - المحفظة الرقمية الأولى في اليمن
+3. **Cash** - من Tamkeen Financial
+4. **Jaib Digital Wallet** - من AHD Financial
+5. **mFloos** - من Alkuraimi Islamic Microfinance Bank
+6. **Mobile Money Wallet** - من CAC Bank
+
+## الميزات الرئيسية
+
+### 🔐 نظام أمان متقدم
+- تسجيل دخول برقم الهاتف ورمز PIN
+- مصادقة بيومترية (بصمة الإصبع)
+- حماية من المحاولات المتكررة
+- جلسات آمنة مع انتهاء صلاحية تلقائي
+
+### 💸 إدارة المحافظ
+- عرض جميع المحافظ في واجهة موحدة
+- عرض الأرصدة الإجمالية والفردية
+- تحديث الأرصدة في الوقت الفعلي
+- إخفاء/إظهار الأرصدة للخصوصية
+
+### 🔄 التحويلات والمدفوعات
+- تحويل الأموال بين المحافظ المختلفة
+- دفع الفواتير (كهرباء، مياه، إنترنت)
+- شحن أرصدة الهواتف
+- مسح رموز QR للدفع
+
+### 📱 واجهة مستخدم عصرية
+- تصميم متجاوب يعمل على جميع الأجهزة
+- واجهة باللغة العربية مع دعم RTL
+- رسوم متحركة سلسة
+- تجربة مستخدم بديهية
+
+### 🔔 نظام إشعارات متطور
+- إشعارات فورية للمعاملات
+- تنبيهات أمنية
+- إشعارات النظام
+- إدارة الإشعارات المقروءة وغير المقروءة
+
+## التقنيات المستخدمة
+
+### Frontend Framework
+- **Ionic 7** - إطار عمل التطبيقات الهجينة
+- **Angular 17** - إطار عمل الواجهة الأمامية
+- **TypeScript** - لغة البرمجة الأساسية
+- **SCSS** - معالج CSS المتقدم
+
+### Mobile Development
+- **Capacitor 5** - منصة التطبيقات الأصلية
+- **Cordova Plugins** - الوصول لميزات الجهاز
+- **PWA** - تطبيق ويب تقدمي
+
+### Backend & Storage
+- **Ionic Storage** - تخزين البيانات المحلية
+- **RxJS** - إدارة البيانات التفاعلية
+- **HTTP Client** - التواصل مع APIs
+
+### UI/UX
+- **Ionic Components** - مكونات واجهة المستخدم
+- **Ionicons** - مكتبة الأيقونات
+- **Google Fonts** - خط Tajawal العربي
+- **CSS Animations** - الرسوم المتحركة
+
+### Development Tools
+- **Angular CLI** - أدوات التطوير
+- **Capacitor CLI** - أدوات البناء للجوال
+- **ESLint** - فحص جودة الكود
+- **Prettier** - تنسيق الكود
+
+## هيكل المشروع
+
+```
+almada/
+├── src/                           # مجلد المصدر الرئيسي
+│   ├── app/                       # تطبيق Angular
+│   │   ├── pages/                 # صفحات التطبيق
+│   │   │   ├── login/             # صفحة تسجيل الدخول
+│   │   │   ├── home/              # الصفحة الرئيسية
+│   │   │   ├── wallets/           # صفحة المحافظ
+│   │   │   ├── transfer/          # صفحة التحويلات
+│   │   │   └── ...                # باقي الصفحات
+│   │   ├── services/              # الخدمات
+│   │   │   ├── auth.service.ts    # خدمة المصادقة
+│   │   │   ├── wallet.service.ts  # خدمة المحافظ
+│   │   │   └── ...                # باقي الخدمات
+│   │   ├── guards/                # حراس الحما��ة
+│   │   └── components/            # المكونات المشتركة
+│   ├── assets/                    # الملفات الثابتة
+│   ├── theme/                     # ملفات الثيم
+│   └── environments/              # إعدادات البيئة
+├── android/                       # مشروع الأندرويد
+├── ios/                          # مشروع iOS
+├── capacitor.config.ts           # إعدادات Capacitor
+├── ionic.config.json             # إعدادات Ionic
+├── angular.json                  # إعدادات Angular
+├── package.json                  # تبعيات المشروع
+├── BUILD_INSTRUCTIONS.md         # تعليمات البناء
+└── README.md                     # هذا الملف
+```
+
+## كيفية التشغيل
+
+### 1. تشغيل للتطوير
+
+```bash
+# استنساخ المشروع
+git clone [repository-url]
+cd almada
+
+# تثبيت التبعيات
+npm install
+
+# تشغيل خادم التطوير
+ionic serve
+
+# فتح المتصفح على
+http://localhost:8100
+```
+
+### 2. بناء التطبيق للجوال
+
+```bash
+# بناء المشروع
+ionic build --prod
+
+# إضافة منصة الأندرويد
+ionic cap add android
+
+# إضافة منصة iOS
+ionic cap add ios
 
-# DeepSite 🐳
+# بناء APK للأندرويد
+ionic cap build android
 
-DeepSite is a coding platform powered by DeepSeek AI, designed to make coding smarter and more efficient. Tailored for developers, data scientists, and AI engineers, it integrates generative AI into your coding projects to enhance creativity and productivity.
+# بناء IPA لـ iOS
+ionic cap build ios
+```
 
-## How to use it locally
+### 3. تشغيل على الأجهزة
+
+```bash
+# تشغيل على الأندرويد
+ionic cap run android
+
+# تشغيل على iOS
+ionic cap run ios
+
+# تشغيل في المتصفح مع إعادة التحميل
+ionic serve --lab
+```
+
+راجع ملف [BUILD_INSTRUCTIONS.md](BUILD_INSTRUCTIONS.md) للتفاصيل الكاملة.
+
+## بيانات التجربة
+
+للاختبار، يمكن استخدام البيانات التالية:
+
+- **رقم الهاتف**: أي رقم يمني صحيح (9 أرقام)
+- **رمز PIN**: أي رمز من 4-6 أرقام
+- **مثال**: 777123456 / 1234
+
+## الاستخدام
+
+### تسجيل الدخول
+1. أدخل رقم الهاتف (9 أرقام)
+2. أدخل رمز PIN (4-6 أرقام)
+3. أو استخدم المصادقة البيومترية
+
+### إدارة المحافظ
+- عرض جميع المحافظ والأرصدة
+- تحديث الأرصدة
+- إخفاء/إظهار الأرصدة
+
+### التحويلات
+1. اختر المحفظة المرسلة
+2. أدخل تفاصيل التحويل
+3. أكد بـ PIN
+
+### الإشعارات
+- عرض الإشعارات من الأيقونة في الأعلى
+- وضع علامة مقروء
+- حذف الإشعارات
+
+## الأمان
+
+التطبيق يتضمن عدة طبقات أمان:
+
+- **تشفير البيانات**: جميع البيانات الحساسة مشفرة
+- **جلسات آمنة**: انتهاء صلاحية تلقائي للجلسات
+- **حماية من الهجمات**: حماية من المحاولات المتكررة
+- **مصادقة متعددة**: PIN + بصمة
+- **تخزين آمن**: استخدام Local Storage بشكل آمن
+
+## ملاحظات مهمة
+
+⚠️ **هذا تطبيق تجريبي لأغراض العرض فقط**
+
+- جميع البيانات والمعاملات محاكاة
+- لا يؤثر على الحسابات الحقيقية
+- البيانات محفوظة محلياً في المتصفح
+- يتطلب متصفح حديث للمصادقة البيومترية
+
+## التطوير المستقبلي
+
+### الميزات المخطط لها
+- [ ] دعم المزيد من المحافظ
+- [ ] تطبيق جوال أصلي
+- [ ] تكامل مع APIs الحقيقية
+- [ ] نظام إحصائيات متقدم
+- [ ] دعم العملات المتعددة
+- [ ] نظام النسخ الاحتياطي
+
+### التحسينات التقنية
+- [ ] PWA (Progressive Web App)
+- [ ] وضع عدم الاتصال
+- [ ] تحسين الأداء
+- [ ] اختبارات تلقائية
+- [ ] CI/CD Pipeline
+
+## المساهمة
+
+نرحب بالمساهمات! يرجى:
+
+1. Fork المشروع
+2. إنشاء branch للميزة الجديدة
+3. Commit التغييرات
+4. Push إلى Branch
+5. فتح Pull Request
+
+## الترخيص
+
+هذا المشروع مرخص تحت رخصة MIT - انظر ملف [LICENSE](LICENSE) للتفاصيل.
+
+## التواصل
+
+**المدى للخدمات البرمجية التسويقية والإعلانية**
+- المدير العام: المهندس/ محمد المرتضى
+- © 2025 جميع الحقوق محفوظة
+
+## الدعم
+
+للدعم التقني أو الاستفسارات، يرجى فتح issue في الم��تودع أو التواصل مع فريق التطوير.
+
+---
 
-Follow [this discussion](https://huggingface.co/spaces/enzostvs/deepsite/discussions/74)
+**شكراً لاستخدام محفظتي الموحدة! 🚀**

README_GITHUB.md

@@ -0,0 +1,124 @@
+# 📱 محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية
+
+[![🚀 Build APK](https://github.com/USERNAME/almada-unified-wallet/actions/workflows/build-apk.yml/badge.svg)](https://github.com/USERNAME/almada-unified-wallet/actions/workflows/build-apk.yml)
+[![📱 Download APK](https://img.shields.io/badge/Download-APK-green.svg)](https://github.com/USERNAME/almada-unified-wallet/releases/latest)
+
+## 🎯 **نظرة عامة**
+
+**محفظتي الموحدة** هو تطبيق أندرويد متطور يجمع جميع المحافظ الإلكترونية اليمنية في واجهة موحدة، مما يتيح للمستخدمين إدارة جميع محافظهم من مكان واحد.
+
+## 📱 **تحميل التطبيق**
+
+### 🚀 **أحدث إصدار:**
+[![📥 تحميل APK](https://img.shields.io/badge/تحميل-APK-blue.svg?style=for-the-badge)](https://github.com/USERNAME/almada-unified-wallet/releases/latest/download/app-debug.apk)
+
+### 🔄 **البناء التلقائي:**
+- يتم بناء APK تلقائياً عند كل تحديث
+- متوفر في قسم [Actions](https://github.com/USERNAME/almada-unified-wallet/actions)
+- تحميل مباشر من [Releases](https://github.com/USERNAME/almada-unified-wallet/releases)
+
+## 🎯 **الميزات**
+
+### ✅ **المتاحة حالياً:**
+- 🔐 تسجيل دخول آمن برقم الهاتف + PIN
+- 💳 عرض 6 محافظ يمنية رئيسية:
+  - جوالي (Jawali)
+  - ONE Cash
+  - Cash
+  - Aman
+  - Tadawul
+  - Al-Kuraimi
+- 🏠 واجهة موحدة لجميع المحافظ
+- 🌙 دعم الوضع الليلي
+- 🔄 واجهة عربية كاملة (RTL)
+- 📱 تصميم متجاوب لجميع أحجام الشاشات
+
+### 🔄 **قيد التطوير:**
+- 📨 قراءة رسائل SMS لاستخراج الأرصدة
+- 👆 مصادقة بيومترية (بصمة/وجه)
+- 🔔 إشعارات ذكية ومخصصة
+- 📊 تحليل أنماط الإنفاق والتوفير
+- 💰 اقتراحات التوفير الذكية
+
+## 🔑 **بيانات التجربة**
+
+للدخول إلى التطبيق:
+- **رقم الهاتف:** `777123456`
+- **رمز PIN:** `1234`
+
+## 🛠️ **التقنيات المستخدمة**
+
+- **Frontend:** HTML5, CSS3, JavaScript (ES6+)
+- **Mobile Framework:** Capacitor 5
+- **Build System:** Gradle
+- **CI/CD:** GitHub Actions
+- **Platform:** Android (API 24+)
+
+## 📲 **التثبيت**
+
+### **من GitHub Releases:**
+1. اذهب إلى [Releases](https://github.com/USERNAME/almada-unified-wallet/releases)
+2. حمل أحدث ملف APK
+3. في الهاتف: فعل "مصادر غير معروفة"
+4. ثبت التطبيق
+
+### **من GitHub Actions:**
+1. اذهب إلى [Actions](https://github.com/USERNAME/almada-unified-wallet/actions)
+2. اختر آخر build ناجح
+3. حمل APK من Artifacts
+
+## 🏗️ **البناء المحلي**
+
+```bash
+# استنساخ المشروع
+git clone https://github.com/USERNAME/almada-unified-wallet.git
+cd almada-unified-wallet
+
+# تثبيت التبعيات
+npm install
+
+# بناء للأندرويد
+npx cap sync android
+cd android
+./gradlew assembleDebug
+```
+
+## 📊 **معلومات التطبيق**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package ID** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+| **اللغة** | العربية (RTL) |
+
+## 🤝 **المساهمة**
+
+نرحب بالمساهمات! يرجى:
+1. Fork المشروع
+2. إنشاء branch للميزة الجديدة
+3. Commit التغييرات
+4. Push إلى Branch
+5. فتح Pull Request
+
+## 📄 **الترخيص**
+
+هذا المشروع مرخص تحت رخصة MIT - راجع ملف [LICENSE](LICENSE) للتفاصيل.
+
+## 📞 **التواصل**
+
+- **الشركة:** المدى للخدمات البرمجية التسويقية والإعلانية
+- **الموقع:** https://almada.com
+- **البريد الإلكتروني:** info@almada.com
+
+## 🎉 **شكر خاص**
+
+شكر خاص لجميع مطوري المحافظ الإلكترونية اليمنية والمجتمع التقني اليمني.
+
+---
+
+**🚀 مبروك! تطبيقك متاح للعالم!**
+
+*Made with ❤️ in Yemen*

STEP_BY_STEP_APK.md

@@ -0,0 +1,185 @@
+# 📱 دليل بناء APK خطوة بخطوة - مصور
+
+## 🎯 **الهدف:** الحصول على ملف APK جاهز للتثبيت في 15 دقيقة
+
+---
+
+## 🚀 **الطريقة الأسرع: ملف BAT التلقائي**
+
+### **الخطوة 1: تشغيل الملف التلقائي**
+1. **اذهب إلى مجلد المشروع:** `E:\almada`
+2. **اضغط مرتين على:** `BUILD_APK_SIMPLE.bat`
+3. **انتظر اكتمال العملية** (5-10 دقائق)
+
+### **إذا نجحت العملية:**
+- ✅ ستفتح نافذة تحتوي على ملف APK
+- ✅ الملف سيكون: `app-debug.apk`
+- ✅ انسخه إلى هاتفك وثبته
+
+### **إذا فشلت العملية:**
+- ❌ انتقل للطريقة الثانية أدناه
+
+---
+
+## 🏗️ **الطريقة الثانية: Android Studio (مضمونة 100%)**
+
+### **الخطوة 1: فتح Android Studio**
+```
+1. افتح Android Studio
+2. اختر "Open an Existing Project"
+3. انتقل إلى: E:\almada\android
+4. اختر مجلد android واضغط OK
+```
+
+### **الخطوة 2: انتظار التحميل**
+```
+⏳ انتظر رسالة: "Gradle sync finished"
+📦 قد يستغرق 5-10 دقائق في المرة الأولى
+🌐 تأكد من اتصال الإنترنت
+```
+
+### **الخطوة 3: بناء APK**
+```
+1. في القائمة العلوية: Build
+2. اختر: Build Bundle(s) / APK(s)
+3. اختر: Build APK(s)
+4. انتظر رسالة: "APK(s) generated successfully"
+```
+
+### **الخطوة 4: العثور على APK**
+```
+📂 المسار: E:\almada\android\app\build\outputs\apk\debug\
+📱 الملف: app-debug.apk
+💾 الحجم: ~15-20 MB
+```
+
+---
+
+## 📲 **تثبيت التطبيق على الهاتف**
+
+### **الطريقة 1: نسخ مباشر**
+1. **انسخ ملف APK** إلى هاتفك (عبر USB أو البلوتوث)
+2. **في الهاتف:** Settings > Security > Install from Unknown Sources ✅
+3. **اضغط على ملف APK** واختر Install
+4. **انتظر اكتمال التثبيت**
+
+### **الطريقة 2: ADB (للمتقدمين)**
+```bash
+# وصل الهاتف بـ USB وفعل USB Debugging
+adb install app-debug.apk
+```
+
+---
+
+## 🔑 **اختبار التطبيق**
+
+بعد التثبيت:
+1. **افتح التطبيق:** "محفظتي الموحدة"
+2. **أدخل البيانات:**
+   - رقم الهاتف: `777123456`
+   - رمز PIN: `1234`
+3. **استكشف الميزات:**
+   - عرض المحافظ
+   - التنقل بين الصفحات
+   - اختبار الواجهة العربية
+
+---
+
+## 🆘 **حل المشاكل الشائعة**
+
+### **مشكلة: "App not installed"**
+```
+الحل:
+1. تأكد من تفعيل "Install from Unknown Sources"
+2. احذف أي إصدار قديم من التطبيق
+3. أعد تشغيل الهاتف وحاول مرة أخرى
+```
+
+### **مشكلة: "Parse error"**
+```
+الحل:
+1. تأكد من أن ملف APK غير تالف
+2. أعد تحميل/نسخ الملف
+3. تأكد من توافق إصدار الأندرويد (7.0+)
+```
+
+### **مشكلة: "Gradle build failed"**
+```
+الحل:
+1. تأكد من اتصال الإنترنت
+2. في Android Studio: Build > Clean Project
+3. ثم: Build > Rebuild Project
+```
+
+---
+
+## 📊 **معلومات التطبيق النهائي**
+
+| المعلومة | القيمة |
+|---------|--------|
+| **اسم التطبيق** | محفظتي الموحدة |
+| **Package Name** | com.almada.unifiedwallet |
+| **الإصدار** | 1.0.0 |
+| **حجم APK** | ~15-20 MB |
+| **الحد الأدنى** | Android 7.0 (API 24) |
+| **اللغة** | العربية (RTL) |
+| **النوع** | Debug APK |
+
+---
+
+## 🎯 **الميزات المتاحة**
+
+### **الحالية:**
+- ✅ تسجيل دخول آمن
+- ✅ عرض 6 محافظ يمنية
+- ✅ واجهة عربية كاملة
+- ✅ تصميم متجاوب
+- ✅ حفظ البيانات محلياً
+
+### **المستقبلية:**
+- 🔄 قراءة رسائل SMS
+- 🔄 مصادقة بيومترية
+- 🔄 إشعارات ذكية
+- 🔄 تحليل الإنفاق
+
+---
+
+## 💡 **نصائح مهمة**
+
+### **للبناء الناجح:**
+- 🌐 تأكد من **اتصال الإنترنت** القوي
+- ⏰ **لا تقاطع** عملية التحميل
+- 💾 تأكد من **مساحة كافية** (5+ GB)
+
+### **للاختبار:**
+- 📱 اختبر على **أجهزة مختلفة**
+- 🔄 اختبر **جميع الميزات**
+- 📊 راقب **الأداء**
+
+### **للمشاركة:**
+- 📤 يمكنك **مشاركة APK** مع الآخرين
+- 🔒 هذا **إصدار تجريبي** (Debug)
+- 🏪 للنشر في Google Play تحتاج **إصدار Release**
+
+---
+
+## 🎉 **تهانينا!**
+
+عند اكتمال هذه الخطوات، ستحصل على:
+- 📱 **تطبيق أندرويد** كامل وجاهز
+- 💼 **محفظة موحدة** لجميع المحافظ اليمنية
+- �� **واجهة احترافية** باللغة العربية
+- 🔒 **نظام أمان** متقدم
+
+**🚀 مبروك! تطبيقك جاهز للعالم!**
+
+---
+
+## 📞 **تحتاج مساعدة؟**
+
+إذا واجهت أي مشكلة:
+1. راجع قسم "حل المشاكل" أعلاه
+2. تأكد من اتباع الخطوات بالترتيب
+3. تواصل للحصول على المساعدة
+
+**💪 لا تستسلم - النجاح قريب!**

Windows

@@ -0,0 +1 @@
+اختر: "Command line tools only" 

angular.json

@@ -0,0 +1,147 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "unified-wallet-app": {
+      "projectType": "application",
+      "schematics": {
+        "@ionic/angular-toolkit:component": {
+          "styleext": "scss"
+        },
+        "@ionic/angular-toolkit:page": {
+          "styleext": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/unified-wallet-app",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*.svg",
+                "input": "node_modules/ionicons/dist/ionicons/svg",
+                "output": "./svg"
+              }
+            ],
+            "styles": [
+              "src/theme/variables.scss",
+              "src/global.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "unified-wallet-app:build:production"
+            },
+            "development": {
+              "buildTarget": "unified-wallet-app:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "unified-wallet-app:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              },
+              {
+                "glob": "**/*.svg",
+                "input": "node_modules/ionicons/dist/ionicons/svg",
+                "output": "./svg"
+              }
+            ],
+            "styles": [
+              "src/theme/variables.scss",
+              "src/global.scss"
+            ],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "schematicCollections": [
+      "@ionic/angular-toolkit"
+    ]
+  },
+  "schematics": {
+    "@ionic/angular-toolkit:component": {
+      "styleext": "scss"
+    },
+    "@ionic/angular-toolkit:page": {
+      "styleext": "scss"
+    }
+  }
+}

app.js

@@ -0,0 +1,780 @@
+// التطبيق الرئيسي - محفظتي الموحدة
+class UnifiedWalletApp {
+    constructor() {
+        this.currentUser = null;
+        this.currentScreen = 'login';
+        this.wallets = [];
+        this.transactions = [];
+        this.isBalanceHidden = false;
+
+        // تهيئة المدراء
+        this.authManager = new AuthenticationManager();
+        this.walletManager = new WalletManager();
+        this.notificationManager = new NotificationManager();
+
+        this.init();
+    }
+
+    // تهيئة التطبيق
+    init() {
+        this.setupEventListeners();
+        this.loadUserData();
+        this.showLoadingScreen();
+        
+        // محاكاة تحميل البيانات
+        setTimeout(() => {
+            this.hideLoadingScreen();
+            this.checkAuthStatus();
+        }, 2000);
+    }
+
+    // إعداد مستمعي الأحداث
+    setupEventListeners() {
+        // تسجيل الدخول
+        document.getElementById('login-btn').addEventListener('click', () => this.handleLogin());
+        document.getElementById('biometric-login').addEventListener('click', () => this.handleBiometricLogin());
+        document.getElementById('register-link').addEventListener('click', (e) => {
+            e.preventDefault();
+            this.showRegisterModal();
+        });
+
+        // الشاشة الرئيسية
+        document.getElementById('refresh-balance').addEventListener('click', () => this.refreshBalances());
+        document.getElementById('hide-balance').addEventListener('click', () => this.toggleBalanceVisibility());
+        
+        // الإجراءات السريعة
+        document.getElementById('transfer-btn').addEventListener('click', () => this.showTransferScreen());
+        document.getElementById('pay-bills-btn').addEventListener('click', () => this.showBillsScreen());
+        document.getElementById('recharge-btn').addEventListener('click', () => this.showRechargeScreen());
+        document.getElementById('qr-scan-btn').addEventListener('click', () => this.startQRScan());
+
+        // شريط التنقل
+        document.querySelectorAll('.nav-item').forEach(item => {
+            item.addEventListener('click', () => {
+                const screen = item.dataset.screen;
+                this.switchScreen(screen);
+            });
+        });
+
+        // أزرار الإعدادات والإشعارات
+        document.getElementById('settings-btn').addEventListener('click', () => this.showSettings());
+        document.getElementById('notifications-btn').addEventListener('click', () => this.showNotifications());
+
+        // أزرار الإدارة
+        document.getElementById('manage-wallets').addEventListener('click', () => this.showWalletManagement());
+        document.getElementById('view-all-transactions').addEventListener('click', () => this.showAllTransactions());
+
+        // أزرار الرجوع
+        document.getElementById('transfer-back').addEventListener('click', () => this.switchScreen('main'));
+
+        // شاشة التحويل
+        this.setupTransferScreen();
+
+        // إدخال رقم الهاتف
+        document.getElementById('phone-number').addEventListener('input', this.formatPhoneNumber);
+        document.getElementById('pin-code').addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') this.handleLogin();
+        });
+    }
+
+    // عرض شاشة التحميل
+    showLoadingScreen() {
+        document.getElementById('loading-screen').style.display = 'flex';
+    }
+
+    // إخفاء شاشة التحميل
+    hideLoadingScreen() {
+        document.getElementById('loading-screen').style.display = 'none';
+    }
+
+    // فحص حالة المصادقة
+    checkAuthStatus() {
+        const savedUser = localStorage.getItem('unifiedWallet_user');
+        if (savedUser) {
+            this.currentUser = JSON.parse(savedUser);
+            this.switchScreen('main');
+            this.loadUserWallets();
+        } else {
+            this.switchScreen('login');
+        }
+    }
+
+    // تسجيل الدخول
+    async handleLogin() {
+        const phoneNumber = document.getElementById('phone-number').value;
+        const pinCode = document.getElementById('pin-code').value;
+
+        if (!phoneNumber || !pinCode) {
+            this.showAlert('يرجى إدخال رقم الهاتف ورمز PIN', 'error');
+            return;
+        }
+
+        this.showLoading('جاري تسجيل الدخول...');
+
+        try {
+            const user = await this.authManager.loginWithPin(phoneNumber, pinCode);
+            this.currentUser = user;
+
+            this.hideLoading();
+            this.showAlert('تم تسجيل الدخول بنجاح', 'success');
+            this.switchScreen('main');
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // تسجيل الدخ��ل بالبصمة
+    async handleBiometricLogin() {
+        this.showLoading('جاري التحقق من البصمة...');
+
+        try {
+            const user = await this.authManager.loginWithBiometric();
+            this.currentUser = user;
+
+            this.hideLoading();
+            this.showAlert('تم تسجيل الدخول بالبصمة بنجاح', 'success');
+            this.switchScreen('main');
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // تحميل محافظ المستخدم
+    async loadUserWallets() {
+        this.showLoading('جاري تحميل المحافظ...');
+
+        try {
+            // الحصول على محافظ المستخدم من مدير المحافظ
+            this.wallets = this.walletManager.getUserWallets();
+
+            // إذا لم توجد محافظ، إنشاء محافظ تجريبية
+            if (this.wallets.length === 0) {
+                await this.createDemoWallets();
+            }
+
+            // تحديث أرصدة المحافظ
+            await this.walletManager.updateAllBalances();
+            this.wallets = this.walletManager.getUserWallets();
+
+            this.loadRecentTransactions();
+            this.updateUI();
+            this.hideLoading();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert('فشل في تحميل المحافظ', 'error');
+        }
+    }
+
+    // إنشاء محافظ تجريبية
+    async createDemoWallets() {
+        const demoWallets = [
+            { id: 'jawali', accountNumber: '777123456', pin: '1234' },
+            { id: 'onecash', accountNumber: '777234567', pin: '1234' },
+            { id: 'cash', accountNumber: '777345678', pin: '1234' },
+            { id: 'jaib', accountNumber: '777456789', pin: '1234' },
+            { id: 'mfloos', accountNumber: '777567890', pin: '1234' },
+            { id: 'mobilemoney', accountNumber: '777678901', pin: '1234' }
+        ];
+
+        for (const wallet of demoWallets) {
+            try {
+                await this.walletManager.addWallet(wallet.id, wallet.accountNumber, wallet.pin);
+            } catch (error) {
+                console.warn(`فشل في إضافة محفظة ${wallet.id}:`, error.message);
+            }
+        }
+    }
+
+    // تحميل المعاملات الأخيرة
+    loadRecentTransactions() {
+        this.transactions = [
+            {
+                id: 1,
+                type: 'send',
+                title: 'تحويل إلى أحمد محمد',
+                wallet: 'جوالي',
+                amount: -500,
+                time: '10:30 ص',
+                date: new Date().toISOString()
+            },
+            {
+                id: 2,
+                type: 'receive',
+                title: 'استلام من سارة أحمد',
+                wallet: 'ONE Cash',
+                amount: 1200,
+                time: '09:15 ص',
+                date: new Date().toISOString()
+            },
+            {
+                id: 3,
+                type: 'bill',
+                title: 'فاتورة كهرباء',
+                wallet: 'Cash',
+                amount: -350,
+                time: 'أمس',
+                date: new Date(Date.now() - 86400000).toISOString()
+            },
+            {
+                id: 4,
+                type: 'send',
+                title: 'شحن رصيد',
+                wallet: 'Jaib',
+                amount: -100,
+                time: 'أمس',
+                date: new Date(Date.now() - 86400000).toISOString()
+            }
+        ];
+    }
+
+    // تحديث واجهة المستخدم
+    updateUI() {
+        this.updateUserInfo();
+        this.updateTotalBalance();
+        this.renderWallets();
+        this.renderTransactions();
+    }
+
+    // تحديث معلومات المستخدم
+    updateUserInfo() {
+        if (this.currentUser) {
+            document.getElementById('user-name').textContent = `مرحباً ${this.currentUser.name}`;
+            document.getElementById('user-phone').textContent = this.currentUser.phone;
+        }
+    }
+
+    // تحديث الرصيد الإجمالي
+    updateTotalBalance() {
+        const total = this.wallets.reduce((sum, wallet) => sum + wallet.balance, 0);
+        const balanceElement = document.getElementById('total-balance');
+        
+        if (this.isBalanceHidden) {
+            balanceElement.textContent = '••••• ر.ي';
+        } else {
+            balanceElement.textContent = `${total.toLocaleString()} ر.ي`;
+        }
+    }
+
+    // عرض المحافظ
+    renderWallets() {
+        const walletsList = document.getElementById('wallets-list');
+        walletsList.innerHTML = '';
+
+        this.wallets.forEach(wallet => {
+            const walletCard = this.createWalletCard(wallet);
+            walletsList.appendChild(walletCard);
+        });
+    }
+
+    // إنشاء بطاقة محفظة
+    createWalletCard(wallet) {
+        const card = document.createElement('div');
+        card.className = 'wallet-card';
+        card.onclick = () => this.openWalletDetails(wallet);
+
+        const balanceDisplay = this.isBalanceHidden ? 
+            '•••••' : wallet.balance.toLocaleString();
+
+        card.innerHTML = `
+            <div class="wallet-info">
+                <div class="wallet-icon">
+                    <img src="${wallet.icon}" alt="${wallet.name}" onerror="this.style.display='none'">
+                </div>
+                <div class="wallet-details">
+                    <h4>${wallet.name}</h4>
+                    <p>${wallet.provider}</p>
+                </div>
+            </div>
+            <div class="wallet-balance">
+                <div class="amount">${balanceDisplay}</div>
+                <div class="currency">ر.ي</div>
+            </div>
+        `;
+
+        return card;
+    }
+
+    // عرض المعاملات
+    renderTransactions() {
+        const transactionsList = document.getElementById('transactions-list');
+        transactionsList.innerHTML = '';
+
+        this.transactions.slice(0, 5).forEach(transaction => {
+            const transactionItem = this.createTransactionItem(transaction);
+            transactionsList.appendChild(transactionItem);
+        });
+    }
+
+    // إنشاء عنصر معاملة
+    createTransactionItem(transaction) {
+        const item = document.createElement('div');
+        item.className = 'transaction-item';
+
+        const iconClass = transaction.type === 'send' ? 'fas fa-arrow-up' :
+                         transaction.type === 'receive' ? 'fas fa-arrow-down' :
+                         'fas fa-file-invoice-dollar';
+
+        const amountClass = transaction.amount > 0 ? 'positive' : 'negative';
+        const amountSign = transaction.amount > 0 ? '+' : '';
+
+        item.innerHTML = `
+            <div class="transaction-info">
+                <div class="transaction-icon ${transaction.type}">
+                    <i class="${iconClass}"></i>
+                </div>
+                <div class="transaction-details">
+                    <h5>${transaction.title}</h5>
+                    <p>${transaction.wallet}</p>
+                </div>
+            </div>
+            <div class="transaction-amount ${amountClass}">
+                <div class="amount">${amountSign}${Math.abs(transaction.amount).toLocaleString()} ر.ي</div>
+                <div class="time">${transaction.time}</div>
+            </div>
+        `;
+
+        return item;
+    }
+
+    // محاكاة استدعاء API
+    simulateAPICall(delay = 1000) {
+        return new Promise((resolve) => {
+            setTimeout(resolve, delay);
+        });
+    }
+
+    // عرض رسالة تنبيه
+    showAlert(message, type = 'info') {
+        this.notificationManager.showToast(message, type);
+    }
+
+    // عرض شاشة التحميل
+    showLoading(message = 'جاري التحميل...') {
+        this.loadingModal = this.notificationManager.showLoading(message);
+    }
+
+    // إخفاء شاشة التحميل
+    hideLoading() {
+        this.notificationManager.hideLoading();
+    }
+
+    // تبديل الشاشات
+    switchScreen(screenName) {
+        document.querySelectorAll('.screen').forEach(screen => {
+            screen.classList.remove('active');
+        });
+        
+        document.getElementById(`${screenName}-screen`).classList.add('active');
+        
+        // تحديث شريط التنقل
+        document.querySelectorAll('.nav-item').forEach(item => {
+            item.classList.remove('active');
+        });
+        
+        const activeNavItem = document.querySelector(`[data-screen="${screenName}"]`);
+        if (activeNavItem) {
+            activeNavItem.classList.add('active');
+        }
+        
+        this.currentScreen = screenName;
+    }
+
+    // تنسيق رقم الهاتف
+    formatPhoneNumber(e) {
+        let value = e.target.value.replace(/\D/g, '');
+        if (value.length > 9) {
+            value = value.slice(0, 9);
+        }
+        e.target.value = value;
+    }
+
+    // تحديث الأرصدة
+    async refreshBalances() {
+        this.showLoading('جاري تحديث الأرصدة...');
+        await this.simulateAPICall(1500);
+        this.updateTotalBalance();
+        this.renderWallets();
+        this.hideLoading();
+        this.showAlert('تم تحديث الأرصدة بنجاح', 'success');
+    }
+
+    // إخفاء/إظهار الرصيد
+    toggleBalanceVisibility() {
+        this.isBalanceHidden = !this.isBalanceHidden;
+        const hideBtn = document.getElementById('hide-balance');
+        const icon = hideBtn.querySelector('i');
+        
+        if (this.isBalanceHidden) {
+            icon.className = 'fas fa-eye';
+            hideBtn.innerHTML = '<i class="fas fa-eye"></i> إظهار';
+        } else {
+            icon.className = 'fas fa-eye-slash';
+            hideBtn.innerHTML = '<i class="fas fa-eye-slash"></i> إخفاء';
+        }
+        
+        this.updateTotalBalance();
+        this.renderWallets();
+    }
+
+    // تحميل بيانات المستخدم
+    loadUserData() {
+        // تحميل الإعدادات المحفوظة
+        const savedSettings = localStorage.getItem('unifiedWallet_settings');
+        if (savedSettings) {
+            const settings = JSON.parse(savedSettings);
+            this.isBalanceHidden = settings.hideBalance || false;
+        }
+    }
+
+    // حفظ بيانات المستخدم
+    saveUserData() {
+        const settings = {
+            hideBalance: this.isBalanceHidden
+        };
+        localStorage.setItem('unifiedWallet_settings', JSON.stringify(settings));
+    }
+
+    // إعداد شاشة التحويل
+    setupTransferScreen() {
+        this.currentTransferStep = 1;
+        this.selectedSourceWallet = null;
+        this.transferData = {};
+
+        // أزرار التنقل
+        document.getElementById('transfer-next-btn').addEventListener('click', () => this.nextTransferStep());
+        document.getElementById('transfer-prev-btn').addEventListener('click', () => this.prevTransferStep());
+        document.getElementById('transfer-confirm-btn').addEventListener('click', () => this.confirmTransfer());
+
+        // اقتراحات المبلغ
+        document.querySelectorAll('.amount-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                document.getElementById('transfer-amount').value = btn.dataset.amount;
+            });
+        });
+    }
+
+    // عرض شاشة التحويل
+    showTransferScreen() {
+        this.switchScreen('transfer');
+        this.resetTransferForm();
+        this.renderSourceWallets();
+    }
+
+    // إعادة تعيين نموذج التحويل
+    resetTransferForm() {
+        this.currentTransferStep = 1;
+        this.selectedSourceWallet = null;
+        this.transferData = {};
+
+        // إعادة تعيين الخطوات
+        this.updateTransferSteps();
+
+        // مسح النموذج
+        document.getElementById('destination-wallet').value = '';
+        document.getElementById('recipient-number').value = '';
+        document.getElementById('transfer-amount').value = '';
+        document.getElementById('transfer-note').value = '';
+        document.getElementById('transfer-pin').value = '';
+    }
+
+    // تحديث مؤشر الخطوات
+    updateTransferSteps() {
+        for (let i = 1; i <= 3; i++) {
+            const step = document.getElementById(`transfer-step-${i}`);
+            const content = document.getElementById(`transfer-step-content-${i}`);
+
+            if (i < this.currentTransferStep) {
+                step.classList.add('completed');
+                step.classList.remove('active');
+            } else if (i === this.currentTransferStep) {
+                step.classList.add('active');
+                step.classList.remove('completed');
+            } else {
+                step.classList.remove('active', 'completed');
+            }
+
+            content.classList.toggle('active', i === this.currentTransferStep);
+        }
+
+        // تحديث أزرار التنقل
+        const prevBtn = document.getElementById('transfer-prev-btn');
+        const nextBtn = document.getElementById('transfer-next-btn');
+        const confirmBtn = document.getElementById('transfer-confirm-btn');
+
+        prevBtn.style.display = this.currentTransferStep > 1 ? 'block' : 'none';
+        nextBtn.style.display = this.currentTransferStep < 3 ? 'block' : 'none';
+        confirmBtn.style.display = this.currentTransferStep === 3 ? 'block' : 'none';
+    }
+
+    // عرض المحافظ المصدر
+    renderSourceWallets() {
+        const container = document.getElementById('source-wallet-selection');
+        container.innerHTML = '';
+
+        this.wallets.forEach(wallet => {
+            const option = this.createWalletOption(wallet);
+            container.appendChild(option);
+        });
+    }
+
+    // إنشاء خيار محفظة
+    createWalletOption(wallet) {
+        const option = document.createElement('div');
+        option.className = 'wallet-option';
+        option.onclick = () => this.selectSourceWallet(wallet);
+
+        const balanceDisplay = this.isBalanceHidden ?
+            '•••••' : wallet.balance.toLocaleString();
+
+        option.innerHTML = `
+            <div class="wallet-option-info">
+                <div class="wallet-option-icon">
+                    <img src="${wallet.icon}" alt="${wallet.name}" onerror="this.style.display='none'">
+                </div>
+                <div class="wallet-option-details">
+                    <h4>${wallet.name}</h4>
+                    <p>${wallet.provider}</p>
+                </div>
+            </div>
+            <div class="wallet-option-balance">
+                <div class="amount">${balanceDisplay}</div>
+                <div class="currency">ر.ي</div>
+            </div>
+        `;
+
+        return option;
+    }
+
+    // اختيار المحفظة المصدر
+    selectSourceWallet(wallet) {
+        this.selectedSourceWallet = wallet;
+
+        // تحديث التحديد البصري
+        document.querySelectorAll('.wallet-option').forEach(option => {
+            option.classList.remove('selected');
+        });
+        event.currentTarget.classList.add('selected');
+
+        this.transferData.sourceWallet = wallet;
+    }
+
+    // الخطوة التالية
+    nextTransferStep() {
+        if (this.validateCurrentStep()) {
+            this.currentTransferStep++;
+            this.updateTransferSteps();
+
+            if (this.currentTransferStep === 3) {
+                this.updateTransferSummary();
+            }
+        }
+    }
+
+    // الخطوة السابقة
+    prevTransferStep() {
+        this.currentTransferStep--;
+        this.updateTransferSteps();
+    }
+
+    // التحقق من صحة الخطوة الحالية
+    validateCurrentStep() {
+        switch (this.currentTransferStep) {
+            case 1:
+                if (!this.selectedSourceWallet) {
+                    this.showAlert('يرجى اختيار المحفظة المرسلة', 'error');
+                    return false;
+                }
+                return true;
+
+            case 2:
+                const destinationWallet = document.getElementById('destination-wallet').value;
+                const recipientNumber = document.getElementById('recipient-number').value;
+                const amount = parseFloat(document.getElementById('transfer-amount').value);
+
+                if (!destinationWallet) {
+                    this.showAlert('يرجى اختيار المحفظة المستقبلة', 'error');
+                    return false;
+                }
+
+                if (!recipientNumber || recipientNumber.length !== 9) {
+                    this.showAlert('يرجى إدخال رقم المستقبل صحيح (9 أرقام)', 'error');
+                    return false;
+                }
+
+                if (!amount || amount <= 0) {
+                    this.showAlert('يرجى إدخال مبلغ صحيح', 'error');
+                    return false;
+                }
+
+                if (amount > this.selectedSourceWallet.balance) {
+                    this.showAlert('المبلغ أكبر من الرصيد المتاح', 'error');
+                    return false;
+                }
+
+                // حفظ بيانات التحويل
+                this.transferData.destinationWallet = destinationWallet;
+                this.transferData.recipientNumber = recipientNumber;
+                this.transferData.amount = amount;
+                this.transferData.note = document.getElementById('transfer-note').value;
+
+                return true;
+
+            default:
+                return true;
+        }
+    }
+
+    // تحديث ملخص التحويل
+    updateTransferSummary() {
+        const sourceWalletInfo = this.walletManager.getWalletInfo(this.transferData.sourceWallet.id);
+        const destinationWalletInfo = this.walletManager.getWalletInfo(this.transferData.destinationWallet);
+
+        const fee = sourceWalletInfo.fees.transfer;
+        const total = this.transferData.amount + fee;
+
+        document.getElementById('summary-from-wallet').textContent = this.transferData.sourceWallet.name;
+        document.getElementById('summary-to-wallet').textContent = destinationWalletInfo.name;
+        document.getElementById('summary-recipient').textContent = `+967${this.transferData.recipientNumber}`;
+        document.getElementById('summary-amount').textContent = `${this.transferData.amount.toLocaleString()} ر.ي`;
+        document.getElementById('summary-fee').textContent = `${fee.toLocaleString()} ر.ي`;
+        document.getElementById('summary-total').textContent = `${total.toLocaleString()} ر.ي`;
+    }
+
+    // تأكيد التحويل
+    async confirmTransfer() {
+        const pin = document.getElementById('transfer-pin').value;
+
+        if (!pin) {
+            this.showAlert('يرجى إدخال رمز PIN', 'error');
+            return;
+        }
+
+        this.showLoading('جاري تنفيذ التحويل...');
+
+        try {
+            const result = await this.walletManager.executeTransfer(
+                this.transferData.sourceWallet.id,
+                this.transferData.destinationWallet,
+                this.transferData.amount,
+                this.transferData.recipientNumber,
+                pin
+            );
+
+            this.hideLoading();
+            this.showTransferSuccess(result);
+
+            // تحديث البيانات
+            await this.loadUserWallets();
+
+        } catch (error) {
+            this.hideLoading();
+            this.showAlert(error.message, 'error');
+        }
+    }
+
+    // عرض نجاح التحويل
+    showTransferSuccess(result) {
+        const message = `
+            تم التحويل بنجاح!
+
+            رقم المعاملة: ${result.transactionId}
+            المبلغ المحول: ${result.amount.toLocaleString()} ر.ي
+            الرسوم: ${result.fee.toLocaleString()} ر.ي
+            الرصيد المتبقي: ${result.newBalance.toLocaleString()} ر.ي
+        `;
+
+        this.showAlert(message, 'success');
+        this.switchScreen('main');
+    }
+
+    // الوظائف التي سيتم تطويرها لاحقاً
+    showBillsScreen() { console.log('عرض شاشة الفواتير'); }
+    showRechargeScreen() { console.log('عرض شاشة الشحن'); }
+    startQRScan() { console.log('بدء مسح QR'); }
+    showSettings() { console.log('عرض الإعدادات'); }
+    showNotifications() {
+        this.notificationManager.showNotificationsList();
+    }
+    showWalletManagement() { console.log('إدارة المحافظ'); }
+    showAllTransactions() { console.log('عرض جميع المعاملات'); }
+    openWalletDetails(wallet) { console.log('تفاصيل المحفظة:', wallet.name); }
+    showRegisterModal() {
+        this.notificationManager.showModal(
+            'إنشاء حساب جديد',
+            `
+                <div class="form-group">
+                    <label>رقم الهاتف</label>
+                    <div class="input-group">
+                        <span class="input-prefix">+967</span>
+                        <input type="tel" id="register-phone" placeholder="7xxxxxxxx" maxlength="9">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>رمز PIN</label>
+                    <input type="password" id="register-pin" placeholder="أدخل رمز PIN" maxlength="6">
+                </div>
+                <div class="form-group">
+                    <label>تأكيد رمز PIN</label>
+                    <input type="password" id="register-pin-confirm" placeholder="أعد إدخال رمز PIN" maxlength="6">
+                </div>
+            `,
+            [
+                {
+                    text: 'إنشاء الحساب',
+                    class: 'btn-primary',
+                    action: () => this.handleRegister()
+                },
+                {
+                    text: 'إلغاء',
+                    class: 'btn-secondary'
+                }
+            ]
+        );
+    }
+
+    // التعامل مع التسجيل
+    handleRegister() {
+        const phone = document.getElementById('register-phone').value;
+        const pin = document.getElementById('register-pin').value;
+        const pinConfirm = document.getElementById('register-pin-confirm').value;
+
+        if (!phone || !pin || !pinConfirm) {
+            this.showAlert('يرجى ملء جميع الحقول', 'error');
+            return;
+        }
+
+        if (pin !== pinConfirm) {
+            this.showAlert('رمز PIN غير متطابق', 'error');
+            return;
+        }
+
+        if (phone.length !== 9) {
+            this.showAlert('رقم الهاتف يجب أن يكون 9 أرقام', 'error');
+            return;
+        }
+
+        if (pin.length < 4) {
+            this.showAlert('رمز PIN يجب أن يكون 4 أرقام على الأقل', 'error');
+            return;
+        }
+
+        // محاكاة إنشاء الحساب
+        this.showAlert('تم إنشاء الحساب بنجاح! يمكنك الآن تسجيل الدخول', 'success');
+
+        // ملء بيانات تسجيل الدخول
+        document.getElementById('phone-number').value = phone;
+        document.getElementById('pin-code').value = pin;
+    }
+}
+
+// تهيئة التطبيق عند تحميل الصفحة
+document.addEventListener('DOMContentLoaded', () => {
+    window.app = new UnifiedWalletApp();
+});

app/(public)/layout.tsx

@@ -6,7 +6,7 @@ export default async function PublicLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <div className="h-screen bg-neutral-950 z-1 relative overflow-auto scroll-smooth">
+    <div className="min-h-screen bg-black z-1 relative">
       <div className="background__noisy" />
       <Navigation />
       {children}

app/(public)/page.tsx

@@ -1,5 +1,44 @@
-import { MyProjects } from "@/components/my-projects";
-
-export default async function HomePage() {
-  return <MyProjects />;
+import { AskAi } from "@/components/space/ask-ai";
+import { redirect } from "next/navigation";
+export default function Home() {
+  redirect("/projects/new");
+  return (
+    <>
+      <header className="container mx-auto pt-20 px-6 relative flex flex-col items-center justify-center text-center">
+        <div className="rounded-full border border-neutral-100/10 bg-neutral-100/5 text-xs text-neutral-300 px-3 py-1 max-w-max mx-auto mb-2">
+          ✨ DeepSite Public Beta
+        </div>
+        <h1 className="text-8xl font-semibold text-white font-mono max-w-4xl">
+          Code your website with AI in seconds
+        </h1>
+        <p className="text-2xl text-neutral-300/80 mt-4 text-center max-w-2xl">
+          Vibe Coding has never been so easy.
+        </p>
+        <div className="mt-14 max-w-2xl w-full mx-auto">
+          <AskAi />
+        </div>
+        <div className="absolute inset-0 pointer-events-none -z-[1]">
+          <div className="w-full h-full bg-gradient-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl rounded-full" />
+          <div className="w-2/3 h-3/4 bg-gradient-to-r from-blue-500 to-teal-500 opacity-24 blur-3xl absolute -top-20 right-10 transform rotate-12" />
+          <div className="w-1/2 h-1/2 bg-gradient-to-r from-amber-500 to-rose-500 opacity-20 blur-3xl absolute bottom-0 left-10 rounded-3xl" />
+          <div className="w-48 h-48 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-3xl absolute top-1/3 right-1/3 rounded-lg transform -rotate-15" />
+        </div>
+      </header>
+      <div id="community" className="h-screen flex items-center justify-center">
+        <h1 className="text-7xl font-extrabold text-white font-mono">
+          Community Driven
+        </h1>
+      </div>
+      <div id="deploy" className="h-screen flex items-center justify-center">
+        <h1 className="text-7xl font-extrabold text-white font-mono">
+          Deploy your website in seconds
+        </h1>
+      </div>
+      <div id="features" className="h-screen flex items-center justify-center">
+        <h1 className="text-7xl font-extrabold text-white font-mono">
+          Features that make you smile
+        </h1>
+      </div>
+    </>
+  );
 }

app/(public)/projects/page.tsx

@@ -0,0 +1,13 @@
+import { redirect } from "next/navigation";
+
+import { MyProjects } from "@/components/my-projects";
+import { getProjects } from "@/app/actions/projects";
+
+export default async function ProjectsPage() {
+  const { ok, projects } = await getProjects();
+  if (!ok) {
+    redirect("/");
+  }
+
+  return <MyProjects projects={projects} />;
+}

app/[namespace]/[repoId]/page.tsx

@@ -1,28 +0,0 @@
-import { AppEditor } from "@/components/editor";
-import { generateSEO } from "@/lib/seo";
-import { Metadata } from "next";
-
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ namespace: string; repoId: string }>;
-}): Promise<Metadata> {
-  const { namespace, repoId } = await params;
-
-  return generateSEO({
-    title: `${namespace}/${repoId} - DeepSite Editor`,
-    description: `Edit and build ${namespace}/${repoId} with AI-powered tools on DeepSite. Create stunning websites with no code required.`,
-    path: `/${namespace}/${repoId}`,
-    // Prevent indexing of individual project editor pages if they contain sensitive content
-    noIndex: false, // Set to true if you want to keep project pages private
-  });
-}
-
-export default async function ProjectNamespacePage({
-  params,
-}: {
-  params: Promise<{ namespace: string; repoId: string }>;
-}) {
-  const { namespace, repoId } = await params;
-  return <AppEditor namespace={namespace} repoId={repoId} />;
-}

app/actions/projects.ts

@@ -2,13 +2,13 @@
 
 import { isAuthenticated } from "@/lib/auth";
 import { NextResponse } from "next/server";
-import { listSpaces } from "@huggingface/hub";
-import { ProjectType } from "@/types";
+import dbConnect from "@/lib/mongodb";
+import Project from "@/models/Project";
+import { Project as ProjectType } from "@/types";
 
 export async function getProjects(): Promise<{
   ok: boolean;
   projects: ProjectType[];
-  isEmpty?: boolean;
 }> {
   const user = await isAuthenticated();
 
@@ -19,29 +19,45 @@ export async function getProjects(): Promise<{
     };
   }
 
-  const projects = [];
-  for await (const space of listSpaces({
-    accessToken: user.token as string,
-    additionalFields: ["author", "cardData"],
-    search: {
-      owner: user.name,
-    }
-  })) {
-    if (
-      !space.private &&
-      space.sdk === "static" &&
-      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
-      (
-        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite-v3")) ||
-        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite"))
-      )
-    ) {
-      projects.push(space);
-    }
+  await dbConnect();
+  const projects = await Project.find({
+    user_id: user?.id,
+  })
+    .sort({ _createdAt: -1 })
+    .limit(100)
+    .lean();
+  if (!projects) {
+    return {
+      ok: false,
+      projects: [],
+    };
   }
-
   return {
     ok: true,
-    projects,
+    projects: JSON.parse(JSON.stringify(projects)) as ProjectType[],
   };
 }
+
+export async function getProject(
+  namespace: string,
+  repoId: string
+): Promise<ProjectType | null> {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return null;
+  }
+
+  await dbConnect();
+  const project = await Project.findOne({
+    user_id: user.id,
+    namespace,
+    repoId,
+  }).lean();
+
+  if (!project) {
+    return null;
+  }
+
+  return JSON.parse(JSON.stringify(project)) as ProjectType;
+}

app/api/{ask → ask-ai}/route.ts

@@ -4,29 +4,16 @@ import { NextResponse } from "next/server";
 import { headers } from "next/headers";
 import { InferenceClient } from "@huggingface/inference";
 
-import { MODELS } from "@/lib/providers";
+import { MODELS, PROVIDERS } from "@/lib/providers";
 import {
   DIVIDER,
   FOLLOW_UP_SYSTEM_PROMPT,
   INITIAL_SYSTEM_PROMPT,
   MAX_REQUESTS_PER_IP,
-  NEW_PAGE_END,
-  NEW_PAGE_START,
   REPLACE_END,
   SEARCH_START,
-  UPDATE_PAGE_START,
-  UPDATE_PAGE_END,
-  PROMPT_FOR_PROJECT_NAME,
 } from "@/lib/prompts";
-import { calculateMaxTokens, estimateInputTokens, getProviderSpecificConfig } from "@/lib/max-tokens";
 import MY_TOKEN_KEY from "@/lib/get-cookie-name";
-import { Page } from "@/types";
-import { createRepo, RepoDesignation, uploadFiles } from "@huggingface/hub";
-import { isAuthenticated } from "@/lib/auth";
-import { getBestProvider } from "@/lib/best-provider";
-// import { rewritePrompt } from "@/lib/rewrite-prompt";
-import { COLORS } from "@/lib/utils";
-import { templates } from "@/lib/templates";
 
 const ipAddresses = new Map();
 
@@ -35,7 +22,7 @@ export async function POST(request: NextRequest) {
   const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const { prompt, provider, model, redesignMarkdown, enhancedSettings, pages } = body;
+  const { prompt, provider, model, redesignMarkdown, html } = body;
 
   if (!model || (!prompt && !redesignMarkdown)) {
     return NextResponse.json(
@@ -47,7 +34,6 @@ export async function POST(request: NextRequest) {
   const selectedModel = MODELS.find(
     (m) => m.value === model || m.label === model
   );
-
   if (!selectedModel) {
     return NextResponse.json(
       { ok: false, error: "Invalid model selected" },
@@ -66,8 +52,7 @@ export async function POST(request: NextRequest) {
     );
   }
 
-  let token: string | null = null;
-  if (userToken) token = userToken;
+  let token = userToken;
   let billTo: string | null = null;
 
   /**
@@ -100,19 +85,19 @@ export async function POST(request: NextRequest) {
     billTo = "huggingface";
   }
 
-  const selectedProvider = await getBestProvider(selectedModel.value, provider)
-
-  let rewrittenPrompt = redesignMarkdown ? `Here is my current design as a markdown:\n\n${redesignMarkdown}\n\nNow, please create a new design based on this markdown. Use the images in the markdown.` : prompt;
-
-  if (enhancedSettings.isActive) {
-    // rewrittenPrompt = await rewritePrompt(rewrittenPrompt, enhancedSettings, { token, billTo }, selectedModel.value, selectedProvider.provider);
-  }
+  const DEFAULT_PROVIDER = PROVIDERS.novita;
+  const selectedProvider =
+    provider === "auto"
+      ? PROVIDERS[selectedModel.autoProvider as keyof typeof PROVIDERS]
+      : PROVIDERS[provider as keyof typeof PROVIDERS] ?? DEFAULT_PROVIDER;
 
   try {
+    // Create a stream response
     const encoder = new TextEncoder();
     const stream = new TransformStream();
     const writer = stream.writable.getWriter();
 
+    // Start the response
     const response = new NextResponse(stream.readable, {
       headers: {
         "Content-Type": "text/plain; charset=utf-8",
@@ -122,52 +107,75 @@ export async function POST(request: NextRequest) {
     });
 
     (async () => {
-      // let completeResponse = "";
+      let completeResponse = "";
       try {
         const client = new InferenceClient(token);
-        
-        const systemPrompt = INITIAL_SYSTEM_PROMPT;
-        
-        const userPrompt = rewrittenPrompt;
-        const estimatedInputTokens = estimateInputTokens(systemPrompt, userPrompt);
-        const dynamicMaxTokens = calculateMaxTokens(selectedProvider, estimatedInputTokens, true);
-        const providerConfig = getProviderSpecificConfig(selectedProvider, dynamicMaxTokens);
-        
         const chatCompletion = client.chatCompletionStream(
           {
             model: selectedModel.value,
-            provider: selectedProvider.provider,
+            provider: selectedProvider.id as any,
             messages: [
               {
                 role: "system",
-                content: systemPrompt,
+                content: INITIAL_SYSTEM_PROMPT,
               },
               {
                 role: "user",
-                content: userPrompt + (enhancedSettings.isActive ? `1. I want to use the following primary color: ${enhancedSettings.primaryColor} (eg: bg-${enhancedSettings.primaryColor}-500).
-2. I want to use the following secondary color: ${enhancedSettings.secondaryColor} (eg: bg-${enhancedSettings.secondaryColor}-500).
-3. I want to use the following theme: ${enhancedSettings.theme} mode.` : "")
+                content: redesignMarkdown
+                  ? `Here is my current design as a markdown:\n\n${redesignMarkdown}\n\nNow, please create a new design based on this markdown.`
+                  : html
+                  ? `Here is my current HTML code:\n\n\`\`\`html\n${html}\n\`\`\`\n\nNow, please create a new design based on this HTML.`
+                  : prompt,
               },
             ],
-            ...providerConfig,
+            max_tokens: selectedProvider.max_tokens,
           },
           billTo ? { billTo } : {}
         );
 
         while (true) {
-          const { done, value } = await chatCompletion.next()
+          const { done, value } = await chatCompletion.next();
           if (done) {
             break;
           }
 
           const chunk = value.choices[0]?.delta?.content;
           if (chunk) {
-            await writer.write(encoder.encode(chunk));
+            let newChunk = chunk;
+            if (!selectedModel?.isThinker) {
+              if (provider !== "sambanova") {
+                await writer.write(encoder.encode(chunk));
+                completeResponse += chunk;
+
+                if (completeResponse.includes("</html>")) {
+                  break;
+                }
+              } else {
+                if (chunk.includes("</html>")) {
+                  newChunk = newChunk.replace(/<\/html>[\s\S]*/, "</html>");
+                }
+                completeResponse += newChunk;
+                await writer.write(encoder.encode(newChunk));
+                if (newChunk.includes("</html>")) {
+                  break;
+                }
+              }
+            } else {
+              const lastThinkTagIndex =
+                completeResponse.lastIndexOf("</think>");
+              completeResponse += newChunk;
+              await writer.write(encoder.encode(newChunk));
+              if (lastThinkTagIndex !== -1) {
+                const afterLastThinkTag = completeResponse.slice(
+                  lastThinkTagIndex + "</think>".length
+                );
+                if (afterLastThinkTag.includes("</html>")) {
+                  break;
+                }
+              }
+            }
           }
         }
-        
-        // Explicitly close the writer after successful completion
-        await writer.close();
       } catch (error: any) {
         if (error.message?.includes("exceeded your monthly included credits")) {
           await writer.write(
@@ -179,18 +187,7 @@ export async function POST(request: NextRequest) {
               })
             )
           );
-        } else if (error?.message?.includes("inference provider information")) {
-          await writer.write(
-            encoder.encode(
-              JSON.stringify({
-                ok: false,
-                openSelectProvider: true,
-                message: error.message,
-              })
-            )
-          );
-        }
-        else {
+        } else {
           await writer.write(
             encoder.encode(
               JSON.stringify({
@@ -203,12 +200,7 @@ export async function POST(request: NextRequest) {
           );
         }
       } finally {
-        // Ensure the writer is always closed, even if already closed
-        try {
-          await writer?.close();
-        } catch {
-          // Ignore errors when closing the writer as it might already be closed
-        }
+        await writer?.close();
       }
     })();
 
@@ -227,20 +219,14 @@ export async function POST(request: NextRequest) {
 }
 
 export async function PUT(request: NextRequest) {
-  const user = await isAuthenticated();
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
   const authHeaders = await headers();
+  const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const { prompt, previousPrompts, provider, selectedElementHtml, model, pages, files, repoId: repoIdFromBody, isNew, enhancedSettings } =
+  const { prompt, html, previousPrompt, provider, selectedElementHtml, model } =
     body;
 
-  let repoId = repoIdFromBody;
-
-  if (!prompt || pages.length === 0) {
+  if (!prompt || !html) {
     return NextResponse.json(
       { ok: false, error: "Missing required fields" },
       { status: 400 }
@@ -257,7 +243,7 @@ export async function PUT(request: NextRequest) {
     );
   }
 
-  let token = user.token as string;
+  let token = userToken;
   let billTo: string | null = null;
 
   /**
@@ -292,121 +278,52 @@ export async function PUT(request: NextRequest) {
 
   const client = new InferenceClient(token);
 
-  // Helper function to escape regex special characters
-  const escapeRegExp = (string: string) => {
-    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  };
-
-  // Helper function to create flexible HTML regex that handles varying spaces
-  const createFlexibleHtmlRegex = (searchBlock: string) => {
-    let searchRegex = escapeRegExp(searchBlock)
-      .replace(/\s+/g, '\\s*') // Allow any amount of whitespace where there are spaces
-      .replace(/>\s*</g, '>\\s*<') // Allow spaces between HTML tags
-      .replace(/\s*>/g, '\\s*>'); // Allow spaces before closing >
-    
-    return new RegExp(searchRegex, 'g');
-  };
-
-  const selectedProvider = await getBestProvider(selectedModel.value, provider)
+  const DEFAULT_PROVIDER = PROVIDERS.novita;
+  const selectedProvider =
+    provider === "auto"
+      ? PROVIDERS[selectedModel.autoProvider as keyof typeof PROVIDERS]
+      : PROVIDERS[provider as keyof typeof PROVIDERS] ?? DEFAULT_PROVIDER;
 
   try {
-    // Calculate dynamic max_tokens for PUT request
-    const systemPrompt = FOLLOW_UP_SYSTEM_PROMPT + (isNew ? PROMPT_FOR_PROJECT_NAME : "");
-    const userContext = "You are modifying the HTML file based on the user's request.";
-    
-    // Helper function to get only the most relevant pages based on prompt
-    const getRelevantPages = (pages: Page[], prompt: string, maxPages: number = 2): Page[] => {
-      if (pages.length <= maxPages) return pages;
-      
-      // Always include index/main page
-      const indexPage = pages.find(p => p.path === '/' || p.path === '/index' || p.path === 'index');
-      const otherPages = pages.filter(p => p !== indexPage);
-      
-      // If we have a selected element, only include pages that might contain it
-      if (selectedElementHtml) {
-        const elementKeywords = selectedElementHtml.toLowerCase().match(/class=["']([^"']*)["']|id=["']([^"']*)["']/g) || [];
-        const relevantPages = otherPages.filter(page => {
-          const pageContent = page.html.toLowerCase();
-          return elementKeywords.some((keyword: string) => pageContent.includes(keyword.toLowerCase()));
-        });
-        
-        return indexPage ? [indexPage, ...relevantPages.slice(0, maxPages - 1)] : relevantPages.slice(0, maxPages);
-      }
-      
-      // Score pages based on keyword matches from prompt
-      const keywords = prompt.toLowerCase().split(/\s+/).filter(word => word.length > 3);
-      const scoredPages = otherPages.map(page => {
-        const pageContent = (page.path + ' ' + page.html).toLowerCase();
-        const score = keywords.reduce((acc, keyword) => {
-          return acc + (pageContent.includes(keyword) ? 1 : 0);
-        }, 0);
-        return { page, score };
-      });
-      
-      // Sort by relevance and take top pages
-      const topPages = scoredPages
-        .sort((a, b) => b.score - a.score)
-        .slice(0, maxPages - (indexPage ? 1 : 0))
-        .map(item => item.page);
-      
-      return indexPage ? [indexPage, ...topPages] : topPages;
-    };
-
-    // Get only the most relevant pages - provide FULL HTML for accurate replacements
-    const relevantPages = getRelevantPages(pages || [], prompt);
-    const pagesContext = relevantPages
-      .map((p: Page) => `- ${p.path}\n${p.html}`)
-      .join("\n\n");
-    
-    const assistantContext = `${
-      selectedElementHtml
-        ? `\n\nYou have to update ONLY the following element, NOTHING ELSE: \n\n\`\`\`html\n${selectedElementHtml}\n\`\`\` Could be in multiple pages, if so, update all the pages.`
-        : ""
-    }. Current pages (${relevantPages.length}/${pages?.length || 0} shown): ${pagesContext}. ${files?.length > 0 ? `Available images: ${files?.map((f: string) => f.split('/').pop()).join(', ')}.` : ""}`;
-    
-    const estimatedInputTokens = estimateInputTokens(systemPrompt, prompt, userContext + assistantContext);
-    const dynamicMaxTokens = calculateMaxTokens(selectedProvider, estimatedInputTokens, false);
-    const providerConfig = getProviderSpecificConfig(selectedProvider, dynamicMaxTokens);
-    
-    const chatCompletion = client.chatCompletionStream(
+    const response = await client.chatCompletion(
       {
         model: selectedModel.value,
-        provider: selectedProvider.provider,
+        provider: selectedProvider.id as any,
         messages: [
           {
             role: "system",
-            content: systemPrompt,
+            content: FOLLOW_UP_SYSTEM_PROMPT,
           },
           {
             role: "user",
-            content: userContext,
+            content: previousPrompt
+              ? previousPrompt
+              : "You are modifying the HTML file based on the user's request.",
           },
           {
             role: "assistant",
-            content: assistantContext,
+
+            content: `The current code is: \n\`\`\`html\n${html}\n\`\`\` ${
+              selectedElementHtml
+                ? `\n\nYou have to update ONLY the following element, NOTHING ELSE: \n\n\`\`\`html\n${selectedElementHtml}\n\`\`\``
+                : ""
+            }`,
           },
           {
             role: "user",
             content: prompt,
           },
         ],
-        ...providerConfig,
+        ...(selectedProvider.id !== "sambanova"
+          ? {
+              max_tokens: selectedProvider.max_tokens,
+            }
+          : {}),
       },
       billTo ? { billTo } : {}
     );
 
-    let chunk = "";
-    while (true) {
-      const { done, value } = await chatCompletion.next();
-      if (done) {
-        break;
-      }
-
-      const deltaContent = value.choices[0]?.delta?.content;
-      if (deltaContent) {
-        chunk += deltaContent;
-      }
-    }
+    const chunk = response.choices[0]?.message?.content;
     if (!chunk) {
       return NextResponse.json(
         { ok: false, message: "No content returned from the model" },
@@ -416,234 +333,61 @@ export async function PUT(request: NextRequest) {
 
     if (chunk) {
       const updatedLines: number[][] = [];
-      let newHtml = "";
-      const updatedPages = [...(pages || [])];
-
-      const updatePageRegex = new RegExp(`${UPDATE_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([^\\s]+)\\s*${UPDATE_PAGE_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)(?=${UPDATE_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|${NEW_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|$)`, 'g');
-      let updatePageMatch;
-      
-      while ((updatePageMatch = updatePageRegex.exec(chunk)) !== null) {
-        const [, pagePath, pageContent] = updatePageMatch;
-        
-        const pageIndex = updatedPages.findIndex(p => p.path === pagePath);
-        if (pageIndex !== -1) {
-          let pageHtml = updatedPages[pageIndex].html;
-          
-          let processedContent = pageContent;
-          const htmlMatch = pageContent.match(/```html\s*([\s\S]*?)\s*```/);
-          if (htmlMatch) {
-            processedContent = htmlMatch[1];
-          }
-          let position = 0;
-          let moreBlocks = true;
-
-          while (moreBlocks) {
-            const searchStartIndex = processedContent.indexOf(SEARCH_START, position);
-            if (searchStartIndex === -1) {
-              moreBlocks = false;
-              continue;
-            }
-
-            const dividerIndex = processedContent.indexOf(DIVIDER, searchStartIndex);
-            if (dividerIndex === -1) {
-              moreBlocks = false;
-              continue;
-            }
-
-            const replaceEndIndex = processedContent.indexOf(REPLACE_END, dividerIndex);
-            if (replaceEndIndex === -1) {
-              moreBlocks = false;
-              continue;
-            }
-
-            const searchBlock = processedContent.substring(
-              searchStartIndex + SEARCH_START.length,
-              dividerIndex
-            );
-            const replaceBlock = processedContent.substring(
-              dividerIndex + DIVIDER.length,
-              replaceEndIndex
-            );
-
-            if (searchBlock.trim() === "") {
-              pageHtml = `${replaceBlock}\n${pageHtml}`;
-              updatedLines.push([1, replaceBlock.split("\n").length]);
-            } else {
-              const regex = createFlexibleHtmlRegex(searchBlock);
-              const match = regex.exec(pageHtml);
-              
-              if (match) {
-                const matchedText = match[0];
-                const beforeText = pageHtml.substring(0, match.index);
-                const startLineNumber = beforeText.split("\n").length;
-                const replaceLines = replaceBlock.split("\n").length;
-                const endLineNumber = startLineNumber + replaceLines - 1;
-
-                updatedLines.push([startLineNumber, endLineNumber]);
-                pageHtml = pageHtml.replace(matchedText, replaceBlock);
-              }
-            }
-
-            position = replaceEndIndex + REPLACE_END.length;
-          }
-
-          updatedPages[pageIndex].html = pageHtml;
-          
-          if (pagePath === '/' || pagePath === '/index' || pagePath === 'index') {
-            newHtml = pageHtml;
-          }
+      let newHtml = html;
+      let position = 0;
+      let moreBlocks = true;
+
+      while (moreBlocks) {
+        const searchStartIndex = chunk.indexOf(SEARCH_START, position);
+        if (searchStartIndex === -1) {
+          moreBlocks = false;
+          continue;
         }
-      }
 
-      const newPageRegex = new RegExp(`${NEW_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([^\\s]+)\\s*${NEW_PAGE_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)(?=${UPDATE_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|${NEW_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|$)`, 'g');
-      let newPageMatch;
-      
-      while ((newPageMatch = newPageRegex.exec(chunk)) !== null) {
-        const [, pagePath, pageContent] = newPageMatch;
-        
-        let pageHtml = pageContent;
-        const htmlMatch = pageContent.match(/```html\s*([\s\S]*?)\s*```/);
-        if (htmlMatch) {
-          pageHtml = htmlMatch[1];
+        const dividerIndex = chunk.indexOf(DIVIDER, searchStartIndex);
+        if (dividerIndex === -1) {
+          moreBlocks = false;
+          continue;
         }
-        
-        const existingPageIndex = updatedPages.findIndex(p => p.path === pagePath);
-        
-        if (existingPageIndex !== -1) {
-          updatedPages[existingPageIndex] = {
-            path: pagePath,
-            html: pageHtml.trim()
-          };
-        } else {
-          updatedPages.push({
-            path: pagePath,
-            html: pageHtml.trim()
-          });
-        }
-      }
 
-      if (updatedPages.length === pages?.length && !chunk.includes(UPDATE_PAGE_START)) {
-        let position = 0;
-        let moreBlocks = true;
-
-        while (moreBlocks) {
-          const searchStartIndex = chunk.indexOf(SEARCH_START, position);
-          if (searchStartIndex === -1) {
-            moreBlocks = false;
-            continue;
-          }
-
-          const dividerIndex = chunk.indexOf(DIVIDER, searchStartIndex);
-          if (dividerIndex === -1) {
-            moreBlocks = false;
-            continue;
-          }
-
-          const replaceEndIndex = chunk.indexOf(REPLACE_END, dividerIndex);
-          if (replaceEndIndex === -1) {
-            moreBlocks = false;
-            continue;
-          }
+        const replaceEndIndex = chunk.indexOf(REPLACE_END, dividerIndex);
+        if (replaceEndIndex === -1) {
+          moreBlocks = false;
+          continue;
+        }
 
-          const searchBlock = chunk.substring(
-            searchStartIndex + SEARCH_START.length,
-            dividerIndex
-          );
-          const replaceBlock = chunk.substring(
-            dividerIndex + DIVIDER.length,
-            replaceEndIndex
-          );
+        const searchBlock = chunk.substring(
+          searchStartIndex + SEARCH_START.length,
+          dividerIndex
+        );
+        const replaceBlock = chunk.substring(
+          dividerIndex + DIVIDER.length,
+          replaceEndIndex
+        );
 
-          if (searchBlock.trim() === "") {
-            newHtml = `${replaceBlock}\n${newHtml}`;
-            updatedLines.push([1, replaceBlock.split("\n").length]);
-          } else {
-            const regex = createFlexibleHtmlRegex(searchBlock);
-            const match = regex.exec(newHtml);
-            
-            if (match) {
-              const matchedText = match[0];
-              const beforeText = newHtml.substring(0, match.index);
-              const startLineNumber = beforeText.split("\n").length;
-              const replaceLines = replaceBlock.split("\n").length;
-              const endLineNumber = startLineNumber + replaceLines - 1;
-
-              updatedLines.push([startLineNumber, endLineNumber]);
-              newHtml = newHtml.replace(matchedText, replaceBlock);
-            }
+        if (searchBlock.trim() === "") {
+          newHtml = `${replaceBlock}\n${newHtml}`;
+          updatedLines.push([1, replaceBlock.split("\n").length]);
+        } else {
+          const blockPosition = newHtml.indexOf(searchBlock);
+          if (blockPosition !== -1) {
+            const beforeText = newHtml.substring(0, blockPosition);
+            const startLineNumber = beforeText.split("\n").length;
+            const replaceLines = replaceBlock.split("\n").length;
+            const endLineNumber = startLineNumber + replaceLines - 1;
+
+            updatedLines.push([startLineNumber, endLineNumber]);
+            newHtml = newHtml.replace(searchBlock, replaceBlock);
           }
-
-          position = replaceEndIndex + REPLACE_END.length;
-        }
-
-        // Update the main HTML if it's the index page
-        const mainPageIndex = updatedPages.findIndex(p => p.path === '/' || p.path === '/index' || p.path === 'index');
-        if (mainPageIndex !== -1) {
-          updatedPages[mainPageIndex].html = newHtml;
         }
-      }
 
-      const files: File[] = [];
-      updatedPages.forEach((page: Page) => {
-        const file = new File([page.html], page.path, { type: "text/html" });
-        files.push(file);
-      });
-
-      if (isNew) {
-        const projectName = chunk.match(/<<<<<<< PROJECT_NAME_START ([\s\S]*?) >>>>>>> PROJECT_NAME_END/)?.[1]?.trim();
-        const formattedTitle = projectName?.toLowerCase()
-          .replace(/[^a-z0-9]+/g, "-")
-          .split("-")
-          .filter(Boolean)
-          .join("-")
-          .slice(0, 96);
-        const repo: RepoDesignation = {
-          type: "space",
-          name: `${user.name}/${formattedTitle}`,
-        };
-        const { repoUrl} = await createRepo({
-          repo,
-          accessToken: user.token as string,
-        });
-        repoId = repoUrl.split("/").slice(-2).join("/");
-        const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
-        const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
-        const README = `---
-title: ${projectName}
-colorFrom: ${colorFrom}
-colorTo: ${colorTo}
-emoji: 🐳
-sdk: static
-pinned: false
-tags:
-  - deepsite-v3
----
-
-# Welcome to your new DeepSite project!
-This project was created with [DeepSite](https://deepsite.hf.co).
-      `;
-        files.push(new File([README], "README.md", { type: "text/markdown" }));
+        position = replaceEndIndex + REPLACE_END.length;
       }
 
-      const response = await uploadFiles({
-        repo: {
-          type: "space",
-          name: repoId,
-        },
-        files,
-        commitTitle: prompt,
-        accessToken: user.token as string,
-      });
-
       return NextResponse.json({
         ok: true,
+        html: newHtml,
         updatedLines,
-        pages: updatedPages,
-        repoId,
-        commit: {
-          ...response.commit,
-          title: prompt,
-        }
       });
     } else {
       return NextResponse.json(
@@ -673,4 +417,3 @@ This project was created with [DeepSite](https://deepsite.hf.co).
     );
   }
 }
-

app/api/auth/login-url/route.ts

@@ -1,23 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-
-export async function GET(req: NextRequest) {
-  const host = req.headers.get("host") ?? "localhost:3000";
-  
-  let url: string;
-  if (host.includes("localhost")) {
-    url = host;
-  } else if (host.includes("hf.space") || host.includes("/spaces/enzostvs")) {
-    url = "enzostvs-deepsite.hf.space";
-  } else {
-    url = "deepsite.hf.co";
-  }
-  
-  const redirect_uri =
-    `${host.includes("localhost") ? "http://" : "https://"}` +
-    url +
-    "/auth/callback";
-
-  const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
-  
-  return NextResponse.json({ loginUrl: loginRedirectUrl });
-}

app/api/auth/logout/route.ts

@@ -1,25 +0,0 @@
-import { NextResponse } from "next/server";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
-
-export async function POST() {
-  const cookieName = MY_TOKEN_KEY();
-  const isProduction = process.env.NODE_ENV === "production";
-  
-  const response = NextResponse.json(
-    { message: "Logged out successfully" },
-    { status: 200 }
-  );
-  
-  // Clear the HTTP-only cookie
-  const cookieOptions = [
-    `${cookieName}=`,
-    "Max-Age=0",
-    "Path=/",
-    "HttpOnly",
-    ...(isProduction ? ["Secure", "SameSite=None"] : ["SameSite=Lax"])
-  ].join("; ");
-  
-  response.headers.set("Set-Cookie", cookieOptions);
-  
-  return response;
-}

app/api/auth/route.ts

@@ -1,5 +1,4 @@
 import { NextRequest, NextResponse } from "next/server";
-import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 
 export async function POST(req: NextRequest) {
   const body = await req.json();
@@ -71,17 +70,11 @@ export async function POST(req: NextRequest) {
   }
   const user = await userResponse.json();
 
-  const cookieName = MY_TOKEN_KEY();
-  const isProduction = process.env.NODE_ENV === "production";
-  
-  // Create response with user data
-  const nextResponse = NextResponse.json(
+  return NextResponse.json(
     {
       access_token: response.access_token,
       expires_in: response.expires_in,
       user,
-      // Include fallback flag for iframe contexts
-      useLocalStorageFallback: true,
     },
     {
       status: 200,
@@ -90,17 +83,4 @@ export async function POST(req: NextRequest) {
       },
     }
   );
-  
-  // Set HTTP-only cookie with proper attributes for iframe support
-  const cookieOptions = [
-    `${cookieName}=${response.access_token}`,
-    `Max-Age=${response.expires_in || 3600}`, // Default 1 hour if not provided
-    "Path=/",
-    "HttpOnly",
-    ...(isProduction ? ["Secure", "SameSite=None"] : ["SameSite=Lax"])
-  ].join("; ");
-  
-  nextResponse.headers.set("Set-Cookie", cookieOptions);
-  
-  return nextResponse;
 }

app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/promote/route.ts

@@ -1,190 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, listFiles, spaceInfo, uploadFiles, deleteFiles } from "@huggingface/hub";
-
-import { isAuthenticated } from "@/lib/auth";
-import { Page } from "@/types";
-
-export async function POST(
-  req: NextRequest,
-  { params }: { 
-    params: Promise<{ 
-      namespace: string; 
-      repoId: string; 
-      commitId: string; 
-    }> 
-  }
-) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  const param = await params;
-  const { namespace, repoId, commitId } = param;
-
-  try {
-    const repo: RepoDesignation = {
-      type: "space",
-      name: `${namespace}/${repoId}`,
-    };
-
-    const space = await spaceInfo({
-      name: `${namespace}/${repoId}`,
-      accessToken: user.token as string,
-      additionalFields: ["author"],
-    });
-
-    if (!space || space.sdk !== "static") {
-      return NextResponse.json(
-        { ok: false, error: "Space is not a static space." },
-        { status: 404 }
-      );
-    }
-    
-    if (space.author !== user.name) {
-      return NextResponse.json(
-        { ok: false, error: "Space does not belong to the authenticated user." },
-        { status: 403 }
-      );
-    }
-
-    // Fetch files from the specific commit
-    const files: File[] = [];
-    const pages: Page[] = [];
-    const allowedExtensions = ["html", "md", "css", "js", "json", "txt"];
-    const commitFilePaths: Set<string> = new Set();
-    
-    // Get all files from the specific commit
-    for await (const fileInfo of listFiles({
-      repo,
-      accessToken: user.token as string,
-      revision: commitId,
-    })) {
-      const fileExtension = fileInfo.path.split('.').pop()?.toLowerCase();
-      
-      if (allowedExtensions.includes(fileExtension || "")) {
-        commitFilePaths.add(fileInfo.path);
-        
-        // Fetch the file content from the specific commit
-        const response = await fetch(
-          `https://huggingface.co/spaces/${namespace}/${repoId}/raw/${commitId}/${fileInfo.path}`
-        );
-        
-        if (response.ok) {
-          const content = await response.text();
-          let mimeType = "text/plain";
-          
-          switch (fileExtension) {
-            case "html":
-              mimeType = "text/html";
-              // Add HTML files to pages array for client-side setPages
-              pages.push({
-                path: fileInfo.path,
-                html: content,
-              });
-              break;
-            case "css":
-              mimeType = "text/css";
-              break;
-            case "js":
-              mimeType = "application/javascript";
-              break;
-            case "json":
-              mimeType = "application/json";
-              break;
-            case "md":
-              mimeType = "text/markdown";
-              break;
-          }
-          
-          const file = new File([content], fileInfo.path, { type: mimeType });
-          files.push(file);
-        }
-      }
-    }
-
-    // Get files currently in main branch to identify files to delete
-    const mainBranchFilePaths: Set<string> = new Set();
-    for await (const fileInfo of listFiles({
-      repo,
-      accessToken: user.token as string,
-      revision: "main",
-    })) {
-      const fileExtension = fileInfo.path.split('.').pop()?.toLowerCase();
-      
-      if (allowedExtensions.includes(fileExtension || "")) {
-        mainBranchFilePaths.add(fileInfo.path);
-      }
-    }
-
-    // Identify files to delete (exist in main but not in commit)
-    const filesToDelete: string[] = [];
-    for (const mainFilePath of mainBranchFilePaths) {
-      if (!commitFilePaths.has(mainFilePath)) {
-        filesToDelete.push(mainFilePath);
-      }
-    }
-
-    if (files.length === 0 && filesToDelete.length === 0) {
-      return NextResponse.json(
-        { ok: false, error: "No files found in the specified commit and no files to delete" },
-        { status: 404 }
-      );
-    }
-
-    // Delete files that exist in main but not in the commit being promoted
-    if (filesToDelete.length > 0) {
-      await deleteFiles({
-        repo,
-        paths: filesToDelete,
-        accessToken: user.token as string,
-        commitTitle: `Removed files from promoting ${commitId.slice(0, 7)}`,
-        commitDescription: `Removed files that don't exist in commit ${commitId}:\n${filesToDelete.map(path => `- ${path}`).join('\n')}`,
-      });
-    }
-
-    // Upload the files to the main branch with a promotion commit message
-    if (files.length > 0) {
-      await uploadFiles({
-        repo,
-        files,
-        accessToken: user.token as string,
-        commitTitle: `Promote version ${commitId.slice(0, 7)} to main`,
-        commitDescription: `Promoted commit ${commitId} to main branch`,
-      });
-    }
-
-    return NextResponse.json(
-      { 
-        ok: true, 
-        message: "Version promoted successfully",
-        promotedCommit: commitId,
-        pages: pages,
-      },
-      { status: 200 }
-    );
-
-  } catch (error: any) {
-    
-    // Handle specific HuggingFace API errors
-    if (error.statusCode === 404) {
-      return NextResponse.json(
-        { ok: false, error: "Commit not found" },
-        { status: 404 }
-      );
-    }
-    
-    if (error.statusCode === 403) {
-      return NextResponse.json(
-        { ok: false, error: "Access denied to repository" },
-        { status: 403 }
-      );
-    }
-
-    return NextResponse.json(
-      { ok: false, error: error.message || "Failed to promote version" },
-      { status: 500 }
-    );
-  }
-}

app/api/me/projects/[namespace]/[repoId]/images/route.ts

@@ -1,113 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, spaceInfo, uploadFiles } from "@huggingface/hub";
-
-import { isAuthenticated } from "@/lib/auth";
-import Project from "@/models/Project";
-import dbConnect from "@/lib/mongodb";
-
-export async function POST(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  try {
-    const user = await isAuthenticated();
-
-    if (user instanceof NextResponse || !user) {
-      return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-    }
-
-    const param = await params;
-    const { namespace, repoId } = param;
-
-    const space = await spaceInfo({
-      name: `${namespace}/${repoId}`,
-      accessToken: user.token as string,
-      additionalFields: ["author"],
-    });
-
-    if (!space || space.sdk !== "static") {
-      return NextResponse.json(
-        { ok: false, error: "Space is not a static space." },
-        { status: 404 }
-      );
-    }
-    
-    if (space.author !== user.name) {
-      return NextResponse.json(
-        { ok: false, error: "Space does not belong to the authenticated user." },
-        { status: 403 }
-      );
-    }
-
-    // Parse the FormData to get the images
-    const formData = await req.formData();
-    const imageFiles = formData.getAll("images") as File[];
-
-    if (!imageFiles || imageFiles.length === 0) {
-      return NextResponse.json(
-        {
-          ok: false,
-          error: "At least one image file is required under the 'images' key",
-        },
-        { status: 400 }
-      );
-    }
-
-    const files: File[] = [];
-    for (const file of imageFiles) {
-      if (!(file instanceof File)) {
-        return NextResponse.json(
-          {
-            ok: false,
-            error: "Invalid file format - all items under 'images' key must be files",
-          },
-          { status: 400 }
-        );
-      }
-
-      if (!file.type.startsWith('image/')) {
-        return NextResponse.json(
-          {
-            ok: false,
-            error: `File ${file.name} is not an image`,
-          },
-          { status: 400 }
-        );
-      }
-
-      // Create File object with images/ folder prefix
-      const fileName = `images/${file.name}`;
-      const processedFile = new File([file], fileName, { type: file.type });
-      files.push(processedFile);
-    }
-
-    // Upload files to HuggingFace space
-    const repo: RepoDesignation = {
-      type: "space",
-      name: `${namespace}/${repoId}`,
-    };
-
-    await uploadFiles({
-      repo,
-      files,
-      accessToken: user.token as string,
-      commitTitle: `Upload ${files.length} image(s)`,
-    });
-
-    return NextResponse.json({ 
-      ok: true, 
-      message: `Successfully uploaded ${files.length} image(s) to ${namespace}/${repoId}/images/`,
-      uploadedFiles: files.map((file) => `https://huggingface.co/spaces/${namespace}/${repoId}/resolve/main/${file.name}`),
-    }, { status: 200 });
-
-  } catch (error) {
-    console.error('Error uploading images:', error);
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "Failed to upload images",
-      },
-      { status: 500 }
-    );
-  }
-}

app/api/me/projects/[namespace]/[repoId]/route.ts

@@ -1,10 +1,12 @@
 import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, spaceInfo, listFiles, deleteRepo, listCommits, downloadFile } from "@huggingface/hub";
+import { RepoDesignation, spaceInfo, uploadFile } from "@huggingface/hub";
 
 import { isAuthenticated } from "@/lib/auth";
-import { Commit, Page } from "@/types";
+import Project from "@/models/Project";
+import dbConnect from "@/lib/mongodb";
+import { getPTag } from "@/lib/utils";
 
-export async function DELETE(
+export async function GET(
   req: NextRequest,
   { params }: { params: Promise<{ namespace: string; repoId: string }> }
 ) {
@@ -14,63 +16,24 @@ export async function DELETE(
     return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
 
+  await dbConnect();
   const param = await params;
   const { namespace, repoId } = param;
 
-  try {
-    const space = await spaceInfo({
-      name: `${namespace}/${repoId}`,
-      accessToken: user.token as string,
-      additionalFields: ["author"],
-    });
-    
-    if (!space || space.sdk !== "static") {
-      return NextResponse.json(
-        { ok: false, error: "Space is not a static space." },
-        { status: 404 }
-      );
-    }
-    
-    if (space.author !== user.name) {
-      return NextResponse.json(
-        { ok: false, error: "Space does not belong to the authenticated user." },
-        { status: 403 }
-      );
-    }
-    
-    const repo: RepoDesignation = {
-      type: "space",
-      name: `${namespace}/${repoId}`,
-    };
-    
-    await deleteRepo({
-      repo,
-      accessToken: user.token as string,
-    });
-
-    
-    return NextResponse.json({ ok: true }, { status: 200 });
-  } catch (error: any) {
+  const project = await Project.findOne({
+    user_id: user.id,
+    space_id: `${namespace}/${repoId}`,
+  }).lean();
+  if (!project) {
     return NextResponse.json(
-      { ok: false, error: error.message },
-      { status: 500 }
+      {
+        ok: false,
+        error: "Project not found",
+      },
+      { status: 404 }
     );
   }
-}
-
-export async function GET(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  const user = await isAuthenticated();
-
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  const param = await params;
-  const { namespace, repoId } = param;
-
+  const space_url = `https://huggingface.co/spaces/${namespace}/${repoId}/raw/main/index.html`;
   try {
     const space = await spaceInfo({
       name: namespace + "/" + repoId,
@@ -97,75 +60,26 @@ export async function GET(
       );
     }
 
-    const repo: RepoDesignation = {
-      type: "space",
-      name: `${namespace}/${repoId}`,
-    };
-
-    const htmlFiles: Page[] = [];
-    const files: string[] = [];
-
-    const allowedFilesExtensions = ["jpg", "jpeg", "png", "gif", "svg", "webp", "avif", "heic", "heif", "ico", "bmp", "tiff", "tif"];
-    
-    for await (const fileInfo of listFiles({repo, accessToken: user.token as string})) {
-      if (fileInfo.path.endsWith(".html")) {
-        const blob = await downloadFile({ repo, accessToken: user.token as string, path: fileInfo.path, raw: true });
-        const html = await blob?.text();
-        if (!html) {
-          continue;
-        }
-        if (fileInfo.path === "index.html") {
-          htmlFiles.unshift({
-            path: fileInfo.path,
-            html,
-          });
-        } else {
-          htmlFiles.push({
-            path: fileInfo.path,
-            html,
-          });
-        }
-      }
-      if (fileInfo.type === "directory" && fileInfo.path === "images") {
-        for await (const imageInfo of listFiles({repo, accessToken: user.token as string, path: fileInfo.path})) {
-          if (allowedFilesExtensions.includes(imageInfo.path.split(".").pop() || "")) {
-            files.push(`https://huggingface.co/spaces/${namespace}/${repoId}/resolve/main/${imageInfo.path}`);
-          }
-        }
-      }
-    }
-    const commits: Commit[] = [];
-    for await (const commit of listCommits({ repo, accessToken: user.token as string })) {
-      if (commit.title.includes("initial commit") || commit.title.includes("image(s)") || commit.title.includes("Removed files from promoting")) {
-        continue;
-      }
-      commits.push({
-        title: commit.title,
-        oid: commit.oid,
-        date: commit.date,
-      });
-    }
-    
-    if (htmlFiles.length === 0) {
+    const response = await fetch(space_url);
+    if (!response.ok) {
       return NextResponse.json(
         {
           ok: false,
-          error: "No HTML files found",
+          error: "Failed to fetch space HTML",
         },
         { status: 404 }
       );
     }
+    let html = await response.text();
+    // remove the last p tag including this url https://enzostvs-deepsite.hf.space
+    html = html.replace(getPTag(namespace + "/" + repoId), "");
+
     return NextResponse.json(
       {
         project: {
-          id: space.id,
-          space_id: space.name,
-          private: space.private,
-          _updatedAt: space.updatedAt,
+          ...project,
+          html,
         },
-        pages: htmlFiles,
-        files,
-        commits,
         ok: true,
       },
       { status: 200 }
@@ -174,6 +88,10 @@ export async function GET(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (error: any) {
     if (error.statusCode === 404) {
+      await Project.deleteOne({
+        user_id: user.id,
+        space_id: `${namespace}/${repoId}`,
+      });
       return NextResponse.json(
         { error: "Space not found", ok: false },
         { status: 404 }
@@ -185,3 +103,135 @@ export async function GET(
     );
   }
 }
+
+export async function PUT(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  await dbConnect();
+  const param = await params;
+  const { namespace, repoId } = param;
+  const { html, prompts } = await req.json();
+
+  const project = await Project.findOne({
+    user_id: user.id,
+    space_id: `${namespace}/${repoId}`,
+  }).lean();
+  if (!project) {
+    return NextResponse.json(
+      {
+        ok: false,
+        error: "Project not found",
+      },
+      { status: 404 }
+    );
+  }
+
+  const repo: RepoDesignation = {
+    type: "space",
+    name: `${namespace}/${repoId}`,
+  };
+
+  const newHtml = html.replace(/<\/body>/, `${getPTag(repo.name)}</body>`);
+  const file = new File([newHtml], "index.html", { type: "text/html" });
+  await uploadFile({
+    repo,
+    file,
+    accessToken: user.token as string,
+    commitTitle: `${prompts[prompts.length - 1]} - Follow Up Deployment`,
+  });
+
+  await Project.updateOne(
+    { user_id: user.id, space_id: `${namespace}/${repoId}` },
+    {
+      $set: {
+        prompts: [
+          ...(project && "prompts" in project ? project.prompts : []),
+          ...prompts,
+        ],
+      },
+    }
+  );
+  return NextResponse.json({ ok: true }, { status: 200 });
+}
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  await dbConnect();
+  const param = await params;
+  const { namespace, repoId } = param;
+
+  const space = await spaceInfo({
+    name: namespace + "/" + repoId,
+    accessToken: user.token as string,
+    additionalFields: ["author"],
+  });
+
+  if (!space || space.sdk !== "static") {
+    return NextResponse.json(
+      {
+        ok: false,
+        error: "Space is not a static space",
+      },
+      { status: 404 }
+    );
+  }
+  if (space.author !== user.name) {
+    return NextResponse.json(
+      {
+        ok: false,
+        error: "Space does not belong to the authenticated user",
+      },
+      { status: 403 }
+    );
+  }
+
+  const project = await Project.findOne({
+    user_id: user.id,
+    space_id: `${namespace}/${repoId}`,
+  }).lean();
+  if (project) {
+    // redirect to the project page if it already exists
+    return NextResponse.json(
+      {
+        ok: false,
+        error: "Project already exists",
+        redirect: `/projects/${namespace}/${repoId}`,
+      },
+      { status: 400 }
+    );
+  }
+
+  const newProject = new Project({
+    user_id: user.id,
+    space_id: `${namespace}/${repoId}`,
+    prompts: [],
+  });
+
+  await newProject.save();
+  return NextResponse.json(
+    {
+      ok: true,
+      project: {
+        id: newProject._id,
+        space_id: newProject.space_id,
+        prompts: newProject.prompts,
+      },
+    },
+    { status: 201 }
+  );
+}

app/api/me/projects/[namespace]/[repoId]/save/route.ts

@@ -1,64 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { uploadFiles } from "@huggingface/hub";
-
-import { isAuthenticated } from "@/lib/auth";
-import { Page } from "@/types";
-
-export async function PUT(
-  req: NextRequest,
-  { params }: { params: Promise<{ namespace: string; repoId: string }> }
-) {
-  const user = await isAuthenticated();
-  if (user instanceof NextResponse || !user) {
-    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
-  }
-
-  const param = await params;
-  const { namespace, repoId } = param;
-  const { pages, commitTitle = "Manual changes saved" } = await req.json();
-
-  if (!pages || !Array.isArray(pages) || pages.length === 0) {
-    return NextResponse.json(
-      { ok: false, error: "Pages are required" },
-      { status: 400 }
-    );
-  }
-
-  try {
-    // Prepare files for upload
-    const files: File[] = [];
-    pages.forEach((page: Page) => {
-      const file = new File([page.html], page.path, { type: "text/html" });
-      files.push(file);
-    });
-
-    // Upload files to HuggingFace Hub
-    const response = await uploadFiles({
-      repo: {
-        type: "space",
-        name: `${namespace}/${repoId}`,
-      },
-      files,
-      commitTitle,
-      accessToken: user.token as string,
-    });
-
-    return NextResponse.json({
-      ok: true,
-      pages,
-      commit: {
-        ...response.commit,
-        title: commitTitle,
-      }
-    });
-  } catch (error: any) {
-    console.error("Error saving manual changes:", error);
-    return NextResponse.json(
-      {
-        ok: false,
-        error: error.message || "Failed to save changes",
-      },
-      { status: 500 }
-    );
-  }
-}

app/api/me/projects/route.ts

@@ -1,107 +1,126 @@
 import { NextRequest, NextResponse } from "next/server";
-import { RepoDesignation, createRepo, listCommits, spaceInfo, uploadFiles } from "@huggingface/hub";
+import { createRepo, RepoDesignation, uploadFiles } from "@huggingface/hub";
 
 import { isAuthenticated } from "@/lib/auth";
-import { Commit, Page } from "@/types";
-import { COLORS } from "@/lib/utils";
+import Project from "@/models/Project";
+import dbConnect from "@/lib/mongodb";
+import { COLORS, getPTag } from "@/lib/utils";
+// import type user
+export async function GET() {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
 
-export async function POST(
-  req: NextRequest,
-) {
+  await dbConnect();
+
+  const projects = await Project.find({
+    user_id: user?.id,
+  })
+    .sort({ _createdAt: -1 })
+    .limit(100)
+    .lean();
+  if (!projects) {
+    return NextResponse.json(
+      {
+        ok: false,
+        projects: [],
+      },
+      { status: 404 }
+    );
+  }
+  return NextResponse.json(
+    {
+      ok: true,
+      projects,
+    },
+    { status: 200 }
+  );
+}
+
+/**
+ * This API route creates a new project in Hugging Face Spaces.
+ * It requires an Authorization header with a valid token and a JSON body with the project details.
+ */
+export async function POST(request: NextRequest) {
   const user = await isAuthenticated();
+
   if (user instanceof NextResponse || !user) {
     return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
 
-  const { title: titleFromRequest, pages, prompt } = await req.json();
+  const { title, html, prompts } = await request.json();
+
+  if (!title || !html) {
+    return NextResponse.json(
+      { message: "Title and HTML content are required.", ok: false },
+      { status: 400 }
+    );
+  }
+
+  await dbConnect();
 
-  const title = titleFromRequest ?? "DeepSite Project";
+  try {
+    let readme = "";
+    let newHtml = html;
 
-  const formattedTitle = title
-  .toLowerCase()
-  .replace(/[^a-z0-9]+/g, "-")
-  .split("-")
-  .filter(Boolean)
-  .join("-")
-  .slice(0, 96);
+    const newTitle = title
+      .toLowerCase()
+      .replace(/[^a-z0-9]+/g, "-")
+      .split("-")
+      .filter(Boolean)
+      .join("-")
+      .slice(0, 96);
 
-  const repo: RepoDesignation = {
-    type: "space",
-    name: `${user.name}/${formattedTitle}`,
-  };
-  const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const README = `---
-title: ${title}
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${user.name}/${newTitle}`,
+    };
+
+    const { repoUrl } = await createRepo({
+      repo,
+      accessToken: user.token as string,
+    });
+    const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
+    const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
+    readme = `---
+title: ${newTitle}
+emoji: 🐳
 colorFrom: ${colorFrom}
 colorTo: ${colorTo}
-emoji: 🐳
 sdk: static
 pinned: false
 tags:
-  - deepsite-v3
+  - deepsite
 ---
 
-# Welcome to your new DeepSite project!
-This project was created with [DeepSite](https://deepsite.hf.co).
-`;
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference`;
 
-  const files: File[] = [];
-  const readmeFile = new File([README], "README.md", { type: "text/markdown" });
-  files.push(readmeFile);
-  pages.forEach((page: Page) => {
-    const file = new File([page.html], page.path, { type: "text/html" });
-    files.push(file);
-  });
-
-  try {
-    const { repoUrl} = await createRepo({
-      repo,
-      accessToken: user.token as string,
+    newHtml = html.replace(/<\/body>/, `${getPTag(repo.name)}</body>`);
+    const file = new File([newHtml], "index.html", { type: "text/html" });
+    const readmeFile = new File([readme], "README.md", {
+      type: "text/markdown",
     });
-    const commitTitle = !prompt || prompt.trim() === "" ? "Redesign my website" : prompt;
+    const files = [file, readmeFile];
     await uploadFiles({
       repo,
       files,
       accessToken: user.token as string,
-      commitTitle
+      commitTitle: `${prompts[prompts.length - 1]} - Initial Deployment`,
     });
-
     const path = repoUrl.split("/").slice(-2).join("/");
-
-    const commits: Commit[] = [];
-    for await (const commit of listCommits({ repo, accessToken: user.token as string })) {
-      if (commit.title.includes("initial commit") || commit.title.includes("image(s)") || commit.title.includes("Promote version")) {
-        continue;
-      }
-      commits.push({
-        title: commit.title,
-        oid: commit.oid,
-        date: commit.date,
-      });
-    }
-
-    const space = await spaceInfo({
-      name: repo.name,
-      accessToken: user.token as string,
+    const project = await Project.create({
+      user_id: user.id,
+      space_id: path,
+      prompts,
     });
-
-    let newProject = {
-      files,
-      pages,
-      commits,
-      project: {
-        id: space.id,
-        space_id: space.name,
-        _updatedAt: space.updatedAt,
-      }
-    }
-    
-    return NextResponse.json({ space: newProject, path, ok: true }, { status: 201 });
+    return NextResponse.json({ project, path, ok: true }, { status: 201 });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (err: any) {
     return NextResponse.json(
       { error: err.message, ok: false },
       { status: 500 }
     );
   }
-}
+}

app/api/me/route.ts

@@ -1,4 +1,3 @@
-import { listSpaces } from "@huggingface/hub";
 import { headers } from "next/headers";
 import { NextResponse } from "next/server";
 
@@ -22,25 +21,5 @@ export async function GET() {
     );
   }
   const user = await userResponse.json();
-  const projects = [];
-  for await (const space of listSpaces({
-    accessToken: token.replace("Bearer ", "") as string,
-    additionalFields: ["author", "cardData"],
-    search: {
-      owner: user.name,
-    }
-  })) {
-    if (
-      space.sdk === "static" &&
-      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
-      (
-        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite-v3")) ||
-        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite"))
-      )
-    ) {
-      projects.push(space);
-    }
-  }
-
-  return NextResponse.json({ user, projects, errCode: null }, { status: 200 });
+  return NextResponse.json({ user, errCode: null }, { status: 200 });
 }

app/auth/callback/page.tsx

@@ -5,92 +5,67 @@ import { use, useState } from "react";
 import { useMount, useTimeoutFn } from "react-use";
 
 import { Button } from "@/components/ui/button";
-import { AnimatedBlobs } from "@/components/animated-blobs";
-import { useBroadcastChannel } from "@/lib/useBroadcastChannel";
 export default function AuthCallback({
   searchParams,
 }: {
   searchParams: Promise<{ code: string }>;
 }) {
   const [showButton, setShowButton] = useState(false);
-  const [isPopupAuth, setIsPopupAuth] = useState(false);
   const { code } = use(searchParams);
   const { loginFromCode } = useUser();
-  const { postMessage } = useBroadcastChannel("auth", () => {});
 
   useMount(async () => {
     if (code) {
-      const isPopup = window.opener || window.parent !== window;
-      setIsPopupAuth(isPopup);
-
-      if (isPopup) {
-        postMessage({
-          type: "user-oauth",
-          code: code,
-        });
-
-        setTimeout(() => {
-          if (window.opener) {
-            window.close();
-          }
-        }, 1000);
-      } else {
-        await loginFromCode(code);
-      }
+      await loginFromCode(code);
     }
   });
 
-  useTimeoutFn(() => setShowButton(true), 7000);
+  useTimeoutFn(
+    () => setShowButton(true),
+    7000 // Show button after 5 seconds
+  );
 
   return (
-    <div className="h-screen flex flex-col justify-center items-center bg-neutral-950 z-1 relative">
-      <div className="background__noisy" />
-      <div className="relative max-w-4xl py-10 flex items-center justify-center w-full">
-        <div className="max-w-lg mx-auto !rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden ring-[8px] ring-white/20">
-          <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
-            <div className="flex items-center justify-center -space-x-4 mb-3">
-              <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-                🚀
-              </div>
-              <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-                👋
-              </div>
-              <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-                🙌
-              </div>
+    <div className="h-screen flex flex-col justify-center items-center">
+      <div className="!rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden ring-[8px] ring-white/20">
+        <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
+          <div className="flex items-center justify-center -space-x-4 mb-3">
+            <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+              🚀
             </div>
-            <p className="text-xl font-semibold text-neutral-950">
-              {isPopupAuth
-                ? "Authentication Complete!"
-                : "Login In Progress..."}
-            </p>
-            <p className="text-sm text-neutral-500 mt-1.5">
-              {isPopupAuth
-                ? "You can now close this tab and return to the previous page."
-                : "Wait a moment while we log you in with your code."}
+            <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
+              👋
+            </div>
+            <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+              🙌
+            </div>
+          </div>
+          <p className="text-xl font-semibold text-neutral-950">
+            Login In Progress...
+          </p>
+          <p className="text-sm text-neutral-500 mt-1.5">
+            Wait a moment while we log you in with your code.
+          </p>
+        </header>
+        <main className="space-y-4 p-6">
+          <div>
+            <p className="text-sm text-neutral-700 mb-4 max-w-xs">
+              If you are not redirected automatically in the next 5 seconds,
+              please click the button below
             </p>
-          </header>
-          <main className="space-y-4 p-6">
-            <div>
-              <p className="text-sm text-neutral-700 mb-4 max-w-xs">
-                If you are not redirected automatically in the next 5 seconds,
-                please click the button below
+            {showButton ? (
+              <Link href="/">
+                <Button variant="black" className="relative">
+                  Go to Home
+                </Button>
+              </Link>
+            ) : (
+              <p className="text-xs text-neutral-500">
+                Please wait, we are logging you in...
               </p>
-              {showButton ? (
-                <Link href="/">
-                  <Button variant="black" className="relative">
-                    Go to Home
-                  </Button>
-                </Link>
-              ) : (
-                <p className="text-xs text-neutral-500">
-                  Please wait, we are logging you in...
-                </p>
-              )}
-            </div>
-          </main>
-        </div>
-        <AnimatedBlobs />
+            )}
+          </div>
+        </main>
       </div>
     </div>
   );

app/layout.tsx

@@ -2,18 +2,14 @@
 import type { Metadata, Viewport } from "next";
 import { Inter, PT_Sans } from "next/font/google";
 import { cookies } from "next/headers";
-import Script from "next/script";
 
+import TanstackProvider from "@/components/providers/tanstack-query-provider";
 import "@/assets/globals.css";
 import { Toaster } from "@/components/ui/sonner";
 import MY_TOKEN_KEY from "@/lib/get-cookie-name";
 import { apiServer } from "@/lib/api";
-import IframeDetector from "@/components/iframe-detector";
 import AppContext from "@/components/contexts/app-context";
-import TanstackContext from "@/components/contexts/tanstack-query-context";
-import { LoginProvider } from "@/components/contexts/login-context";
-import { ProProvider } from "@/components/contexts/pro-context";
-import { generateSEO, generateStructuredData } from "@/lib/seo";
+import Script from "next/script";
 
 const inter = Inter({
   variable: "--font-inter-sans",
@@ -27,12 +23,31 @@ const ptSans = PT_Sans({
 });
 
 export const metadata: Metadata = {
-  ...generateSEO({
+  title: "DeepSite | Build with AI ✨",
+  description:
+    "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
+  openGraph: {
+    title: "DeepSite | Build with AI ✨",
+    description:
+      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
+    url: "https://deepsite.hf.co",
+    siteName: "DeepSite",
+    images: [
+      {
+        url: "https://deepsite.hf.co/banner.png",
+        width: 1200,
+        height: 630,
+        alt: "DeepSite Open Graph Image",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
     title: "DeepSite | Build with AI ✨",
     description:
       "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-    path: "/",
-  }),
+    images: ["https://deepsite.hf.co/banner.png"],
+  },
   appleWebApp: {
     capable: true,
     title: "DeepSite",
@@ -43,9 +58,6 @@ export const metadata: Metadata = {
     shortcut: "/logo.svg",
     apple: "/logo.svg",
   },
-  verification: {
-    google: process.env.GOOGLE_SITE_VERIFICATION,
-  },
 };
 
 export const viewport: Viewport = {
@@ -57,16 +69,16 @@ export const viewport: Viewport = {
 async function getMe() {
   const cookieStore = await cookies();
   const token = cookieStore.get(MY_TOKEN_KEY())?.value;
-  if (!token) return { user: null, projects: [], errCode: null };
+  if (!token) return { user: null, errCode: null };
   try {
     const res = await apiServer.get("/me", {
       headers: {
         Authorization: `Bearer ${token}`,
       },
     });
-    return { user: res.data.user, projects: res.data.projects, errCode: null };
+    return { user: res.data.user, errCode: null };
   } catch (err: any) {
-    return { user: null, projects: [], errCode: err.status };
+    return { user: null, errCode: err.status };
   }
 }
 
@@ -76,35 +88,8 @@ export default async function RootLayout({
   children: React.ReactNode;
 }>) {
   const data = await getMe();
-
-  // Generate structured data
-  const structuredData = generateStructuredData("WebApplication", {
-    name: "DeepSite",
-    description: "Build websites with AI, no code required",
-    url: "https://deepsite.hf.co",
-  });
-
-  const organizationData = generateStructuredData("Organization", {
-    name: "DeepSite",
-    url: "https://deepsite.hf.co",
-  });
-
   return (
     <html lang="en">
-      <head>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(structuredData),
-          }}
-        />
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationData),
-          }}
-        />
-      </head>
       <Script
         defer
         data-domain="deepsite.hf.co"
@@ -113,15 +98,10 @@ export default async function RootLayout({
       <body
         className={`${inter.variable} ${ptSans.variable} antialiased bg-black dark h-[100dvh] overflow-hidden`}
       >
-        <IframeDetector />
         <Toaster richColors position="bottom-center" />
-        <TanstackContext>
-          <AppContext me={data}>
-            <LoginProvider>
-              <ProProvider>{children}</ProProvider>
-            </LoginProvider>
-          </AppContext>
-        </TanstackContext>
+        <TanstackProvider>
+          <AppContext me={data}>{children}</AppContext>
+        </TanstackProvider>
       </body>
     </html>
   );

app/new/page.tsx

@@ -1,14 +0,0 @@
-import { AppEditor } from "@/components/editor";
-import { Metadata } from "next";
-import { generateSEO } from "@/lib/seo";
-
-export const metadata: Metadata = generateSEO({
-  title: "Create New Project - DeepSite",
-  description:
-    "Start building your next website with AI. Create a new project on DeepSite and experience the power of AI-driven web development.",
-  path: "/new",
-});
-
-export default function NewProjectPage() {
-  return <AppEditor isNew />;
-}

app/projects/[namespace]/[repoId]/page.tsx

@@ -0,0 +1,40 @@
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+
+import { apiServer } from "@/lib/api";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+import { AppEditor } from "@/components/editor";
+
+async function getProject(namespace: string, repoId: string) {
+  // TODO replace with a server action
+  const cookieStore = await cookies();
+  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
+  if (!token) return {};
+  try {
+    const { data } = await apiServer.get(
+      `/me/projects/${namespace}/${repoId}`,
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+
+    return data.project;
+  } catch {
+    return {};
+  }
+}
+
+export default async function ProjectNamespacePage({
+  params,
+}: {
+  params: Promise<{ namespace: string; repoId: string }>;
+}) {
+  const { namespace, repoId } = await params;
+  const project = await getProject(namespace, repoId);
+  if (!project?.html) {
+    redirect("/projects");
+  }
+  return <AppEditor project={project} />;
+}

app/projects/new/page.tsx

@@ -0,0 +1,5 @@
+import { AppEditor } from "@/components/editor";
+
+export default function ProjectsNewPage() {
+  return <AppEditor />;
+}

app/sitemap.ts

@@ -1,28 +0,0 @@
-import { MetadataRoute } from 'next';
-
-export default function sitemap(): MetadataRoute.Sitemap {
-  const baseUrl = 'https://deepsite.hf.co';
-  
-  return [
-    {
-      url: baseUrl,
-      lastModified: new Date(),
-      changeFrequency: 'daily',
-      priority: 1,
-    },
-    {
-      url: `${baseUrl}/new`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly',
-      priority: 0.8,
-    },
-    {
-      url: `${baseUrl}/auth`,
-      lastModified: new Date(),
-      changeFrequency: 'monthly',
-      priority: 0.5,
-    },
-    // Note: Dynamic project routes will be handled by Next.js automatically
-    // but you can add specific high-priority project pages here if needed
-  ];
-}

assets/globals.css

@@ -112,10 +112,6 @@
   --sidebar-ring: oklch(0.556 0 0);
 }
 
-body {
-  @apply scroll-smooth
-}
-
 @layer base {
   * {
     @apply border-border outline-ring/50;
@@ -148,224 +144,3 @@ body {
 .matched-line {
   @apply bg-sky-500/30;
 }
-
-/* Fast liquid deformation animations */
-@keyframes liquidBlob1 {
-  0%, 100% {
-    border-radius: 40% 60% 50% 50%;
-    transform: scaleX(1) scaleY(1) rotate(0deg);
-  }
-  12.5% {
-    border-radius: 20% 80% 70% 30%;
-    transform: scaleX(1.6) scaleY(0.4) rotate(25deg);
-  }
-  25% {
-    border-radius: 80% 20% 30% 70%;
-    transform: scaleX(0.5) scaleY(2.1) rotate(-15deg);
-  }
-  37.5% {
-    border-radius: 30% 70% 80% 20%;
-    transform: scaleX(1.8) scaleY(0.6) rotate(40deg);
-  }
-  50% {
-    border-radius: 70% 30% 20% 80%;
-    transform: scaleX(0.4) scaleY(1.9) rotate(-30deg);
-  }
-  62.5% {
-    border-radius: 25% 75% 60% 40%;
-    transform: scaleX(1.5) scaleY(0.7) rotate(55deg);
-  }
-  75% {
-    border-radius: 75% 25% 40% 60%;
-    transform: scaleX(0.6) scaleY(1.7) rotate(-10deg);
-  }
-  87.5% {
-    border-radius: 50% 50% 75% 25%;
-    transform: scaleX(1.3) scaleY(0.8) rotate(35deg);
-  }
-}
-
-@keyframes liquidBlob2 {
-  0%, 100% {
-    border-radius: 60% 40% 50% 50%;
-    transform: scaleX(1) scaleY(1) rotate(12deg);
-  }
-  16% {
-    border-radius: 15% 85% 60% 40%;
-    transform: scaleX(0.3) scaleY(2.3) rotate(50deg);
-  }
-  32% {
-    border-radius: 85% 15% 25% 75%;
-    transform: scaleX(2.0) scaleY(0.5) rotate(-20deg);
-  }
-  48% {
-    border-radius: 30% 70% 85% 15%;
-    transform: scaleX(0.4) scaleY(1.8) rotate(70deg);
-  }
-  64% {
-    border-radius: 70% 30% 15% 85%;
-    transform: scaleX(1.9) scaleY(0.6) rotate(-35deg);
-  }
-  80% {
-    border-radius: 40% 60% 70% 30%;
-    transform: scaleX(0.7) scaleY(1.6) rotate(45deg);
-  }
-}
-
-@keyframes liquidBlob3 {
-  0%, 100% {
-    border-radius: 50% 50% 40% 60%;
-    transform: scaleX(1) scaleY(1) rotate(0deg);
-  }
-  20% {
-    border-radius: 10% 90% 75% 25%;
-    transform: scaleX(2.2) scaleY(0.3) rotate(-45deg);
-  }
-  40% {
-    border-radius: 90% 10% 20% 80%;
-    transform: scaleX(0.4) scaleY(2.5) rotate(60deg);
-  }
-  60% {
-    border-radius: 25% 75% 90% 10%;
-    transform: scaleX(1.7) scaleY(0.5) rotate(-25deg);
-  }
-  80% {
-    border-radius: 75% 25% 10% 90%;
-    transform: scaleX(0.6) scaleY(2.0) rotate(80deg);
-  }
-}
-
-@keyframes liquidBlob4 {
-  0%, 100% {
-    border-radius: 45% 55% 50% 50%;
-    transform: scaleX(1) scaleY(1) rotate(-15deg);
-  }
-  14% {
-    border-radius: 90% 10% 65% 35%;
-    transform: scaleX(0.2) scaleY(2.8) rotate(35deg);
-  }
-  28% {
-    border-radius: 10% 90% 20% 80%;
-    transform: scaleX(2.4) scaleY(0.4) rotate(-50deg);
-  }
-  42% {
-    border-radius: 35% 65% 90% 10%;
-    transform: scaleX(0.3) scaleY(2.1) rotate(70deg);
-  }
-  56% {
-    border-radius: 80% 20% 10% 90%;
-    transform: scaleX(2.0) scaleY(0.5) rotate(-40deg);
-  }
-  70% {
-    border-radius: 20% 80% 55% 45%;
-    transform: scaleX(0.5) scaleY(1.9) rotate(55deg);
-  }
-  84% {
-    border-radius: 65% 35% 80% 20%;
-    transform: scaleX(1.6) scaleY(0.6) rotate(-25deg);
-  }
-}
-
-/* Fast flowing movement animations */
-@keyframes liquidFlow1 {
-  0%, 100% { transform: translate(0, 0); }
-  16% { transform: translate(60px, -40px); }
-  32% { transform: translate(-45px, -70px); }
-  48% { transform: translate(80px, 25px); }
-  64% { transform: translate(-30px, 60px); }
-  80% { transform: translate(50px, -20px); }
-}
-
-@keyframes liquidFlow2 {
-  0%, 100% { transform: translate(0, 0); }
-  20% { transform: translate(-70px, 50px); }
-  40% { transform: translate(90px, -30px); }
-  60% { transform: translate(-40px, -55px); }
-  80% { transform: translate(65px, 35px); }
-}
-
-@keyframes liquidFlow3 {
-  0%, 100% { transform: translate(0, 0); }
-  12% { transform: translate(-50px, -60px); }
-  24% { transform: translate(40px, -20px); }
-  36% { transform: translate(-30px, 70px); }
-  48% { transform: translate(70px, 20px); }
-  60% { transform: translate(-60px, -35px); }
-  72% { transform: translate(35px, 55px); }
-  84% { transform: translate(-25px, -45px); }
-}
-
-@keyframes liquidFlow4 {
-  0%, 100% { transform: translate(0, 0); }
-  14% { transform: translate(50px, 60px); }
-  28% { transform: translate(-80px, -40px); }
-  42% { transform: translate(30px, -90px); }
-  56% { transform: translate(-55px, 45px); }
-  70% { transform: translate(75px, -25px); }
-  84% { transform: translate(-35px, 65px); }
-}
-
-/* Light sweep animation for buttons */
-@keyframes lightSweep {
-  0% {
-    transform: translateX(-150%);
-    opacity: 0;
-  }
-  8% {
-    opacity: 0.3;
-  }
-  25% {
-    opacity: 0.8;
-  }
-  42% {
-    opacity: 0.3;
-  }
-  50% {
-    transform: translateX(150%);
-    opacity: 0;
-  }
-  58% {
-    opacity: 0.3;
-  }
-  75% {
-    opacity: 0.8;
-  }
-  92% {
-    opacity: 0.3;
-  }
-  100% {
-    transform: translateX(-150%);
-    opacity: 0;
-  }
-}
-
-.light-sweep {
-  position: relative;
-  overflow: hidden;
-}
-
-.light-sweep::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 300%;
-  background: linear-gradient(
-    90deg,
-    transparent 0%,
-    transparent 20%,
-    rgba(56, 189, 248, 0.1) 35%,
-    rgba(56, 189, 248, 0.2) 45%,
-    rgba(255, 255, 255, 0.2) 50%,
-    rgba(168, 85, 247, 0.2) 55%,
-    rgba(168, 85, 247, 0.1) 65%,
-    transparent 80%,
-    transparent 100%
-  );
-  animation: lightSweep 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-  pointer-events: none;
-  z-index: 1;
-  filter: blur(1px);
-}

auth.js

@@ -0,0 +1,426 @@
+// نظام المصادقة والأمان
+class AuthenticationManager {
+    constructor() {
+        this.currentUser = null;
+        this.sessionTimeout = 15 * 60 * 1000; // 15 دقيقة
+        this.maxLoginAttempts = 3;
+        this.lockoutDuration = 30 * 60 * 1000; // 30 دقيقة
+        this.biometricCredential = null;
+        
+        this.init();
+    }
+
+    // تهيئة نظام المصادقة
+    init() {
+        this.setupSessionManagement();
+        this.loadStoredCredentials();
+        this.checkBiometricSupport();
+    }
+
+    // إعداد إدارة الجلسة
+    setupSessionManagement() {
+        // تحديث وقت النشاط عند التفاعل
+        document.addEventListener('click', () => this.updateLastActivity());
+        document.addEventListener('keypress', () => this.updateLastActivity());
+        document.addEventListener('touchstart', () => this.updateLastActivity());
+
+        // فحص انتهاء الجلسة كل دقيقة
+        setInterval(() => this.checkSessionExpiry(), 60000);
+    }
+
+    // تسجيل دخول بالرقم ورمز PIN
+    async loginWithPin(phoneNumber, pin) {
+        try {
+            // التحقق من محاولات تسجيل الدخول
+            if (this.isAccountLocked(phoneNumber)) {
+                const lockoutTime = this.getLockoutRemainingTime(phoneNumber);
+                throw new Error(`الحساب مقفل. المحاولة مرة أخرى خلال ${Math.ceil(lockoutTime / 60000)} دقيقة`);
+            }
+
+            // التحقق من صحة البيانات
+            if (!this.validatePhoneNumber(phoneNumber)) {
+                throw new Error('رقم الهاتف غير صحيح');
+            }
+
+            if (!this.validatePin(pin)) {
+                throw new Error('رمز PIN يجب أن يكون 4-6 أرقام');
+            }
+
+            // محاكاة التحقق من البيانات
+            const isValid = await this.verifyCredentials(phoneNumber, pin);
+            
+            if (!isValid) {
+                this.recordFailedAttempt(phoneNumber);
+                const remainingAttempts = this.getRemainingAttempts(phoneNumber);
+                
+                if (remainingAttempts <= 0) {
+                    this.lockAccount(phoneNumber);
+                    throw new Error('تم قفل الحساب بسبب المحاولات الخاطئة المتكررة');
+                }
+                
+                throw new Error(`بيانات تسجيل الدخول غير صحيحة. المحاولات المتبقية: ${remainingAttempts}`);
+            }
+
+            // تسجيل دخول ناجح
+            this.clearFailedAttempts(phoneNumber);
+            const user = await this.createUserSession(phoneNumber, pin);
+            
+            return user;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل الدخول:', error);
+            throw error;
+        }
+    }
+
+    // تسجيل دخول بالبصمة
+    async loginWithBiometric() {
+        try {
+            if (!this.isBiometricSupported()) {
+                throw new Error('المصادقة البيومترية غير مدعومة في هذا المتصفح');
+            }
+
+            if (!this.biometricCredential) {
+                throw new Error('لم يتم تسجيل بصمة مسبقاً. يرجى تسجيل الدخول برمز PIN أولاً');
+            }
+
+            // التحقق من البصمة
+            const credential = await navigator.credentials.get({
+                publicKey: {
+                    challenge: this.generateChallenge(),
+                    allowCredentials: [{
+                        type: 'public-key',
+                        id: this.biometricCredential.id
+                    }],
+                    timeout: 60000,
+                    userVerification: 'required'
+                }
+            });
+
+            if (!credential) {
+                throw new Error('فشل في التحقق من البصمة');
+            }
+
+            // إنشاء جلسة المستخدم
+            const savedUser = this.getStoredUser();
+            if (!savedUser) {
+                throw new Error('لم يتم العثور على بيانات المستخدم');
+            }
+
+            const user = await this.createUserSession(savedUser.phone, null, 'biometric');
+            return user;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل الدخول بالبصمة:', error);
+            throw error;
+        }
+    }
+
+    // تسجيل البصمة
+    async registerBiometric(phoneNumber) {
+        try {
+            if (!this.isBiometricSupported()) {
+                throw new Error('المصادقة البيومترية غير مدعومة');
+            }
+
+            const credential = await navigator.credentials.create({
+                publicKey: {
+                    challenge: this.generateChallenge(),
+                    rp: {
+                        name: 'محفظتي الموحدة',
+                        id: window.location.hostname
+                    },
+                    user: {
+                        id: new TextEncoder().encode(phoneNumber),
+                        name: phoneNumber,
+                        displayName: `مستخدم ${phoneNumber}`
+                    },
+                    pubKeyCredParams: [{
+                        type: 'public-key',
+                        alg: -7 // ES256
+                    }],
+                    timeout: 60000,
+                    attestation: 'none',
+                    authenticatorSelection: {
+                        authenticatorAttachment: 'platform',
+                        userVerification: 'required'
+                    }
+                }
+            });
+
+            if (!credential) {
+                throw new Error('فشل في تسجيل البصمة');
+            }
+
+            // حفظ بيانات البصمة
+            this.biometricCredential = {
+                id: credential.rawId,
+                publicKey: credential.response.publicKey,
+                phoneNumber: phoneNumber,
+                registeredAt: new Date().toISOString()
+            };
+
+            this.storeBiometricCredential();
+            return true;
+
+        } catch (error) {
+            console.error('خطأ في تسجيل البصمة:', error);
+            throw error;
+        }
+    }
+
+    // إنشاء جلسة مستخدم
+    async createUserSession(phoneNumber, pin, authMethod = 'pin') {
+        const user = {
+            id: this.generateUserId(),
+            phone: phoneNumber,
+            name: this.extractNameFromPhone(phoneNumber),
+            authMethod: authMethod,
+            loginTime: new Date().toISOString(),
+            lastActivity: new Date().toISOString(),
+            sessionId: this.generateSessionId()
+        };
+
+        this.currentUser = user;
+        this.storeUserSession(user);
+        this.updateLastActivity();
+
+        return user;
+    }
+
+    // تسجيل الخروج
+    logout() {
+        this.currentUser = null;
+        this.clearUserSession();
+        this.clearStoredCredentials();
+        
+        // إعادة توجيه لشاشة تسجيل الدخول
+        if (window.app) {
+            window.app.switchScreen('login');
+        }
+    }
+
+    // التحقق من صحة الجلسة
+    isSessionValid() {
+        if (!this.currentUser) {
+            return false;
+        }
+
+        const lastActivity = new Date(this.currentUser.lastActivity);
+        const now = new Date();
+        const timeDiff = now.getTime() - lastActivity.getTime();
+
+        return timeDiff < this.sessionTimeout;
+    }
+
+    // فحص انتهاء الجلسة
+    checkSessionExpiry() {
+        if (this.currentUser && !this.isSessionValid()) {
+            this.showSessionExpiredDialog();
+        }
+    }
+
+    // عرض حوار انتهاء الجلسة
+    showSessionExpiredDialog() {
+        if (confirm('انتهت صلاحية الجلسة. هل تريد تسجيل الدخول مرة أخرى؟')) {
+            this.logout();
+        } else {
+            this.logout();
+        }
+    }
+
+    // تحديث وقت النشاط الأخير
+    updateLastActivity() {
+        if (this.currentUser) {
+            this.currentUser.lastActivity = new Date().toISOString();
+            this.storeUserSession(this.currentUser);
+        }
+    }
+
+    // التحقق من قفل الحساب
+    isAccountLocked(phoneNumber) {
+        const lockData = this.getLockData(phoneNumber);
+        if (!lockData) return false;
+
+        const now = new Date().getTime();
+        return now < lockData.lockedUntil;
+    }
+
+    // الحصول على الوقت المتبقي للقفل
+    getLockoutRemainingTime(phoneNumber) {
+        const lockData = this.getLockData(phoneNumber);
+        if (!lockData) return 0;
+
+        const now = new Date().getTime();
+        return Math.max(0, lockData.lockedUntil - now);
+    }
+
+    // تسجيل محاولة فاشلة
+    recordFailedAttempt(phoneNumber) {
+        const attempts = this.getFailedAttempts(phoneNumber);
+        attempts.push(new Date().toISOString());
+        
+        localStorage.setItem(`failed_attempts_${phoneNumber}`, JSON.stringify(attempts));
+    }
+
+    // الحصول على المحاولات الفاشلة
+    getFailedAttempts(phoneNumber) {
+        const stored = localStorage.getItem(`failed_attempts_${phoneNumber}`);
+        return stored ? JSON.parse(stored) : [];
+    }
+
+    // الحصول على المحاولات المتبقية
+    getRemainingAttempts(phoneNumber) {
+        const attempts = this.getFailedAttempts(phoneNumber);
+        return Math.max(0, this.maxLoginAttempts - attempts.length);
+    }
+
+    // قفل الحساب
+    lockAccount(phoneNumber) {
+        const lockData = {
+            lockedAt: new Date().toISOString(),
+            lockedUntil: new Date().getTime() + this.lockoutDuration
+        };
+        
+        localStorage.setItem(`account_lock_${phoneNumber}`, JSON.stringify(lockData));
+    }
+
+    // الحصول على بيانات القفل
+    getLockData(phoneNumber) {
+        const stored = localStorage.getItem(`account_lock_${phoneNumber}`);
+        return stored ? JSON.parse(stored) : null;
+    }
+
+    // مسح المحاولات الفاشلة
+    clearFailedAttempts(phoneNumber) {
+        localStorage.removeItem(`failed_attempts_${phoneNumber}`);
+        localStorage.removeItem(`account_lock_${phoneNumber}`);
+    }
+
+    // التحقق من صحة رقم الهاتف
+    validatePhoneNumber(phoneNumber) {
+        return /^7[0-9]{8}$/.test(phoneNumber);
+    }
+
+    // التحقق من صحة رمز PIN
+    validatePin(pin) {
+        return /^[0-9]{4,6}$/.test(pin);
+    }
+
+    // محاكاة التحقق من البيانات
+    async verifyCredentials(phoneNumber, pin) {
+        // محاكاة استدعاء API
+        await new Promise(resolve => setTimeout(resolve, 1000));
+        
+        // في التطبيق الحقيقي، سيتم التحقق من البيانات مع الخادم
+        // للتجربة، نقبل أي رقم هاتف صحيح ورمز PIN من 4-6 أرقام
+        return this.validatePhoneNumber(phoneNumber) && this.validatePin(pin);
+    }
+
+    // فحص دعم المصادقة البيومترية
+    isBiometricSupported() {
+        return window.PublicKeyCredential && 
+               PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable;
+    }
+
+    // فحص دعم المصادقة البيومترية
+    async checkBiometricSupport() {
+        if (this.isBiometricSupported()) {
+            try {
+                const available = await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
+                return available;
+            } catch (error) {
+                console.warn('خطأ في فحص دعم المصادقة البيومترية:', error);
+                return false;
+            }
+        }
+        return false;
+    }
+
+    // توليد تحدي للمصادقة البيومترية
+    generateChallenge() {
+        const array = new Uint8Array(32);
+        crypto.getRandomValues(array);
+        return array;
+    }
+
+    // توليد معرف مستخدم
+    generateUserId() {
+        return 'user_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+    }
+
+    // توليد معرف جلسة
+    generateSessionId() {
+        return 'session_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
+    }
+
+    // استخراج اسم من رقم الهاتف
+    extractNameFromPhone(phoneNumber) {
+        return `مستخدم ${phoneNumber.substr(-4)}`;
+    }
+
+    // حفظ جلسة المستخدم
+    storeUserSession(user) {
+        localStorage.setItem('unifiedWallet_session', JSON.stringify(user));
+    }
+
+    // تحميل جلسة المستخدم
+    loadStoredSession() {
+        const stored = localStorage.getItem('unifiedWallet_session');
+        if (stored) {
+            const user = JSON.parse(stored);
+            if (this.isSessionValid()) {
+                this.currentUser = user;
+                return user;
+            } else {
+                this.clearUserSession();
+            }
+        }
+        return null;
+    }
+
+    // مسح جلسة المستخدم
+    clearUserSession() {
+        localStorage.removeItem('unifiedWallet_session');
+    }
+
+    // حفظ بيانات البصمة
+    storeBiometricCredential() {
+        if (this.biometricCredential) {
+            localStorage.setItem('unifiedWallet_biometric', JSON.stringify(this.biometricCredential));
+        }
+    }
+
+    // تحميل بيانات البصمة
+    loadStoredCredentials() {
+        const stored = localStorage.getItem('unifiedWallet_biometric');
+        if (stored) {
+            this.biometricCredential = JSON.parse(stored);
+        }
+    }
+
+    // مسح بيانات البصمة
+    clearStoredCredentials() {
+        localStorage.removeItem('unifiedWallet_biometric');
+        this.biometricCredential = null;
+    }
+
+    // الحصول على المستخدم المحفوظ
+    getStoredUser() {
+        const stored = localStorage.getItem('unifiedWallet_user');
+        return stored ? JSON.parse(stored) : null;
+    }
+
+    // الحصول على المستخدم الحالي
+    getCurrentUser() {
+        return this.currentUser;
+    }
+
+    // التحقق من تسجيل الدخول
+    isLoggedIn() {
+        return this.currentUser !== null && this.isSessionValid();
+    }
+}
+
+// تصدير الكلاس للاستخدام في التطبيق الرئيسي
+window.AuthenticationManager = AuthenticationManager;

capacitor-simple.config.ts

@@ -0,0 +1,49 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: '.',
+  bundledWebRuntime: false,
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      splashFullScreen: true,
+      splashImmersive: true
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: true
+  }
+};
+
+export default config;

capacitor.config.js

@@ -0,0 +1,47 @@
+const config = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: 'www',
+  bundledWebRuntime: false,
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      splashFullScreen: true,
+      splashImmersive: true
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: true
+  }
+};
+
+module.exports = config;

capacitor.config.ts

@@ -0,0 +1,67 @@
+import { CapacitorConfig } from '@capacitor/cli';
+
+const config: CapacitorConfig = {
+  appId: 'com.almada.unifiedwallet',
+  appName: 'محفظتي الموحدة',
+  webDir: 'www',
+  server: {
+    androidScheme: 'https'
+  },
+  plugins: {
+    SplashScreen: {
+      launchShowDuration: 3000,
+      launchAutoHide: true,
+      backgroundColor: "#4361ee",
+      androidSplashResourceName: "splash",
+      androidScaleType: "CENTER_CROP",
+      showSpinner: false,
+      androidSpinnerStyle: "large",
+      iosSpinnerStyle: "small",
+      spinnerColor: "#ffffff",
+      splashFullScreen: true,
+      splashImmersive: true,
+      layoutName: "launch_screen",
+      useDialog: true,
+    },
+    StatusBar: {
+      style: "LIGHT",
+      backgroundColor: "#4361ee"
+    },
+    Keyboard: {
+      resize: "body",
+      style: "dark",
+      resizeOnFullScreen: true
+    },
+    LocalNotifications: {
+      smallIcon: "ic_stat_icon_config_sample",
+      iconColor: "#4361ee",
+      sound: "beep.wav"
+    },
+    PushNotifications: {
+      presentationOptions: ["badge", "sound", "alert"]
+    },
+    Camera: {
+      permissions: {
+        camera: "تحتاج هذه الميزة للوصول إلى الكاميرا لمسح رموز QR",
+        photos: "تحتاج هذه الميزة للوصول إلى الصور لحفظ الإيصالات"
+      }
+    },
+    Device: {
+      permissions: {
+        device: "تحتاج هذه الميزة لتحديد هوية الجهاز للأمان"
+      }
+    }
+  },
+  android: {
+    allowMixedContent: true,
+    captureInput: true,
+    webContentsDebuggingEnabled: false
+  },
+  ios: {
+    contentInset: "automatic",
+    scrollEnabled: true,
+    allowsLinkPreview: false
+  }
+};
+
+export default config;

components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "assets/globals.css",
+    "css": "app/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

components/animated-blobs/index.tsx

@@ -1,34 +0,0 @@
-export function AnimatedBlobs() {
-  return (
-    <div className="absolute inset-0 pointer-events-none -z-[1]">
-      <div
-        className="w-full h-full bg-gradient-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl"
-        style={{
-          animation:
-            "liquidBlob1 4s ease-in-out infinite, liquidFlow1 6s ease-in-out infinite",
-        }}
-      />
-      <div
-        className="w-2/3 h-3/4 bg-gradient-to-r from-blue-500 to-teal-500 opacity-24 blur-3xl absolute -top-20 right-10"
-        style={{
-          animation:
-            "liquidBlob2 5s ease-in-out infinite, liquidFlow2 7s ease-in-out infinite",
-        }}
-      />
-      <div
-        className="w-1/2 h-1/2 bg-gradient-to-r from-amber-500 to-rose-500 opacity-20 blur-3xl absolute bottom-0 left-10"
-        style={{
-          animation:
-            "liquidBlob3 3.5s ease-in-out infinite, liquidFlow3 8s ease-in-out infinite",
-        }}
-      />
-      <div
-        className="w-48 h-48 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-3xl absolute top-1/3 right-1/3"
-        style={{
-          animation:
-            "liquidBlob4 4.5s ease-in-out infinite, liquidFlow4 6.5s ease-in-out infinite",
-        }}
-      />
-    </div>
-  );
-}