Upload 36 files

.env.example

@@ -1,4 +0,0 @@
-AUTH_HUGGINGFACE_ID=
-AUTH_HUGGINGFACE_SECRET=
-NEXTAUTH_URL=http://localhost:3001
-AUTH_SECRET=

.github/workflows/deploy-prod.yml

@@ -1,77 +0,0 @@
-name: Deploy to k8s
-on:
-  # run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-jobs:
-  build-and-publish:
-    runs-on: 
-      group: cpu-high
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Login to Registry
-        uses: docker/login-action@v3
-        with:
-          registry: registry.internal.huggingface.tech
-          username: ${{ secrets.DOCKER_INTERNAL_USERNAME }}
-          password: ${{ secrets.DOCKER_INTERNAL_PASSWORD }}
-
-      - name: Docker metadata
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: |
-            registry.internal.huggingface.tech/deepsite/deepsite
-          tags: |
-            type=raw,value=latest,enable={{is_default_branch}}
-            type=sha,enable=true,prefix=sha-,format=short,sha-len=8
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v4
-
-      - name: Build and Publish image
-        uses: docker/build-push-action@v5
-        with:
-          context: .
-          file: Dockerfile
-          push: ${{ github.event_name != 'pull_request' }}
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          platforms: linux/amd64
-          cache-to: type=gha,mode=max,scope=amd64
-          cache-from: type=gha,scope=amd64
-          provenance: false
-
-  deploy:
-    name: Deploy on prod
-    runs-on: ubuntu-latest
-    needs: ["build-and-publish"]
-    steps:
-      - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v4
-
-      - name: Gen values
-        run: |
-          VALUES=$(cat <<-END
-          image:
-            tag: "sha-${{ env.GITHUB_SHA_SHORT }}"
-          END
-          )
-          echo "VALUES=$(echo "$VALUES" | yq -o=json | jq tostring)" >> $GITHUB_ENV
-
-      - name: Deploy on infra-deployments
-        uses: the-actions-org/workflow-dispatch@v2
-        with:
-          workflow: Update application single value
-          repo: huggingface/infra-deployments
-          wait-for-completion: true
-          wait-for-completion-interval: 10s
-          display-workflow-run-url-interval: 10s
-          ref: refs/heads/main
-          token: ${{ secrets.GIT_TOKEN_INFRA_DEPLOYMENT }}
-          inputs: '{"path": "hub/deepsite/deepsite.yaml", "value": ${{ env.VALUES }}, "url": "${{ github.event.head_commit.url }}"}'

.gitignore

@@ -1,47 +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
 
-# env files (can opt-in for committing if needed)
-.env
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
 
-# vercel
-.vercel
+# Dependency directories
+node_modules/
+jspm_packages/
 
-# typescript
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
 *.tsbuildinfo
-next-env.d.ts
 
-.idea
+# 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/
 
-# binary assets (hosted on CDN)
-assets/assistant.jpg
-.gitattributes
+# 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 دقيقة من الواقع!**

Dockerfile

@@ -1,22 +1,19 @@
 FROM node:20-alpine
 USER root
 
-# Install pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
 USER 1000
 WORKDIR /usr/src/app
-# Copy package.json and pnpm-lock.yaml to the container
-COPY --chown=1000 package.json pnpm-lock.yaml ./
+# Copy package.json and package-lock.json to the container
+COPY --chown=1000 package.json package-lock.json ./
 
 # Copy the rest of the application files to the container
 COPY --chown=1000 . .
 
-RUN pnpm install
-RUN pnpm run build
+RUN npm install
+RUN npm run build
 
 # Expose the application port (assuming your app runs on port 3000)
-EXPOSE 3001
+EXPOSE 3000
 
 # Start the application
-CMD ["pnpm", "start"]
+CMD ["npm", "start"]

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,23 +1,262 @@
----
-title: DeepSite v4
-emoji: 🐳
-colorFrom: blue
-colorTo: blue
-sdk: docker
-pinned: true
-app_port: 3001
-license: mit
-failure_strategy: rollback
-short_description: Generate any application by Vibe Coding it
-models:
-  - deepseek-ai/DeepSeek-V3-0324
-  - deepseek-ai/DeepSeek-V3.2
-  - Qwen/Qwen3-Coder-30B-A3B-Instruct
-  - moonshotai/Kimi-K2-Instruct-0905
-  - zai-org/GLM-4.7
-  - MiniMaxAI/MiniMax-M2.1
----
+# محفظتي الموحدة - تطبيق المحافظ الإلكترونية اليمنية الموحد
+
+## نظرة عامة
+
+**محفظتي الموحدة** هو تطبيق جوال متطور مبني بتقنية 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
+
+# بناء APK للأندرويد
+ionic cap build android
 
-# DeepSite 🐳
+# بناء IPA لـ iOS
+ionic cap build ios
+```
+
+### 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 في المستودع أو التواصل مع فريق التطوير.
+
+---
 
-DeepSite is a Vibe Coding Platform 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.
+**شكراً لاستخدام محفظتي الموحدة! 🚀**

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" 

actions/mentions.ts

@@ -1,31 +0,0 @@
-"use client";
-
-import { File } from "@/lib/type";
-
-export const searchMentions = async (query: string) => {
-  const promises = [searchModels(query), searchDatasets(query)];
-  const results = await Promise.all(promises);
-  return { models: results[0], datasets: results[1] };
-};
-
-const searchModels = async (query: string) => {
-  const response = await fetch(
-    `https://huggingface.co/api/quicksearch?q=${query}&type=model&limit=3`
-  );
-  const data = await response.json();
-  return data?.models ?? [];
-};
-
-const searchDatasets = async (query: string) => {
-  const response = await fetch(
-    `https://huggingface.co/api/quicksearch?q=${query}&type=dataset&limit=3`
-  );
-  const data = await response.json();
-  return data?.datasets ?? [];
-};
-
-export const searchFilesMentions = async (query: string, files: File[]) => {
-  if (!query) return files;
-  const lowerQuery = query.toLowerCase();
-  return files.filter((file) => file.path.toLowerCase().includes(lowerQuery));
-};

actions/projects.ts

