💄 style: improve home page loading for better UX (#5075)

* 💄 style: improve home page loading for better UX

* 🐛 fix: fix next auth isLoaded issue

locales/ar/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) جارٍ تحميل صفحة الدردشة...",
-    "initAuth": "(2/4) جاري تهيئة خدمة المصادقة...",
-    "initUser": "(3/4) جاري تهيئة حالة المستخدم...",
-    "initializing": "(1/4) جارٍ تشغيل التطبيق..."
+    "appInitializing": "جارٍ تشغيل التطبيق...",
+    "finished": "تم الانتهاء من تهيئة قاعدة البيانات",
+    "goToChat": "جارٍ تحميل صفحة الدردشة...",
+    "initAuth": "جارٍ تهيئة خدمة المصادقة...",
+    "initUser": "جارٍ تهيئة حالة المستخدم...",
+    "initializing": "جارٍ تهيئة قاعدة بيانات PGlite...",
+    "loadingDependencies": "جارٍ تهيئة الاعتمادات...",
+    "loadingWasm": "جارٍ تحميل وحدة WASM...",
+    "migrating": "جارٍ تنفيذ ترحيل الجداول...",
+    "ready": "قاعدة البيانات جاهزة"
   },
   "autoGenerate": "توليد تلقائي",
   "autoGenerateTooltip": "إكمال تلقائي بناءً على الكلمات المقترحة لوصف المساعد",
@@ -38,14 +44,28 @@
       "error": "حدث خطأ، يرجى إعادة المحاولة",
       "idle": "في انتظار التهيئة...",
       "initializing": "جارٍ التهيئة...",
-      "loadingDependencies": "جارٍ تحميل التبعيات ({{progress}}%)...",
-      "loadingWasmModule": "جارٍ تحميل وحدة WASM ({{progress}}%)...",
-      "migrating": "جارٍ ترحيل البيانات...",
+      "loadingDependencies": "جارٍ تحميل الاعتماديات...",
+      "loadingWasmModule": "جارٍ تحميل وحدة WASM...",
+      "migrating": "جارٍ تنفيذ ترحيل البيانات...",
       "ready": "قاعدة البيانات جاهزة"
     },
     "modal": {
       "desc": "قم بتمكين قاعدة بيانات عميل PGlite، لتخزين بيانات الدردشة بشكل دائم في متصفحك، واستخدام ميزات متقدمة مثل مكتبة المعرفة",
       "enable": "تمكين الآن",
+      "features": {
+        "knowledgeBase": {
+          "desc": "قم بتخزين قاعدة معرفتك الشخصية وابدأ محادثة مع مساعدك بسهولة (قريبًا)",
+          "title": "دعم محادثة قاعدة المعرفة، افتح دماغك الثاني"
+        },
+        "localFirst": {
+          "desc": "تُخزن بيانات الدردشة بالكامل في المتصفح، بياناتك دائمًا تحت سيطرتك.",
+          "title": "الأولوية محلية، الخصوصية أولاً"
+        },
+        "pglite": {
+          "desc": "مبني على PGlite، يدعم بشكل أصلي ميزات AI Native المتقدمة (استرجاع المتجهات)",
+          "title": "بنية تخزين عميل من الجيل الجديد"
+        }
+      },
       "init": {
         "desc": "جارٍ تهيئة قاعدة البيانات، قد يستغرق الأمر من 5 إلى 30 ثانية حسب اختلاف الشبكة",
         "title": "جارٍ تهيئة قاعدة بيانات PGlite"

locales/bg-BG/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) Зареждане на страницата за разговори...",
-    "initAuth": "(2/4) Инициализиране на услугата за удостоверяване...",
-    "initUser": "(3/4) Инициализиране на състоянието на потребителя...",
-    "initializing": "(1/4) Стартиране на приложението..."
+    "appInitializing": "Приложението се стартира...",
+    "finished": "Инициализацията на базата данни е завършена",
+    "goToChat": "Зареждане на страницата за разговори...",
+    "initAuth": "Инициализиране на услугата за удостоверяване...",
+    "initUser": "Инициализиране на състоянието на потребителя...",
+    "initializing": "Инициализиране на PGlite базата данни...",
+    "loadingDependencies": "Инициализиране на зависимостите...",
+    "loadingWasm": "Зареждане на WASM модула...",
+    "migrating": "Извършване на миграция на таблиците...",
+    "ready": "Базата данни е готова"
   },
   "autoGenerate": "Автоматично генериране",
   "autoGenerateTooltip": "Автоматично генериране на описание на агент въз основа на подкани",