@@ -1,175 +0,0 @@
-"use server";
-import {
-  downloadFile,
-  listCommits,
-  listFiles,
-  listSpaces,
-  RepoDesignation,
-  SpaceEntry,
-  spaceInfo,
-} from "@huggingface/hub";
-
-import { auth } from "@/lib/auth";
-import { Commit, File } from "@/lib/type";
-
-export interface ProjectWithCommits extends SpaceEntry {
-  commits?: Commit[];
-  medias?: string[];
-}
-
-const IGNORED_PATHS = ["README.md", ".gitignore", ".gitattributes"];
-const IGNORED_FORMATS = [
-  ".png",
-  ".jpg",
-  ".jpeg",
-  ".gif",
-  ".svg",
-  ".webp",
-  ".mp4",
-  ".mp3",
-  ".wav",
-];
-
-export const getProjects = async () => {
-  const projects: SpaceEntry[] = [];
-  const session = await auth();
-  if (!session?.user) {
-    return projects;
-  }
-  const token = session.accessToken;
-  for await (const space of listSpaces({
-    accessToken: token,
-    additionalFields: ["author", "cardData"],
-    search: {
-      owner: session.user.username, 
-    },
-  })) {
-    if (
-      space.sdk === "static" &&
-      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
-      (space.cardData as { tags?: string[] })?.tags?.some((tag) =>
-        tag.includes("deepsite")
-      )
-    ) {
-      projects.push(space);
-    }
-  }
-  return projects;
-};
-export const getProject = async (id: string, commitId?: string) => {
-  const session = await auth();
-  if (!session?.user) {
-    return null;
-  }
-  const token = session.accessToken;
-  try {
-    const project: ProjectWithCommits | null = await spaceInfo({
-      name: id,
-      accessToken: token,
-      additionalFields: ["author", "cardData"],
-    });
-    const repo: RepoDesignation = {
-      type: "space",
-      name: id,
-    };
-    const files: File[] = [];
-    const medias: string[] = [];
-    const params = { repo, accessToken: token };
-    if (commitId) {
-      Object.assign(params, { revision: commitId });
-    }
-    for await (const fileInfo of listFiles(params)) {
-      if (IGNORED_PATHS.includes(fileInfo.path)) continue;
-      if (IGNORED_FORMATS.some((format) => fileInfo.path.endsWith(format))) {
-        medias.push(
-          `https://huggingface.co/spaces/${id}/resolve/main/${fileInfo.path}`
-        );
-        continue;
-      }
-
-      if (fileInfo.type === "directory") {
-        for await (const subFile of listFiles({
-          repo,
-          accessToken: token,
-          path: fileInfo.path,
-        })) {
-          if (IGNORED_FORMATS.some((format) => subFile.path.endsWith(format))) {
-            medias.push(
-              `https://huggingface.co/spaces/${id}/resolve/main/${subFile.path}`
-            );
-          }
-          const blob = await downloadFile({
-            repo,
-            accessToken: token,
-            path: subFile.path,
-            raw: true,
-            ...(commitId ? { revision: commitId } : {}),
-          }).catch((_) => {
-            return null;
-          });
-          if (!blob) {
-            continue;
-          }
-          const html = await blob?.text();
-          if (!html) {
-            continue;
-          }
-          files[subFile.path === "index.html" ? "unshift" : "push"]({
-            path: subFile.path,
-            content: html,
-          });
-        }
-      } else {
-        const blob = await downloadFile({
-          repo,
-          accessToken: token,
-          path: fileInfo.path,
-          raw: true,
-          ...(commitId ? { revision: commitId } : {}),
-        }).catch((_) => {
-          return null;
-        });
-        if (!blob) {
-          continue;
-        }
-        const html = await blob?.text();
-        if (!html) {
-          continue;
-        }
-        files[fileInfo.path === "index.html" ? "unshift" : "push"]({
-          path: fileInfo.path,
-          content: html,
-        });
-      }
-    }
-    const commits: Commit[] = [];
-    const commitIterator = listCommits({ repo, accessToken: token });
-    for await (const commit of commitIterator) {
-      if (
-        commit.title?.toLowerCase() === "initial commit" ||
-        commit.title
-          ?.toLowerCase()
-          ?.includes("upload media files through deepsite")
-      )
-        continue;
-      commits.push({
-        title: commit.title,
-        oid: commit.oid,
-        date: commit.date,
-      });
-      if (commits.length >= 20) {
-        break;
-      }
-    }
-
-    project.commits = commits;
-    project.medias = medias;
-
-    return { project, files };
-  } catch (error) {
-    return {
-      project: null,
-      files: [],
-    };
-  }
-};

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

@@ -1,12 +1,13 @@
-import { Navigation } from "@/components/public/navigation";
+import Navigation from "@/components/public/navigation";
 
-export default function PublicLayout({
+export default async function PublicLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <div className="min-h-screen font-sans">
+    <div className="min-h-screen bg-black z-1 relative">
+      <div className="background__noisy" />
       <Navigation />
       {children}
     </div>

app/(public)/page.tsx

@@ -1,25 +1,44 @@
-import { AnimatedDotsBackground } from "@/components/public/animated-dots-background";
-import { HeroHeader } from "@/components/public/hero-header";
-import { UserProjects } from "@/components/projects/user-projects";
-import { AskAiLanding } from "@/components/ask-ai/ask-ai-landing";
-import { Bento } from "@/components/public/bento";
-
-export const dynamic = "force-dynamic";
-
-export default async function Homepage() {
+import { AskAi } from "@/components/space/ask-ai";
+import { redirect } from "next/navigation";
+export default function Home() {
+  redirect("/projects/new");
   return (
     <>
-      <section className="container mx-auto relative z-10">
-        <HeroHeader />
-        <div className="absolute inset-0 -z-10">
-          <AnimatedDotsBackground />
+      <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>
-        <div className="max-w-xl mx-auto px-6">
-          <AskAiLanding />
+        <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>
-      </section>
-      <UserProjects />
-      <Bento />
+        <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/(public)/signin/page.tsx

@@ -1,21 +0,0 @@
-import { LoginButtons } from "@/components/login/login-buttons";
-
-export default async function SignInPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ callbackUrl: string }>;
-}) {
-  const { callbackUrl } = await searchParams;
-  console.log(callbackUrl);
-  return (
-    <section className="min-h-screen font-sans">
-      <div className="px-6 py-16 max-w-5xl mx-auto text-center">
-        <h1 className="text-5xl font-bold mb-5">You shall not pass 🧙</h1>
-        <p className="text-lg text-muted-foreground mb-8">
-          You can&apos;t access this resource without being signed in.
-        </p>
-        <LoginButtons callbackUrl={callbackUrl ?? "/"} />
-      </div>
-    </section>
-  );
-}

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

@@ -1,35 +0,0 @@
-import { getProject } from "@/actions/projects";
-import { AppEditor } from "@/components/editor";
-import { auth } from "@/lib/auth";
-import { notFound, redirect } from "next/navigation";
-
-export default async function ProjectPage({
-  params,
-  searchParams,
-}: {
-  params: Promise<{ owner: string; repoId: string }>;
-  searchParams: Promise<{ commit?: string }>;
-}) {
-  const session = await auth();
-
-  const { owner, repoId } = await params;
-  const { commit } = await searchParams;
-  if (!session) {
-    redirect(
-      `/api/auth/signin?callbackUrl=/${owner}/${repoId}${
-        commit ? `?commit=${commit}` : ""
-      }`
-    );
-  }
-  const datas = await getProject(`${owner}/${repoId}`, commit);
-  if (!datas?.project) {
-    return notFound();
-  }
-  return (
-    <AppEditor
-      project={datas.project}
-      files={datas.files ?? []}
-      isHistoryView={!!commit}
-    />
-  );
-}

app/actions/auth.ts

@@ -0,0 +1,18 @@
+"use server";
+
+import { headers } from "next/headers";
+
+export async function getAuth() {
+  const authList = await headers();
+  const host = authList.get("host") ?? "localhost:3000";
+  const url = host.includes("/spaces/enzostvs")
+    ? "enzostvs-deepsite.hf.space"
+    : host;
+  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 loginRedirectUrl;
+}

app/actions/projects.ts

@@ -0,0 +1,63 @@
+"use server";
+
+import { isAuthenticated } from "@/lib/auth";
+import { NextResponse } from "next/server";
+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[];
+}> {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return {
+      ok: false,
+      projects: [],
+    };
+  }
+
+  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: 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-ai/route.ts

@@ -0,0 +1,419 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+import { headers } from "next/headers";
+import { InferenceClient } from "@huggingface/inference";
+
+import { MODELS, PROVIDERS } from "@/lib/providers";
+import {
+  DIVIDER,
+  FOLLOW_UP_SYSTEM_PROMPT,
+  INITIAL_SYSTEM_PROMPT,
+  MAX_REQUESTS_PER_IP,
+  REPLACE_END,
+  SEARCH_START,
+} from "@/lib/prompts";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+
+const ipAddresses = new Map();
+
+export async function POST(request: NextRequest) {
+  const authHeaders = await headers();
+  const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
+
+  const body = await request.json();
+  const { prompt, provider, model, redesignMarkdown, html } = body;
+
+  if (!model || (!prompt && !redesignMarkdown)) {
+    return NextResponse.json(
+      { ok: false, error: "Missing required fields" },
+      { status: 400 }
+    );
+  }
+
+  const selectedModel = MODELS.find(
+    (m) => m.value === model || m.label === model
+  );
+  if (!selectedModel) {
+    return NextResponse.json(
+      { ok: false, error: "Invalid model selected" },
+      { status: 400 }
+    );
+  }
+
+  if (!selectedModel.providers.includes(provider) && provider !== "auto") {
+    return NextResponse.json(
+      {
+        ok: false,
+        error: `The selected model does not support the ${provider} provider.`,
+        openSelectProvider: true,
+      },
+      { status: 400 }
+    );
+  }
+
+  let token = userToken;
+  let billTo: string | null = null;
+
+  /**
+   * Handle local usage token, this bypass the need for a user token
+   * and allows local testing without authentication.
+   * This is useful for development and testing purposes.
+   */
+  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
+    token = process.env.HF_TOKEN;
+  }
+
+  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
+    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
+    : authHeaders.get("x-forwarded-for");
+
+  if (!token) {
+    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+      return NextResponse.json(
+        {
+          ok: false,
+          openLogin: true,
+          message: "Log In to continue using the service",
+        },
+        { status: 429 }
+      );
+    }
+
+    token = process.env.DEFAULT_HF_TOKEN as string;
+    billTo = "huggingface";
+  }
+
+  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",
+        "Cache-Control": "no-cache",
+        Connection: "keep-alive",
+      },
+    });
+
+    (async () => {
+      let completeResponse = "";
+      try {
+        const client = new InferenceClient(token);
+        const chatCompletion = client.chatCompletionStream(
+          {
+            model: selectedModel.value,
+            provider: selectedProvider.id as any,
+            messages: [
+              {
+                role: "system",
+                content: INITIAL_SYSTEM_PROMPT,
+              },
+              {
+                role: "user",
+                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,
+              },
+            ],
+            max_tokens: selectedProvider.max_tokens,
+          },
+          billTo ? { billTo } : {}
+        );
+
+        while (true) {
+          const { done, value } = await chatCompletion.next();
+          if (done) {
+            break;
+          }
+
+          const chunk = value.choices[0]?.delta?.content;
+          if (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;
+                }
+              }
+            }
+          }
+        }
+      } catch (error: any) {
+        if (error.message?.includes("exceeded your monthly included credits")) {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                openProModal: true,
+                message: error.message,
+              })
+            )
+          );
+        } else {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                message:
+                  error.message ||
+                  "An error occurred while processing your request.",
+              })
+            )
+          );
+        }
+      } finally {
+        await writer?.close();
+      }
+    })();
+
+    return response;
+  } catch (error: any) {
+    return NextResponse.json(
+      {
+        ok: false,
+        openSelectProvider: true,
+        message:
+          error?.message || "An error occurred while processing your request.",
+      },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PUT(request: NextRequest) {
+  const authHeaders = await headers();
+  const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
+
+  const body = await request.json();
+  const { prompt, html, previousPrompt, provider, selectedElementHtml, model } =
+    body;
+
+  if (!prompt || !html) {
+    return NextResponse.json(
+      { ok: false, error: "Missing required fields" },
+      { status: 400 }
+    );
+  }
+
+  const selectedModel = MODELS.find(
+    (m) => m.value === model || m.label === model
+  );
+  if (!selectedModel) {
+    return NextResponse.json(
+      { ok: false, error: "Invalid model selected" },
+      { status: 400 }
+    );
+  }
+
+  let token = userToken;
+  let billTo: string | null = null;
+
+  /**
+   * Handle local usage token, this bypass the need for a user token
+   * and allows local testing without authentication.
+   * This is useful for development and testing purposes.
+   */
+  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
+    token = process.env.HF_TOKEN;
+  }
+
+  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
+    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
+    : authHeaders.get("x-forwarded-for");
+
+  if (!token) {
+    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+      return NextResponse.json(
+        {
+          ok: false,
+          openLogin: true,
+          message: "Log In to continue using the service",
+        },
+        { status: 429 }
+      );
+    }
+
+    token = process.env.DEFAULT_HF_TOKEN as string;
+    billTo = "huggingface";
+  }
+
+  const client = new InferenceClient(token);
+
+  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 {
+    const response = await client.chatCompletion(
+      {
+        model: selectedModel.value,
+        provider: selectedProvider.id as any,
+        messages: [
+          {
+            role: "system",
+            content: FOLLOW_UP_SYSTEM_PROMPT,
+          },
+          {
+            role: "user",
+            content: previousPrompt
+              ? previousPrompt
+              : "You are modifying the HTML file based on the user's request.",
+          },
+          {
+            role: "assistant",
+
+            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,
+          },
+        ],
+        ...(selectedProvider.id !== "sambanova"
+          ? {
+              max_tokens: selectedProvider.max_tokens,
+            }
+          : {}),
+      },
+      billTo ? { billTo } : {}
+    );
+
+    const chunk = response.choices[0]?.message?.content;
+    if (!chunk) {
+      return NextResponse.json(
+        { ok: false, message: "No content returned from the model" },
+        { status: 400 }
+      );
+    }
+
+    if (chunk) {
+      const updatedLines: number[][] = [];
+      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 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 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 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;
+      }
+
+      return NextResponse.json({
+        ok: true,
+        html: newHtml,
+        updatedLines,
+      });
+    } else {
+      return NextResponse.json(
+        { ok: false, message: "No content returned from the model" },
+        { status: 400 }
+      );
+    }
+  } catch (error: any) {
+    if (error.message?.includes("exceeded your monthly included credits")) {
+      return NextResponse.json(
+        {
+          ok: false,
+          openProModal: true,
+          message: error.message,
+        },
+        { status: 402 }
+      );
+    }
+    return NextResponse.json(
+      {
+        ok: false,
+        openSelectProvider: true,
+        message:
+          error.message || "An error occurred while processing your request.",
+      },
+      { status: 500 }
+    );
+  }
+}