@@ -38,14 +44,28 @@
       "error": "Възникна грешка, моля опитайте отново",
       "idle": "Изчакване на инициализация...",
       "initializing": "Инициализиране...",
-      "loadingDependencies": "Зареждане на зависимости ({{progress}}%)...",
-      "loadingWasmModule": "Зареждане на WASM модула ({{progress}}%)...",
-      "migrating": "Мигриране на данни...",
+      "loadingDependencies": "Зареждане на зависимости...",
+      "loadingWasmModule": "Зареждане на WASM модула...",
+      "migrating": "Извършване на миграция на данни...",
       "ready": "Базата данни е готова"
     },
     "modal": {
       "desc": "Активирайте PGlite клиентската база данни, за да съхранявате данни за чата в браузъра си и да използвате разширени функции като база знания.",
       "enable": "Активирайте сега",
+      "features": {
+        "knowledgeBase": {
+          "desc": "Създайте своя лична база знания и лесно започнете разговори с вашия асистент (скоро налично)",
+          "title": "Поддръжка на разговори в базата знания, активирайте втория си мозък"
+        },
+        "localFirst": {
+          "desc": "Данните от чата се съхраняват изцяло в браузъра, вашите данни винаги са под ваш контрол.",
+          "title": "Локален приоритет, конфиденциалността е на първо място"
+        },
+        "pglite": {
+          "desc": "Изграден на базата на PGlite, нативна поддръжка на AI Native висши функции (векторно търсене)",
+          "title": "Новото поколение архитектура за съхранение на клиенти"
+        }
+      },
       "init": {
         "desc": "Инициализиране на базата данни, времето за което може да варира от 5 до 30 секунди в зависимост от мрежата.",
         "title": "Инициализиране на PGlite базата данни"

locales/de-DE/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) Lade die Chat-Seite...",
-    "initAuth": "(2/4) Authentifizierungsdienst wird initialisiert...",
-    "initUser": "(3/4) Benutzerstatus wird initialisiert...",
-    "initializing": "(1/4) Anwendung wird gestartet..."
+    "appInitializing": "Anwendung wird gestartet...",
+    "finished": "Datenbankinitialisierung abgeschlossen",
+    "goToChat": "Lade die Chat-Seite...",
+    "initAuth": "Initialisiere den Authentifizierungsdienst...",
+    "initUser": "Initialisiere den Benutzerstatus...",
+    "initializing": "Initialisiere die PGlite-Datenbank...",
+    "loadingDependencies": "Abhängigkeiten werden initialisiert...",
+    "loadingWasm": "WASM-Module werden geladen...",
+    "migrating": "Datenbankmigration wird durchgeführt...",
+    "ready": "Datenbank ist bereit"
   },
   "autoGenerate": "Automatisch generieren",
   "autoGenerateTooltip": "Assistentenbeschreibung automatisch auf Basis von Vorschlägen vervollständigen",
@@ -38,14 +44,28 @@
       "error": "Ein Fehler ist aufgetreten, bitte versuchen Sie es erneut",
       "idle": "Warte auf die Initialisierung...",
       "initializing": "Wird initialisiert...",
-      "loadingDependencies": "Lade Abhängigkeiten ({ {progress}}%)...",
-      "loadingWasmModule": "Lade WASM-Modul ({ {progress}}%)...",
-      "migrating": "Daten werden migriert...",
+      "loadingDependencies": "Abhängigkeiten werden geladen...",
+      "loadingWasmModule": "WASM-Modul wird geladen...",
+      "migrating": "Datenbankmigration wird durchgeführt...",
       "ready": "Datenbank ist bereit"
     },
     "modal": {
       "desc": "Aktivieren Sie die PGlite-Clientdatenbank, um Chatdaten in Ihrem Browser dauerhaft zu speichern und erweiterte Funktionen wie Wissensdatenbanken zu nutzen.",
       "enable": "Jetzt aktivieren",
+      "features": {
+        "knowledgeBase": {
+          "desc": "Bauen Sie Ihre persönliche Wissensdatenbank auf und führen Sie mühelos Gespräche mit Ihrem Assistenten (demnächst verfügbar)",
+          "title": "Unterstützung für Wissensdatenbankgespräche, aktivieren Sie Ihr zweites Gehirn"
+        },
+        "localFirst": {
+          "desc": "Chat-Daten werden vollständig im Browser gespeichert, Ihre Daten sind immer in Ihrer Kontrolle.",
+          "title": "Lokale Priorität, Datenschutz an erster Stelle"
+        },
+        "pglite": {
+          "desc": "Basierend auf PGlite, unterstützt nativ AI Native fortgeschrittene Funktionen (Vektorsuche)",
+          "title": "Neue Generation der Client-Speicherarchitektur"
+        }
+      },
       "init": {
         "desc": "Die Datenbank wird initialisiert, je nach Netzwerkbedingungen kann dies 5 bis 30 Sekunden dauern.",
         "title": "Initialisiere PGlite-Datenbank"

locales/en-US/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) Loading chat page...",
-    "initAuth": "(2/4) Initializing authentication service...",
-    "initUser": "(3/4) Initializing user status...",
-    "initializing": "(1/4) Starting up application..."
+    "appInitializing": "Application is starting...",
+    "finished": "Database initialization completed",
+    "goToChat": "Loading chat page...",
+    "initAuth": "Initializing authentication service...",
+    "initUser": "Initializing user status...",
+    "initializing": "Initializing PGlite database...",
+    "loadingDependencies": "Initializing dependencies...",
+    "loadingWasm": "Loading WASM module...",
+    "migrating": "Performing database migration...",
+    "ready": "Database is ready"
   },
   "autoGenerate": "Auto Generate",
   "autoGenerateTooltip": "Auto-generate assistant description based on prompts",