app/api/ask/route.ts

@@ -1,183 +0,0 @@
-import { NextResponse } from "next/server";
-import { InferenceClient } from "@huggingface/inference";
-
-import { FOLLOW_UP_SYSTEM_PROMPT, INITIAL_SYSTEM_PROMPT } from "@/lib/prompts";
-import { auth } from "@/lib/auth";
-import { File, Message } from "@/lib/type";
-import { DEFAULT_MODEL, MODELS } from "@/lib/providers";
-
-export async function POST(request: Request) {
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const {
-    prompt,
-    previousMessages = [],
-    files = [],
-    provider,
-    model,
-    redesignMd,
-    medias,
-  } = body;
-
-  if (!prompt) {
-    return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
-  }
-  if (!model || !MODELS.find((m: (typeof MODELS)[0]) => m.value === model)) {
-    return NextResponse.json({ error: "Model is required" }, { status: 400 });
-  }
-
-  const client = new InferenceClient(token);
-
-  try {
-    const encoder = new TextEncoder();
-    const stream = new TransformStream();
-    const writer = stream.writable.getWriter();
-
-    const response = new NextResponse(stream.readable, {
-      headers: {
-        "Content-Type": "text/plain; charset=utf-8",
-        "Cache-Control": "no-cache",
-        Connection: "keep-alive",
-      },
-    });
-    (async () => {
-      let hasRetried = false;
-      let currentModel = model;
-
-      const tryGeneration = async (): Promise<void> => {
-        try {
-          const chatCompletion = client.chatCompletionStream({
-            model: currentModel + (provider !== "auto" ? `:${provider}` : ""),
-            messages: [
-              {
-                role: "system",
-                content:
-                  files.length > 0
-                    ? FOLLOW_UP_SYSTEM_PROMPT
-                    : INITIAL_SYSTEM_PROMPT,
-              },
-              ...previousMessages.map((message: Message) => ({
-                role: message.role,
-                content: message.content,
-              })),
-              ...(files?.length > 0
-                ? [
-                    {
-                      role: "user",
-                      content: `Here are the files that the user has provider:${files
-                        .map(
-                          (file: File) =>
-                            `File: ${file.path}\nContent: ${file.content}`
-                        )
-                        .join("\n")}\n\n${prompt}`,
-                    },
-                  ]
-                : []),
-              {
-                role: "user",
-                content: `${
-                  redesignMd?.url &&
-                  `Redesign the following website ${redesignMd.url}, try to use the same images and content, but you can still improve it if needed. Do the best version possibile. Here is the markdown:\n ${redesignMd.md} \n\n`
-                }${prompt} ${
-                  medias && medias.length > 0
-                    ? `\nHere is the list of my media files: ${medias.join(
-                        ", "
-                      )}\n`
-                    : ""
-                }`,
-              }
-            ],
-            stream: true,
-            max_tokens: 16_000,
-          });
-          while (true) {
-            const { done, value } = await chatCompletion.next();
-            if (done) {
-              break;
-            }
-
-            const chunk = value.choices[0]?.delta?.content;
-            if (chunk) {
-              await writer.write(encoder.encode(chunk));
-            }
-          }
-
-          await writer.close();
-        } catch (error) {
-          const errorMessage =
-            error instanceof Error
-              ? error.message
-              : "An error occurred while processing your request";
-
-          if (
-            !hasRetried &&
-            errorMessage?.includes(
-              "Failed to perform inference: Model not found"
-            )
-          ) {
-            hasRetried = true;
-            if (model === DEFAULT_MODEL) {
-              const availableFallbackModels = MODELS.filter(
-                (m) => m.value !== model
-              );
-              const randomIndex = Math.floor(
-                Math.random() * availableFallbackModels.length
-              );
-              currentModel = availableFallbackModels[randomIndex];
-            } else {
-              currentModel = DEFAULT_MODEL;
-            }
-            const switchMessage = `\n\n_Note: The selected model was not available. Switched to \`${currentModel}\`._\n\n`;
-            await writer.write(encoder.encode(switchMessage));
-
-            return tryGeneration();
-          }
-
-          try {
-            let errorPayload = "";
-            if (
-              errorMessage?.includes("exceeded your monthly included credits") ||
-              errorMessage?.includes("reached the free monthly usage limit")
-            ) {
-              errorPayload = JSON.stringify({
-                messageError: errorMessage,
-                showProMessage: true,
-                isError: true,
-              });
-            } else {
-              errorPayload = JSON.stringify({
-                messageError: errorMessage,
-                isError: true,
-              });
-            }
-            await writer.write(encoder.encode(`\n\n__ERROR__:${errorPayload}`));
-            await writer.close();
-          } catch (closeError) {
-            console.error("Failed to send error message:", closeError);
-            try {
-              await writer.abort(error);
-            } catch (abortError) {
-              console.error("Failed to abort writer:", abortError);
-            }
-          }
-        }
-      };
-
-      await tryGeneration();
-    })();
-
-    return response;
-  } catch (error) {
-    return NextResponse.json(
-      {
-        error: error instanceof Error ? error.message : "Internal Server Error",
-      },
-      { status: 500 }
-    );
-  }
-}

app/api/auth/[...nextauth]/route.ts

@@ -1,6 +0,0 @@
-import NextAuth from "next-auth";
-import { authOptions } from "@/lib/auth";
-
-const handler = NextAuth(authOptions);
-
-export { handler as GET, handler as POST };

app/api/auth/route.ts

@@ -0,0 +1,86 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const body = await req.json();
+  const { code } = body;
+
+  if (!code) {
+    return NextResponse.json(
+      { error: "Code is required" },
+      {
+        status: 400,
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+  }
+
+  const Authorization = `Basic ${Buffer.from(
+    `${process.env.OAUTH_CLIENT_ID}:${process.env.OAUTH_CLIENT_SECRET}`
+  ).toString("base64")}`;
+
+  const host =
+    req.headers.get("host") ?? req.headers.get("origin") ?? "localhost:3000";
+
+  const url = host.includes("/spaces/enzostvs")
+    ? "enzostvs-deepsite.hf.space"
+    : host;
+  const redirect_uri =
+    `${host.includes("localhost") ? "http://" : "https://"}` +
+    url +
+    "/auth/callback";
+  const request_auth = await fetch("https://huggingface.co/oauth/token", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      Authorization,
+    },
+    body: new URLSearchParams({
+      grant_type: "authorization_code",
+      code,
+      redirect_uri,
+    }),
+  });
+
+  const response = await request_auth.json();
+  if (!response.access_token) {
+    return NextResponse.json(
+      { error: "Failed to retrieve access token" },
+      {
+        status: 400,
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+  }
+
+  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
+    headers: {
+      Authorization: `Bearer ${response.access_token}`,
+    },
+  });
+
+  if (!userResponse.ok) {
+    return NextResponse.json(
+      { user: null, errCode: userResponse.status },
+      { status: userResponse.status }
+    );
+  }
+  const user = await userResponse.json();
+
+  return NextResponse.json(
+    {
+      access_token: response.access_token,
+      expires_in: response.expires_in,
+      user,
+    },
+    {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    }
+  );
+}

app/api/healthcheck/route.ts

@@ -1,5 +0,0 @@
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  return NextResponse.json({ status: "ok" }, { status: 200 });
-}

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

@@ -0,0 +1,237 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, spaceInfo, uploadFile } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import Project from "@/models/Project";
+import dbConnect from "@/lib/mongodb";
+import { getPTag } from "@/lib/utils";
+
+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 });
+  }
+
+  await dbConnect();
+  const param = await params;
+  const { namespace, repoId } = param;
+
+  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 space_url = `https://huggingface.co/spaces/${namespace}/${repoId}/raw/main/index.html`;
+  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 response = await fetch(space_url);
+    if (!response.ok) {
+      return NextResponse.json(
+        {
+          ok: false,
+          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: {
+          ...project,
+          html,
+        },
+        ok: true,
+      },
+      { status: 200 }
+    );
+
+    // 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 }
+      );
+    }
+    return NextResponse.json(
+      { error: error.message, ok: false },
+      { status: 500 }
+    );
+  }
+}
+
+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/route.ts

@@ -0,0 +1,126 @@
+import { NextRequest, NextResponse } from "next/server";
+import { createRepo, RepoDesignation, uploadFiles } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+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 });
+  }
+
+  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, html, prompts } = await request.json();
+
+  if (!title || !html) {
+    return NextResponse.json(
+      { message: "Title and HTML content are required.", ok: false },
+      { status: 400 }
+    );
+  }
+
+  await dbConnect();
+
+  try {
+    let readme = "";
+    let newHtml = html;
+
+    const newTitle = title
+      .toLowerCase()
+      .replace(/[^a-z0-9]+/g, "-")
+      .split("-")
+      .filter(Boolean)
+      .join("-")
+      .slice(0, 96);
+
+    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}
+sdk: static
+pinned: false
+tags:
+  - deepsite
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference`;
+
+    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 files = [file, readmeFile];
+    await uploadFiles({
+      repo,
+      files,
+      accessToken: user.token as string,
+      commitTitle: `${prompts[prompts.length - 1]} - Initial Deployment`,
+    });
+    const path = repoUrl.split("/").slice(-2).join("/");
+    const project = await Project.create({
+      user_id: user.id,
+      space_id: path,
+      prompts,
+    });
+    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

@@ -0,0 +1,25 @@
+import { headers } from "next/headers";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  const authHeaders = await headers();
+  const token = authHeaders.get("Authorization");
+  if (!token) {
+    return NextResponse.json({ user: null, errCode: 401 }, { status: 401 });
+  }
+
+  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
+    headers: {
+      Authorization: `${token}`,
+    },
+  });
+
+  if (!userResponse.ok) {
+    return NextResponse.json(
+      { user: null, errCode: userResponse.status },
+      { status: userResponse.status }
+    );
+  }
+  const user = await userResponse.json();
+  return NextResponse.json({ user, errCode: null }, { status: 200 });
+}

app/api/projects/[repoId]/[commitId]/route.ts

@@ -1,49 +0,0 @@
-import { auth } from "@/lib/auth";
-import { createBranch, RepoDesignation } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function POST(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string; commitId: string }> }
-) {
-  const { repoId, commitId }: { repoId: string; commitId: string } =
-    await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const commitTitle = `🔖 ${format(new Date(), "dd/MM")} - ${format(
-    new Date(),
-    "HH:mm"
-  )} - Set commit ${commitId} as default.`;
-
-  await fetch(
-    `https://huggingface.co/api/spaces/${session.user?.username}/${repoId}/branch/main`,
-    {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${token}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        startingPoint: commitId,
-        overwrite: true,
-      }),
-    }
-  ).catch((error) => {
-    return NextResponse.json(
-      { error: error ?? "Failed to create branch" },
-      { status: 500 }
-    );
-  });
-
-  return NextResponse.json({ success: true }, { status: 200 });
-}

app/api/projects/[repoId]/download/route.ts