@@ -38,14 +44,28 @@
       "error": "An error occurred, please try again",
       "idle": "Waiting for initialization...",
       "initializing": "Initializing...",
-      "loadingDependencies": "Loading dependencies ({{progress}}%)...",
-      "loadingWasmModule": "Loading WASM module ({{progress}}%)...",
-      "migrating": "Migrating data...",
+      "loadingDependencies": "Loading dependencies...",
+      "loadingWasmModule": "Loading WASM module...",
+      "migrating": "Performing database migration...",
       "ready": "Database is ready"
     },
     "modal": {
       "desc": "Enable the PGlite client database to persistently store chat data in your browser and use advanced features like knowledge base.",
       "enable": "Enable Now",
+      "features": {
+        "knowledgeBase": {
+          "desc": "Build your personal knowledge base and easily start conversations with your assistant (coming soon)",
+          "title": "Support for knowledge base conversations, unlock your second brain"
+        },
+        "localFirst": {
+          "desc": "Chat data is stored entirely in the browser, keeping your data always under your control.",
+          "title": "Local first, privacy first"
+        },
+        "pglite": {
+          "desc": "Built on PGlite, natively supports AI Native advanced features (vector retrieval)",
+          "title": "Next-generation client storage architecture"
+        }
+      },
       "init": {
         "desc": "Initializing the database, which may take 5 to 30 seconds depending on network conditions.",
         "title": "Initializing PGlite Database"

locales/es-ES/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) Cargando la página de chat...",
-    "initAuth": "(2/4) Inicializando el servicio de autenticación...",
-    "initUser": "(3/4) Inicializando el estado del usuario...",
-    "initializing": "(1/4) Iniciando la aplicación..."
+    "appInitializing": "Iniciando la aplicación...",
+    "finished": "Inicialización de la base de datos completada",
+    "goToChat": "Cargando la página de chat...",
+    "initAuth": "Inicializando el servicio de autenticación...",
+    "initUser": "Inicializando el estado del usuario...",
+    "initializing": "Inicializando la base de datos PGlite...",
+    "loadingDependencies": "Inicializando dependencias...",
+    "loadingWasm": "Cargando módulo WASM...",
+    "migrating": "Ejecutando migración de tablas de datos...",
+    "ready": "Base de datos lista"
   },
   "autoGenerate": "Generación automática",
   "autoGenerateTooltip": "Completar automáticamente la descripción del asistente basándose en las sugerencias",
@@ -38,14 +44,28 @@
       "error": "Ha ocurrido un error, por favor reintente",
       "idle": "Esperando la inicialización...",
       "initializing": "Inicializando...",