@@ -1,76 +0,0 @@
-import { auth } from "@/lib/auth";
-import { downloadFile, listFiles, RepoDesignation } from "@huggingface/hub";
-import { NextResponse } from "next/server";
-import JSZip from "jszip";
-
-export async function GET(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  try {
-    const zip = new JSZip();
-    for await (const fileInfo of listFiles({ 
-      repo, 
-      accessToken: token as string, 
-      recursive: true,
-    })) {
-      if (fileInfo.type === "directory" || fileInfo.path.startsWith(".")) {
-        continue;
-      }
-
-      try {
-        const blob = await downloadFile({ 
-          repo, 
-          accessToken: token as string, 
-          path: fileInfo.path, 
-          raw: true 
-        }).catch((error) => {
-          return null;
-        });
-        if (!blob) {
-          continue;
-        }
-
-        if (blob) {
-          const arrayBuffer = await blob.arrayBuffer();
-          zip.file(fileInfo.path, arrayBuffer);
-        }
-      } catch (error) {
-        console.error(`Error downloading file ${fileInfo.path}:`, error);
-      }
-    }
-
-    const zipBlob = await zip.generateAsync({ 
-      type: "blob",
-      compression: "DEFLATE",
-      compressionOptions: {
-        level: 6
-      }
-    });
-
-    const projectName = `${session.user?.username}-${repoId}`.replace(/[^a-zA-Z0-9-_]/g, '_');
-    const filename = `${projectName}.zip`;
-
-    return new NextResponse(zipBlob, {
-      headers: {
-        "Content-Type": "application/zip",
-        "Content-Disposition": `attachment; filename="${filename}"`,
-        "Content-Length": zipBlob.size.toString(),
-      },
-    });
-  } catch (error) {
-    console.error("Error downloading project:", error);
-    return NextResponse.json({ error: "Failed to download project" }, { status: 500 });
-  }
-}

app/api/projects/[repoId]/medias/route.ts

@@ -1,87 +0,0 @@
-import { auth } from "@/lib/auth";
-import { RepoDesignation, uploadFiles } from "@huggingface/hub";
-import { NextResponse } from "next/server";
-
-export async function POST(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const formData = await request.formData();
-  const newMedias = formData.getAll("images") as File[];
-
-  const filesToUpload: File[] = [];
-
-  if (!newMedias || newMedias.length === 0) {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "At least one media file is required under the 'images' key",
-      },
-      { status: 400 }
-    );
-  }
-
-  try {
-    for (const media of newMedias) {
-      const isImage = media.type.startsWith("image/");
-      const isVideo = media.type.startsWith("video/");
-      const isAudio = media.type.startsWith("audio/");
-
-      const folderPath = isImage
-        ? "images/"
-        : isVideo
-        ? "videos/"
-        : isAudio
-        ? "audios/"
-        : null;
-
-      if (!folderPath) {
-        return NextResponse.json(
-          { ok: false, error: "Unsupported media type: " + media.type },
-          { status: 400 }
-        );
-      }
-
-      const mediaName = `${folderPath}${media.name}`;
-      const processedFile = new File([media], mediaName, { type: media.type });
-      filesToUpload.push(processedFile);
-    }
-
-    await uploadFiles({
-      repo,
-      files: filesToUpload,
-      accessToken: token,
-      commitTitle: `📁 Upload media files through DeepSite`,
-    });
-
-    return NextResponse.json(
-      {
-        success: true,
-        medias: filesToUpload.map(
-          (file) =>
-            `https://huggingface.co/spaces/${session.user?.username}/${repoId}/resolve/main/${file.name}`
-        ),
-      },
-      { status: 200 }
-    );
-  } catch (error) {
-    return NextResponse.json(
-      { ok: false, error: error ?? "Failed to upload media files" },
-      { status: 500 }
-    );
-  }
-
-  return NextResponse.json({ success: true }, { status: 200 });
-}

app/api/projects/[repoId]/rename/route.ts

@@ -1,92 +0,0 @@
-import { auth } from "@/lib/auth";
-import { downloadFile, RepoDesignation, uploadFile } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function PUT(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { newTitle } = body;
-
-  if (!newTitle) {
-    return NextResponse.json(
-      { error: "newTitle is required" },
-      { status: 400 }
-    );
-  }
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const blob = await downloadFile({
-    repo,
-    accessToken: token,
-    path: "README.md",
-    raw: true,
-  }).catch((_) => {
-    return null;
-  });
-
-  if (!blob) {
-    return NextResponse.json(
-      { error: "Could not fetch README.md" },
-      { status: 500 }
-    );
-  }
-
-  const readmeFile = await blob?.text();
-  if (!readmeFile) {
-    return NextResponse.json(
-      { error: "Could not read README.md content" },
-      { status: 500 }
-    );
-  }
-
-  // Escape YAML values to prevent injection attacks
-  const escapeYamlValue = (value: string): string => {
-    if (/[:|>]|^[-*#]|^\s|['"]/.test(value) || value.includes("\n")) {
-      return `"${value.replace(/"/g, '\\"')}"`;
-    }
-    return value;
-  };
-
-  // Escape commit message to prevent injection
-  const escapeCommitMessage = (message: string): string => {
-    return message.replace(/[\r\n]/g, " ").slice(0, 200);
-  };
-
-  const updatedReadmeFile = readmeFile.replace(
-    /^title:\s*(.*)$/m,
-    `title: ${escapeYamlValue(newTitle)}`
-  );
-
-  await uploadFile({
-    repo,
-    accessToken: token,
-    file: new File([updatedReadmeFile], "README.md", { type: "text/markdown" }),
-    commitTitle: escapeCommitMessage(
-      `🐳 ${format(new Date(), "dd/MM")} - ${format(
-        new Date(),
-        "HH:mm"
-      )} - Rename project to "${newTitle}"`
-    ),
-  });
-
-  return NextResponse.json(
-    {
-      success: true,
-    },
-    { status: 200 }
-  );
-}

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

@@ -1,104 +0,0 @@
-import { auth } from "@/lib/auth";
-import { RepoDesignation, deleteRepo, uploadFiles } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function PUT(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { files, prompt, isManualChanges } = body;
-
-  if (!files) {
-    return NextResponse.json({ error: "Files are required" }, { status: 400 });
-  }
-
-  if (!prompt) {
-    return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
-  }
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const filesToUpload: File[] = [];
-  for (const file of files) {
-    let mimeType = "text/x-python";
-    if (file.path.endsWith(".txt")) {
-      mimeType = "text/plain";
-    } else if (file.path.endsWith(".md")) {
-      mimeType = "text/markdown";
-    } else if (file.path.endsWith(".json")) {
-      mimeType = "application/json";
-    }
-    filesToUpload.push(new File([file.content], file.path, { type: mimeType }));
-  }
-  // Escape commit title to prevent injection
-  const escapeCommitTitle = (title: string): string => {
-    return title.replace(/[\r\n]/g, " ").slice(0, 200);
-  };
-
-  const baseTitle = isManualChanges
-    ? ""
-    : `🐳 ${format(new Date(), "dd/MM")} - ${format(new Date(), "HH:mm")} - `;
-  const commitTitle = escapeCommitTitle(
-    baseTitle + (prompt ?? "Follow-up DeepSite commit")
-  );
-  const response = await uploadFiles({
-    repo,
-    files: filesToUpload,
-    accessToken: token,
-    commitTitle,
-  });
-
-  return NextResponse.json(
-    {
-      success: true,
-      commit: {
-        oid: response.commit,
-        title: commitTitle,
-        date: new Date(),
-      },
-    },
-    { status: 200 }
-  );
-}
-
-export async function DELETE(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  try {
-    await deleteRepo({
-      repo,
-      accessToken: token as string,
-    });
-
-    return NextResponse.json({ success: true }, { status: 200 });
-  } catch (error) {
-    const errMsg =
-      error instanceof Error ? error.message : "Failed to delete project";
-    return NextResponse.json({ error: errMsg }, { status: 500 });
-  }
-}

app/api/projects/route.ts

@@ -1,145 +0,0 @@
-import { NextResponse } from "next/server";
-import { RepoDesignation, createRepo, uploadFiles } from "@huggingface/hub";
-
-import { auth } from "@/lib/auth";
-import {
-  COLORS,
-  EMOJIS_FOR_SPACE,
-  injectDeepSiteBadge,
-  isIndexPage,
-} from "@/lib/utils";
-
-// todo: catch error while publishing project, and return the error to the user
-// if space has been created, but can't push, try again or catch well the error and return the error to the user
-
-export async function POST(request: Request) {
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { projectTitle, files, prompt } = body;
-
-  if (!files) {
-    return NextResponse.json(
-      { error: "Project title and files are required" },
-      { status: 400 }
-    );
-  }
-
-  const title =
-    projectTitle || projectTitle !== "" ? projectTitle : "DeepSite Project";
-
-  let formattedTitle = title
-    .toLowerCase()
-    .replace(/[^a-z0-9]+/g, "-")
-    .split("-")
-    .filter(Boolean)
-    .join("-")
-    .slice(0, 75);
-
-  formattedTitle =
-    formattedTitle + "-" + Math.random().toString(36).substring(2, 7);
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + formattedTitle,
-  };
-
-  // Escape YAML values to prevent injection attacks
-  const escapeYamlValue = (value: string): string => {
-    if (/[:|>]|^[-*#]|^\s|['"]/.test(value) || value.includes("\n")) {
-      return `"${value.replace(/"/g, '\\"')}"`;
-    }
-    return value;
-  };
-
-  // Escape markdown headers to prevent injection
-  const escapeMarkdownHeader = (value: string): string => {
-    return value.replace(/^#+\s*/g, "").replace(/\n/g, " ");
-  };
-
-  const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const emoji =
-    EMOJIS_FOR_SPACE[Math.floor(Math.random() * EMOJIS_FOR_SPACE.length)];
-  const README = `---
-title: ${escapeYamlValue(projectTitle)}
-colorFrom: ${colorFrom}
-colorTo: ${colorTo}
-sdk: static
-emoji: ${emoji}
-tags:
-  - deepsite-v4
----
-
-# ${escapeMarkdownHeader(title)}
-
-This project has been created with [DeepSite](https://deepsite.hf.co) AI Vibe Coding.
-`;
-
-  const filesToUpload: File[] = [
-    new File([README], "README.md", { type: "text/markdown" }),
-  ];
-  for (const file of files) {
-    let mimeType = "text/html";
-    if (file.path.endsWith(".css")) {
-      mimeType = "text/css";
-    } else if (file.path.endsWith(".js")) {
-      mimeType = "text/javascript";
-    }
-    const content =
-      mimeType === "text/html" && isIndexPage(file.path)
-        ? injectDeepSiteBadge(file.content)
-        : file.content;
-
-    filesToUpload.push(new File([content], file.path, { type: mimeType }));
-  }
-
-  let repoUrl: string | undefined;
-  
-  try {
-    // Create the space first
-    const createResult = await createRepo({
-      accessToken: token as string,
-      repo: repo,
-      sdk: "static",
-    });
-    repoUrl = createResult.repoUrl;
-
-    // Escape commit message to prevent injection
-    const escapeCommitMessage = (message: string): string => {
-      return message.replace(/[\r\n]/g, " ").slice(0, 200);
-    };
-    const commitMessage = escapeCommitMessage(prompt ?? "Initial DeepSite commit");
-    
-    // Upload files to the created space
-    await uploadFiles({
-      repo,
-      files: filesToUpload,
-      accessToken: token as string,
-      commitTitle: commitMessage,
-    });
-
-    const path = repoUrl.split("/").slice(-2).join("/");
-
-    return NextResponse.json({ repoUrl: path }, { status: 200 });
-  } catch (error) {
-    const errMsg =
-      error instanceof Error ? error.message : "Failed to create or upload to space";
-    
-    // If space was created but upload failed, include the repo URL in the error
-    if (repoUrl) {
-      const path = repoUrl.split("/").slice(-2).join("/");
-      return NextResponse.json({ 
-        error: `${errMsg}. Space was created at ${path} but files could not be uploaded.`,
-        repoUrl: path,
-        partialSuccess: true
-      }, { status: 500 });
-    }
-    
-    return NextResponse.json({ error: errMsg }, { status: 500 });
-  }
-}

app/api/re-design/route.ts

@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function PUT(request: NextRequest) {
+  const body = await request.json();
+  const { url } = body;
+
+  if (!url) {
+    return NextResponse.json({ error: "URL is required" }, { status: 400 });
+  }
+
+  try {
+    const response = await fetch(
+      `https://r.jina.ai/${encodeURIComponent(url)}`,
+      {
+        method: "POST",
+      }
+    );
+    if (!response.ok) {
+      return NextResponse.json(
+        { error: "Failed to fetch redesign" },
+        { status: 500 }
+      );
+    }
+    const markdown = await response.text();
+    return NextResponse.json(
+      {
+        ok: true,
+        markdown,
+      },
+      { status: 200 }
+    );
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } catch (error: any) {
+    return NextResponse.json(
+      { error: error.message || "An error occurred" },
+      { status: 500 }
+    );
+  }
+}

app/api/redesign/route.ts

@@ -1,73 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { NextRequest, NextResponse } from "next/server";
-
-const FETCH_TIMEOUT = 30_000;
-export const maxDuration = 60;
-
-export async function PUT(request: NextRequest) {
-  const body = await request.json();
-  const { url } = body;
-
-  if (!url) {
-    return NextResponse.json({ error: "URL is required" }, { status: 400 });
-  }
-
-  try {
-    const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), FETCH_TIMEOUT);
-
-    try {
-      const response = await fetch(
-        `https://r.jina.ai/${encodeURIComponent(url)}`,
-        {
-          method: "POST",
-          signal: controller.signal,
-        }
-      );
-
-      clearTimeout(timeoutId);
-
-      if (!response.ok) {
-        return NextResponse.json(
-          { error: "Failed to fetch redesign" },
-          { status: 500 }
-        );
-      }
-      const markdown = await response.text();
-      return NextResponse.json(
-        {
-          ok: true,
-          markdown,
-        },
-        { status: 200 }
-      );
-    } catch (fetchError: any) {
-      clearTimeout(timeoutId);
-
-      if (fetchError.name === "AbortError") {
-        return NextResponse.json(
-          {
-            error:
-              "Request timeout: The external service took too long to respond. Please try again.",
-          },
-          { status: 504 }
-        );
-      }
-      throw fetchError;
-    }
-  } catch (error: any) {
-    if (error.name === "AbortError" || error.message?.includes("timeout")) {
-      return NextResponse.json(
-        {
-          error:
-            "Request timeout: The external service took too long to respond. Please try again.",
-        },
-        { status: 504 }
-      );
-    }
-    return NextResponse.json(
-      { error: error.message || "An error occurred" },
-      { status: 500 }
-    );
-  }
-}