-      "loadingDependencies": "Cargando dependencias ({{progress}}%)...",
-      "loadingWasmModule": "Cargando módulo WASM ({{progress}}%)...",
-      "migrating": "Migrando datos...",
+      "loadingDependencies": "Cargando dependencias...",
+      "loadingWasmModule": "Cargando módulo WASM...",
+      "migrating": "Ejecutando migración de tablas de datos...",
       "ready": "La base de datos está lista"
     },
     "modal": {
       "desc": "Habilite la base de datos del cliente PGlite para almacenar de forma persistente los datos del chat en su navegador y utilizar características avanzadas como la base de conocimientos.",
       "enable": "Habilitar ahora",
+      "features": {
+        "knowledgeBase": {
+          "desc": "Consolida tu base de conocimientos personal y comienza conversaciones sobre ella con tu asistente fácilmente (próximamente)",
+          "title": "Soporte para conversaciones de base de conocimientos, activa tu segundo cerebro"
+        },
+        "localFirst": {
+          "desc": "Los datos de chat se almacenan completamente en el navegador, tus datos siempre están bajo tu control.",
+          "title": "Prioridad local, privacidad ante todo"
+        },
+        "pglite": {
+          "desc": "Construido sobre PGlite, soporte nativo para características avanzadas de AI Native (búsqueda vectorial)",
+          "title": "Nueva arquitectura de almacenamiento de cliente de próxima generación"
+        }
+      },
       "init": {
         "desc": "Inicializando la base de datos, el tiempo puede variar de 5 a 30 segundos dependiendo de la red.",
         "title": "Inicializando la base de datos PGlite"

locales/fa-IR/common.json

@@ -10,10 +10,16 @@
     }
   },
   "appLoading": {
-    "goToChat": "(4/4) در حال بارگذاری صفحه گفتگو...",
-    "initAuth": "(2/4) در حال راه‌اندازی سرویس احراز هویت...",
-    "initUser": "(3/4) در حال راه‌اندازی وضعیت کاربر...",
-    "initializing": "(1/4) در حال راه‌اندازی برنامه..."
+    "appInitializing": "در حال راه‌اندازی برنامه...",
+    "finished": "راه‌اندازی پایگاه داده کامل شد",
+    "goToChat": "در حال بارگذاری صفحه گفتگو...",
+    "initAuth": "در حال راه‌اندازی سرویس احراز هویت...",
+    "initUser": "در حال راه‌اندازی وضعیت کاربر...",
+    "initializing": "در حال راه‌اندازی پایگاه داده PGlite...",
+    "loadingDependencies": "در حال بارگذاری وابستگی‌ها...",
+    "loadingWasm": "در حال بارگذاری ماژول WASM...",
+    "migrating": "در حال اجرای مهاجرت جداول داده...",
+    "ready": "پایگاه داده آماده است"
   },
   "autoGenerate": "تکمیل خودکار",
   "autoGenerateTooltip": "تکمیل خودکار توضیحات دستیار بر اساس کلمات راهنما",
@@ -38,14 +44,28 @@
       "error": "خطایی رخ داده است، لطفاً دوباره تلاش کنید",
       "idle": "در حال انتظار برای راه‌اندازی...",
       "initializing": "در حال راه‌اندازی...",
-      "loadingDependencies": "در حال بارگذاری وابستگی‌ها ({{progress}}%)...",
-      "loadingWasmModule": "در حال بارگذاری ماژول WASM ({{progress}}%)...",
-      "migrating": "در حال انتقال داده‌ها...",
+      "loadingDependencies": "در حال بارگذاری وابستگی‌ها...",
+      "loadingWasmModule": "در حال بارگذاری ماژول WASM...",
+      "migrating": "در حال انجام مهاجرت جدول داده‌ها...",
       "ready": "پایگاه داده آماده است"
     },
     "modal": {
       "desc": "فعال‌سازی پایگاه داده کلاینت PGlite، برای ذخیره‌سازی دائمی داده‌های گفتگو در مرورگر شما و استفاده از ویژگی‌های پیشرفته مانند دانش‌نامه",
       "enable": "همین حالا فعال‌سازی کنید",
+      "features": {
+        "knowledgeBase": {
+          "desc": "دانشنامه شخصی خود را بسازید و به راحتی با دستیار خود گفتگو کنید (به زودی منتشر می‌شود)",
+          "title": "پشتیبانی از گفتگو در دانشنامه، آغاز مغز دوم"
+        },
+        "localFirst": {
+          "desc": "تمام داده‌های چت در مرورگر ذخیره می‌شوند و داده‌های شما همیشه در کنترل شماست.",
+          "title": "اولویت محلی، حریم خصوصی در اولویت"
+        },
+        "pglite": {
+          "desc": "بر اساس PGlite ساخته شده، پشتیبانی بومی از ویژگی‌های پیشرفته AI Native (جستجوی برداری)",
+          "title": "معماری ذخیره‌سازی کلاینت نسل جدید"
+        }
+      },
       "init": {
         "desc": "در حال راه‌اندازی پایگاه داده، بسته به تفاوت‌های شبکه ممکن است ۵ تا ۳۰ ثانیه طول بکشد",
         "title": "در حال راه‌اندازی پایگاه داده PGlite"