app/auth/callback/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+import Link from "next/link";
+import { useUser } from "@/hooks/useUser";
+import { use, useState } from "react";
+import { useMount, useTimeoutFn } from "react-use";
+
+import { Button } from "@/components/ui/button";
+export default function AuthCallback({
+  searchParams,
+}: {
+  searchParams: Promise<{ code: string }>;
+}) {
+  const [showButton, setShowButton] = useState(false);
+  const { code } = use(searchParams);
+  const { loginFromCode } = useUser();
+
+  useMount(async () => {
+    if (code) {
+      await loginFromCode(code);
+    }
+  });
+
+  useTimeoutFn(
+    () => setShowButton(true),
+    7000 // Show button after 5 seconds
+  );
+
+  return (
+    <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>
+            <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>
+            {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>
+    </div>
+  );
+}

app/auth/page.tsx

@@ -0,0 +1,28 @@
+import { redirect } from "next/navigation";
+import { Metadata } from "next";
+
+import { getAuth } from "@/app/actions/auth";
+
+export const revalidate = 1;
+
+export const metadata: Metadata = {
+  robots: "noindex, nofollow",
+};
+
+export default async function Auth() {
+  const loginRedirectUrl = await getAuth();
+  if (loginRedirectUrl) {
+    redirect(loginRedirectUrl);
+  }
+
+  return (
+    <div className="p-4">
+      <div className="border bg-red-500/10 border-red-500/20 text-red-500 px-5 py-3 rounded-lg">
+        <h1 className="text-xl font-bold">Error</h1>
+        <p className="text-sm">
+          An error occurred while trying to log in. Please try again later.
+        </p>
+      </div>
+    </div>
+  );
+}

app/layout.tsx

@@ -1,33 +1,53 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import { NextStepProvider } from "nextstepjs";
-import Script from "next/script";
+import { Inter, PT_Sans } from "next/font/google";
+import { cookies } from "next/headers";
 
-import "@/app/globals.css";
-import { ThemeProvider } from "@/components/providers/theme";
-import { AuthProvider } from "@/components/providers/session";
+import TanstackProvider from "@/components/providers/tanstack-query-provider";
+import "@/assets/globals.css";
 import { Toaster } from "@/components/ui/sonner";
-import { ReactQueryProvider } from "@/components/providers/react-query";
-import { generateSEO, generateStructuredData } from "@/lib/seo";
-import { NotAuthorizedDomain } from "@/components/not-authorized";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+import { apiServer } from "@/lib/api";
+import AppContext from "@/components/contexts/app-context";
+import Script from "next/script";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
+const inter = Inter({
+  variable: "--font-inter-sans",
   subsets: ["latin"],
 });
 
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
+const ptSans = PT_Sans({
+  variable: "--font-ptSans-mono",
   subsets: ["latin"],
+  weight: ["400", "700"],
 });
 
 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",
@@ -38,70 +58,50 @@ export const metadata: Metadata = {
     shortcut: "/logo.svg",
     apple: "/logo.svg",
   },
-  verification: {
-    google: process.env.GOOGLE_SITE_VERIFICATION,
-  },
 };
 
 export const viewport: Viewport = {
   initialScale: 1,
   maximumScale: 1,
-  themeColor: "#4f46e5",
+  themeColor: "#000000",
 };
 
+async function getMe() {
+  const cookieStore = await cookies();
+  const token = cookieStore.get(MY_TOKEN_KEY())?.value;
+  if (!token) return { user: null, errCode: null };
+  try {
+    const res = await apiServer.get("/me", {
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    return { user: res.data.user, errCode: null };
+  } catch (err: any) {
+    return { user: null, errCode: err.status };
+  }
+}
+
 export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  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",
-  });
-
+  const data = await getMe();
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
+      <Script
+        defer
+        data-domain="deepsite.hf.co"
+        src="https://plausible.io/js/script.js"
+      ></Script>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${inter.variable} ${ptSans.variable} antialiased bg-black dark h-[100dvh] overflow-hidden`}
       >
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(structuredData),
-          }}
-        />
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationData),
-          }}
-        />
-        <Script
-          defer
-          data-domain="deepsite.hf.co"
-          src="https://plausible.io/js/script.js"
-        />
-        <Toaster richColors />
-        <AuthProvider>
-          <ReactQueryProvider>
-            <ThemeProvider
-              attribute="class"
-              defaultTheme="dark"
-              enableSystem
-              disableTransitionOnChange
-            >
-              <NextStepProvider>
-                {children}
-                <NotAuthorizedDomain />
-              </NextStepProvider>
-            </ThemeProvider>
-          </ReactQueryProvider>
-        </AuthProvider>
+        <Toaster richColors position="bottom-center" />
+        <TanstackProvider>
+          <AppContext me={data}>{children}</AppContext>
+        </TanstackProvider>
       </body>
     </html>
   );