release: version 0.9.52 (#1327 )

feat: add an option to show remaining in minutes of the current chapter, closes #406 (#1326 )
chore: bump pdf.js to latest release of version 4 (#1325 )
2025-06-03 15:49:04 +02:00 · 2025-06-03 15:37:55 +02:00 · 2025-06-03 13:22:52 +02:00 · 2025-06-03 11:43:58 +02:00 · 2025-06-03 08:55:40 +02:00 · 2025-06-02 17:27:02 +02:00
82 changed files with 1602 additions and 640 deletions
@@ -253,6 +253,7 @@ The following libraries and frameworks are used in this software:
 - [fflate](https://github.com/101arrowz/fflate), which is MIT licensed.
 - [PDF.js](https://github.com/mozilla/pdf.js), which is licensed under Apache License 2.0.
 - [daisyUI](https://github.com/saadeghi/daisyui), which is MIT licensed.
+- [marked](https://github.com/markedjs/marked), which is MIT licensed.
 - [next.js](https://github.com/vercel/next.js), which is MIT licensed.
 - [react-icons](https://github.com/react-icons/react-icons), which has various open-source licenses.
 - [react](https://github.com/facebook/react), which is MIT licensed.
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.9.50",
+  "version": "0.9.52",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -67,6 +67,7 @@
    "i18next-http-backend": "^3.0.1",
    "js-md5": "^0.8.3",
    "jwt-decode": "^4.0.0",
+    "marked": "^15.0.12",
    "next": "15.2.4",
    "posthog-js": "^1.246.0",
    "react": "19.0.0",
@@ -81,6 +82,7 @@
  },
  "devDependencies": {
    "@opennextjs/cloudflare": "^0.5.12",
+    "@tailwindcss/typography": "^0.5.16",
    "@tauri-apps/cli": "2.5.0",
    "@types/cors": "^2.8.17",
    "@types/cssbeautify": "^0.3.5",
@@ -334,5 +334,23 @@
  "Scroll": "تمرير",
  "Overlap Pixels": "تداخل البكسلات",
  "Click": "نقر",
-  "System Language": "لغة النظام"
+  "System Language": "لغة النظام",
+  "Security": "الأمان",
+  "Allow JavaScript": "السماح بـ JavaScript",
+  "Enable only if you trust the file.": "تمكين فقط إذا كنت تثق في الملف.",
+  "Sort TOC by Page": "ترتيب جدول المحتويات حسب الصفحة",
+  "Search in {{count}} Book(s)..._zero": "بحث في الكتب...",
+  "Search in {{count}} Book(s)..._one": "بحث في كتاب...",
+  "Search in {{count}} Book(s)..._two": "بحث في كتابين...",
+  "Search in {{count}} Book(s)..._few": "بحث في {{count}} كتب...",
+  "Search in {{count}} Book(s)..._many": "بحث في {{count}} كتابًا...",
+  "Search in {{count}} Book(s)..._other": "بحث في {{count}} من الكتب...",
+  "No notes match your search": "لا توجد ملاحظات تطابق بحثك",
+  "Search notes and excerpts...": "بحث في الملاحظات والمقتطفات...",
+  "Sign in to Sync": "سجّل للمزامنة",
+  "Synced at {{time}}": "تمت عند {{time}}",
+  "Never synced": "لم تُزامَن",
+  "Show Remaining Time": "إظهار الوقت المتبقي",
+  "Show Page Number": "إظهار رقم الصفحة",
+  "{{time}} min left in chapter": "{{time}} دقيقة متبقية في الفصل"
 }
@@ -330,5 +330,19 @@
  "Scroll": "Scrollen",
  "Overlap Pixels": "Überlappungspixel",
  "Click": "Tippen",
-  "System Language": "Systemsprache"
+  "System Language": "Systemsprache",
+  "Security": "Sicherheit",
+  "Allow JavaScript": "JavaScript zulassen",
+  "Enable only if you trust the file.": "Nur aktivieren, wenn Sie der Datei vertrauen.",
+  "Sort TOC by Page": "TOC nach Seite sortieren",
+  "Search in {{count}} Book(s)..._one": "Suche in {{count}} Buch...",
+  "Search in {{count}} Book(s)..._other": "Suche in {{count}} Büchern...",
+  "No notes match your search": "Noch keine Notizen gefunden",
+  "Search notes and excerpts...": "Notizen und Auszüge suchen...",
+  "Sign in to Sync": "Anmelden zum Synchronisieren",
+  "Synced at {{time}}": "Synchronisiert um {{time}}",
+  "Never synced": "Nie synchronisiert",
+  "Show Remaining Time": "Verbleibende Zeit anzeigen",
+  "Show Page Number": "Seitenzahl anzeigen",
+  "{{time}} min left in chapter": "{{time}} min verbleibend im Kapitel"
 }
@@ -330,5 +330,19 @@
  "Scroll": "Κύλιση",
  "Overlap Pixels": "Επικάλυψη εικονοστοιχείων",
  "Click": "Κλικ",
-  "System Language": "Γλώσσα συστήματος"
+  "System Language": "Γλώσσα συστήματος",
+  "Security": "Ασφάλεια",
+  "Allow JavaScript": "Επιτρέψτε JavaScript",
+  "Enable only if you trust the file.": "Ενεργοποιήστε μόνο εάν εμπιστεύεστε το αρχείο.",
+  "Sort TOC by Page": "Ταξινόμηση TOC κατά σελίδα",
+  "Search in {{count}} Book(s)..._one": "Αναζήτηση σε {{count}} Βιβλίο...",
+  "Search in {{count}} Book(s)..._other": "Αναζήτηση σε {{count}} Βιβλία...",
+  "No notes match your search": "Καμία σημείωση δεν βρέθηκε",
+  "Search notes and excerpts...": "Αναζήτηση σημειώσεων...",
+  "Sign in to Sync": "Σύνδεση για συγχρονισμό",
+  "Synced at {{time}}": "Συγχρονίστηκε στις {{time}}",
+  "Never synced": "Ποτέ δεν συγχρονίστηκε",
+  "Show Remaining Time": "Εμφάνιση υπολειπόμενου χρόνου",
+  "Show Page Number": "Εμφάνιση αριθμού σελίδας",
+  "{{time}} min left in chapter": "{{time}} λεπτά απομένουν στο κεφάλαιο"
 }
@@ -1,4 +1,8 @@
 {
  "LXGW WenKai GB Screen": "LXGW WenKai SC",
-  "LXGW WenKai TC": "LXGW WenKai TC"
+  "LXGW WenKai TC": "LXGW WenKai TC",
+  "Are you sure to delete {{count}} selected book(s)?_one": "Are you sure to delete {{count}} selected book?",
+  "Are you sure to delete {{count}} selected book(s)?_other": "Are you sure to delete {{count}} selected books?",
+  "Search in {{count}} Book(s)..._one": "Search in {{count}} book...",
+  "Search in {{count}} Book(s)..._other": "Search in {{count}} books..."
 }
@@ -331,5 +331,20 @@
  "Scroll": "Desplazar",
  "Overlap Pixels": "Superponer píxeles",
  "Click": "Click",
-  "System Language": "Idioma del sistema"
+  "System Language": "Idioma del sistema",
+  "Security": "Seguridad",
+  "Allow JavaScript": "Permitir JavaScript",
+  "Enable only if you trust the file.": "Permitir solo si confías en el archivo.",
+  "Sort TOC by Page": "Ordenar TOC por página",
+  "Search in {{count}} Book(s)..._one": "Buscar en {{count}} libro...",
+  "Search in {{count}} Book(s)..._many": "Buscar en {{count}} libros...",
+  "Search in {{count}} Book(s)..._other": "Buscar en {{count}} libros...",
+  "No notes match your search": "No se encontraron notas",
+  "Search notes and excerpts...": "Buscar notas...",
+  "Sign in to Sync": "Inicia sesión para sincronizar",
+  "Synced at {{time}}": "Sincronizado a las {{time}}",
+  "Never synced": "Nunca sincronizado",
+  "Show Remaining Time": "Mostrar tiempo restante",
+  "Show Page Number": "Mostrar número de página",
+  "{{time}} min left in chapter": "{{time}} min restantes en el capítulo"
 }
@@ -331,5 +331,20 @@
  "Scroll": "Défilement",
  "Overlap Pixels": "Pixels de chevauchement",
  "Click": "Cliquer",
-  "System Language": "Langue du système"
+  "System Language": "Langue du système",
+  "Security": "Sécurité",
+  "Allow JavaScript": "Autoriser JavaScript",
+  "Enable only if you trust the file.": "Activer uniquement si vous faites confiance au fichier.",
+  "Sort TOC by Page": "Tris la table des matières par page",
+  "Search in {{count}} Book(s)..._one": "Rechercher dans {{count}} Livre...",
+  "Search in {{count}} Book(s)..._many": "Rechercher dans {{count}} Livres...",
+  "Search in {{count}} Book(s)..._other": "Rechercher dans {{count}} Livres...",
+  "No notes match your search": "Aucune note trouvée",
+  "Search notes and excerpts...": "Rechercher des notes...",
+  "Sign in to Sync": "Connectez-vous pour synchroniser",
+  "Synced at {{time}}": "Synchronisé à {{time}}",
+  "Never synced": "Jamais synchronisé",
+  "Show Remaining Time": "Afficher le temps restant",
+  "Show Page Number": "Afficher le numéro de page",
+  "{{time}} min left in chapter": "{{time}} min restant dans le chapitre"
 }
@@ -330,5 +330,19 @@
  "Scroll": "स्क्रॉल",
  "Overlap Pixels": "ओवरलैप पिक्सेल",
  "Click": "क्लिक करें",
-  "System Language": "सिस्टम भाषा"
+  "System Language": "सिस्टम भाषा",
+  "Security": "सुरक्षा",
+  "Allow JavaScript": "जावास्क्रिप्ट की अनुमति दें",
+  "Enable only if you trust the file.": "केवल तभी सक्षम करें जब आप फ़ाइल पर भरोसा करते हों।",
+  "Sort TOC by Page": "सामग्री को पृष्ठ द्वारा क्रमबद्ध करें",
+  "Search in {{count}} Book(s)..._one": "{{count}} पुस्तक में खोजें...",
+  "Search in {{count}} Book(s)..._other": "{{count}} पुस्तकों में खोजें...",
+  "No notes match your search": "कोई नोट्स नहीं मिले",
+  "Search notes and excerpts...": "नोट्स खोजें...",
+  "Sign in to Sync": "सिंक करने के लिए साइन इन करें",
+  "Synced at {{time}}": "{{time}} पर सिंक किया गया",
+  "Never synced": "कभी सिंक नहीं किया गया",
+  "Show Remaining Time": "शेष समय दिखाएं",
+  "Show Page Number": "पृष्ठ संख्या दिखाएं",
+  "{{time}} min left in chapter": "{{time}} मिनट शेष अध्याय में"
 }
@@ -329,5 +329,18 @@
  "Scroll": "Scroll",
  "Overlap Pixels": "Overlap Piksel",
  "Click": "Klik",
-  "System Language": "Bahasa Sistem"
+  "System Language": "Bahasa Sistem",
+  "Security": "Keamanan",
+  "Allow JavaScript": "Izinkan JavaScript",
+  "Enable only if you trust the file.": "Aktifkan hanya jika Anda mempercayai file tersebut.",
+  "Sort TOC by Page": "Urutkan TOC berdasarkan Halaman",
+  "Search in {{count}} Book(s)..._other": "Cari di {{count}} Buku...",
+  "No notes match your search": "Tidak ada catatan ditemukan",
+  "Search notes and excerpts...": "Cari catatan...",
+  "Sign in to Sync": "Masuk untuk Sinkronisasi",
+  "Synced at {{time}}": "Disinkronkan pada {{time}}",
+  "Never synced": "Belum pernah disinkronkan",
+  "Show Remaining Time": "__STRING_NOT_TRANSLATED__",
+  "Show Page Number": "__STRING_NOT_TRANSLATED__",
+  "{{time}} min left in chapter": "{{time}} menit tersisa di bab"
 }
@@ -331,5 +331,20 @@
  "Scroll": "Scorri",
  "Overlap Pixels": "Pixel di sovrapposizione",
  "Click": "Fai clic",
-  "System Language": "Lingua di sistema"
+  "System Language": "Lingua di sistema",
+  "Security": "Security",
+  "Allow JavaScript": "Consenti JavaScript",
+  "Enable only if you trust the file.": "Abilita solo se ti fidi del file.",
+  "Sort TOC by Page": "Ordina sommario per pagina",
+  "Search in {{count}} Book(s)..._one": "Cerca in {{count}} libro...",
+  "Search in {{count}} Book(s)..._many": "Cerca in {{count}} libri...",
+  "Search in {{count}} Book(s)..._other": "Cerca in {{count}} libri...",
+  "No notes match your search": "Nessuna nota trovata",
+  "Search notes and excerpts...": "Cerca nelle note...",
+  "Sign in to Sync": "Accedi per sincronizzare",
+  "Synced at {{time}}": "Sincronizzato alle {{time}}",
+  "Never synced": "Mai sincronizzato",
+  "Show Remaining Time": "Mostra tempo rimanente",
+  "Show Page Number": "Mostra numero pagina",
+  "{{time}} min left in chapter": "{{time}} min rimasti nel capitolo"
 }
@@ -329,5 +329,18 @@
  "Scroll": "スクロール",
  "Overlap Pixels": "重なりピクセル",
  "Click": "クリック",
-  "System Language": "システム言語"
+  "System Language": "システム言語",
+  "Security": "セキュリティ",
+  "Allow JavaScript": "JavaScriptを許可",
+  "Enable only if you trust the file.": "ファイルを信頼する場合にのみ有効にしてください。",
+  "Sort TOC by Page": "目次をページで並べ替え",
+  "Search in {{count}} Book(s)..._other": "{{count}}冊の本を検索...",
+  "No notes match your search": "ノートが見つかりません",
+  "Search notes and excerpts...": "ノートを検索...",
+  "Sign in to Sync": "同期するにはサインイン",
+  "Synced at {{time}}": "{{time}} に同期済み",
+  "Never synced": "まだ同期されていません",
+  "Show Remaining Time": "残り時間を表示",
+  "Show Page Number": "ページ番号を表示",
+  "{{time}} min left in chapter": "{{time}}分残り"
 }
@@ -329,5 +329,18 @@
  "Scroll": "스크롤",
  "Overlap Pixels": "겹치는 픽셀",
  "Click": "클릭",
-  "System Language": "시스템 언어"
+  "System Language": "시스템 언어",
+  "Security": "보안",
+  "Allow JavaScript": "JavaScript 허용",
+  "Enable only if you trust the file.": "파일을 신뢰하는 경우에만 활성화하세요.",
+  "Sort TOC by Page": "목차를 페이지별로 정렬",
+  "Search in {{count}} Book(s)..._other": "{{count}}권의 책에서 검색...",
+  "No notes match your search": "일치하는 노트가 없습니다",
+  "Search notes and excerpts...": "노트 검색...",
+  "Sign in to Sync": "동기화를 위해 로그인하세요",
+  "Synced at {{time}}": "{{time}}에 동기화됨",
+  "Never synced": "동기화된 적 없음",
+  "Show Remaining Time": "남은 시간 표시",
+  "Show Page Number": "페이지 번호 표시",
+  "{{time}} min left in chapter": "{{time}}분 남음"
 }
@@ -330,5 +330,19 @@
  "Scroll": "Scrollen",
  "Overlap Pixels": "Overlap pixels",
  "Click": "Klik",
-  "System Language": "Systemtaal"
+  "System Language": "Systemtaal",
+  "Security": "Beveiliging",
+  "Allow JavaScript": "JavaScript toestaan",
+  "Enable only if you trust the file.": "Schakel alleen in als u het bestand vertrouwt.",
+  "Sort TOC by Page": "__STRING_NOT_TRANSLATED__",
+  "Search in {{count}} Book(s)..._one": "Zoeken in {{count}} Boek...",
+  "Search in {{count}} Book(s)..._other": "Zoeken in {{count}} Boeken...",
+  "No notes match your search": "Geen notities gevonden",
+  "Search notes and excerpts...": "Zoek notities...",
+  "Sign in to Sync": "Meld je aan om te synchroniseren",
+  "Synced at {{time}}": "Gesynchroniseerd om {{time}}",
+  "Never synced": "Nooit gesynchroniseerd",
+  "Show Remaining Time": "Toon resterende tijd",
+  "Show Page Number": "Toon paginanummer",
+  "{{time}} min left in chapter": "Nog {{time}} min in hoofdstuk"
 }
@@ -332,5 +332,21 @@
  "Scroll": "Przewijaj",
  "Overlap Pixels": "Przesunięcie pikseli",
  "Click": "Kliknij",
-  "System Language": "Język systemu"
+  "System Language": "Język systemu",
+  "Security": "Bezpieczeństwo",
+  "Allow JavaScript": "Zezwól na JavaScript",
+  "Enable only if you trust the file.": "Zezwól tylko wtedy, gdy ufasz plikowi.",
+  "Sort TOC by Page": "Sortuj spis treści według strony",
+  "Search in {{count}} Book(s)..._one": "Szukaj w {{count}} książce...",
+  "Search in {{count}} Book(s)..._few": "Szukaj w {{count}} książkach...",
+  "Search in {{count}} Book(s)..._many": "Szukaj w {{count}} książkach...",
+  "Search in {{count}} Book(s)..._other": "Szukaj w {{count}} książkach...",
+  "No notes match your search": "Nie znaleziono notatek",
+  "Search notes and excerpts...": "Szukaj notatek...",
+  "Sign in to Sync": "Zaloguj się",
+  "Synced at {{time}}": "Sync: {{time}}",
+  "Never synced": "Brak synchronizacji",
+  "Show Remaining Time": "Pokazuj pozostały czas",
+  "Show Page Number": "Pokaż numer strony",
+  "{{time}} min left in chapter": "{{time}} min pozostało do końca rozdziału"
 }
@@ -331,5 +331,20 @@
  "Scroll": "Rolar",
  "Overlap Pixels": "Sobreposição de Pixels",
  "Click": "Clique",
-  "System Language": "Idioma do Sistema"
+  "System Language": "Idioma do Sistema",
+  "Security": "Segurança",
+  "Allow JavaScript": "Permitir JavaScript",
+  "Enable only if you trust the file.": "Ativar apenas se você confiar no arquivo.",
+  "Sort TOC by Page": "Ordenar TOC por Página",
+  "Search in {{count}} Book(s)..._one": "Pesquisar em {{count}} Livro...",
+  "Search in {{count}} Book(s)..._many": "Pesquisar em {{count}} Livros...",
+  "Search in {{count}} Book(s)..._other": "Pesquisar em {{count}} Livros...",
+  "No notes match your search": "Nenhuma nota encontrada",
+  "Search notes and excerpts...": "Buscar notas...",
+  "Sign in to Sync": "Entrar",
+  "Synced at {{time}}": "Sincronizado às {{time}}",
+  "Never synced": "Nunca sincronizado",
+  "Show Remaining Time": "Mostrar Tempo Restante",
+  "Show Page Number": "Mostrar Número da Página",
+  "{{time}} min left in chapter": "{{time}} min restantes no capítulo"
 }
@@ -332,5 +332,21 @@
  "Scroll": "Прокрутка",
  "Overlap Pixels": "Перекрывающиеся пиксели",
  "Click": "Клик",
-  "System Language": "Системный язык"
+  "System Language": "Системный язык",
+  "Security": "Безопасность",
+  "Allow JavaScript": "Разрешить JavaScript",
+  "Enable only if you trust the file.": "Включите только если доверяете файлу.",
+  "Sort TOC by Page": "Сортировать содержание по странице",
+  "Search in {{count}} Book(s)..._one": "Поиск в {{count}} книге...",
+  "Search in {{count}} Book(s)..._few": "Поиск в {{count}} книгах...",
+  "Search in {{count}} Book(s)..._many": "Поиск в {{count}} книгах...",
+  "Search in {{count}} Book(s)..._other": "Поиск в {{count}} книгах...",
+  "No notes match your search": "Записи не найдены",
+  "Search notes and excerpts...": "Искать записи...",
+  "Sign in to Sync": "Войти",
+  "Synced at {{time}}": "Синхр. в {{time}}",
+  "Never synced": "Не синхр.",
+  "Show Remaining Time": "Показать оставшееся время",
+  "Show Page Number": "Показать номер страницы",
+  "{{time}} min left in chapter": "{{time}} мин осталось в главе"
 }
@@ -330,5 +330,19 @@
  "Scroll": "Kaydır",
  "Overlap Pixels": "Örtüşen Pikseller",
  "Click": "Klik",
-  "System Language": "System Dili"
+  "System Language": "System Dili",
+  "Security": "Security",
+  "Allow JavaScript": "JavaScript'e İzin Ver",
+  "Enable only if you trust the file.": "Yalnızca dosyaya güveniyorsanız etkinleştirin.",
+  "Sort TOC by Page": "İçindekileri Sayfaya Göre Sırala",
+  "Search in {{count}} Book(s)..._one": "{{count}} kitapta ara...",
+  "Search in {{count}} Book(s)..._other": "{{count}} kitapta ara...",
+  "No notes match your search": "Eşleşen not bulunamadı",
+  "Search notes and excerpts...": "Notlarda ara...",
+  "Sign in to Sync": "Giriş yap",
+  "Synced at {{time}}": "{{time}}'de eşzlendi",
+  "Never synced": "Hiç eşzlenmedi",
+  "Show Remaining Time": "Kalan Süreyi Göster",
+  "Show Page Number": "Sayfa Numarasını Göster",
+  "{{time}} min left in chapter": "{{time}} dakika bölümde kaldı"
 }
@@ -332,5 +332,21 @@
  "Scroll": "Прокрутка",
  "Overlap Pixels": "Пікселі перекриття",
  "Click": "Клацнути",
-  "System Language": "Системна мова"
+  "System Language": "Системна мова",
+  "Security": "Безпека",
+  "Allow JavaScript": "Дозволити JavaScript",
+  "Enable only if you trust the file.": "Увімкніть лише якщо довіряєте файлу.",
+  "Sort TOC by Page": "Сортувати зміст за сторінкою",
+  "Search in {{count}} Book(s)..._one": "Шукати в {{count}} книзі...",
+  "Search in {{count}} Book(s)..._few": "Шукати в {{count}} книгах...",
+  "Search in {{count}} Book(s)..._many": "Шукати в {{count}} книгах...",
+  "Search in {{count}} Book(s)..._other": "Шукати в {{count}} книгах...",
+  "No notes match your search": "Нотаток не знайдено",
+  "Search notes and excerpts...": "Шукати нотатки...",
+  "Sign in to Sync": "Увійти",
+  "Synced at {{time}}": "Синхр. о {{time}}",
+  "Never synced": "Ніколи не синхр.",
+  "Show Remaining Time": "Показати залишок часу",
+  "Show Page Number": "Показати номер сторінки",
+  "{{time}} min left in chapter": "{{time}} хв до кінця розділу"
 }
@@ -329,5 +329,18 @@
  "Scroll": "Cuộn",
  "Overlap Pixels": "Chồng lấn pixel",
  "Click": "Nhấp",
-  "System Language": "Ngôn ngữ hệ thống"
+  "System Language": "Ngôn ngữ hệ thống",
+  "Security": "An ninh",
+  "Allow JavaScript": "Cho phép JavaScript",
+  "Enable only if you trust the file.": "Chỉ bật nếu bạn tin tưởng tệp.",
+  "Sort TOC by Page": "Sort Mục lục theo Trang",
+  "Search in {{count}} Book(s)..._other": "Tìm kiếm trong {{count}} cuốn sách...",
+  "No notes match your search": "Không tìm thấy ghi chú nào",
+  "Search notes and excerpts...": "Tìm ghi chú...",
+  "Sign in to Sync": "Đăng nhập",
+  "Synced at {{time}}": "Đã đồng bộ lúc {{time}}",
+  "Never synced": "Chưa từng đồng bộ",
+  "Show Remaining Time": "Hiển thị thời gian còn lại",
+  "Show Page Number": "Hiển thị số trang",
+  "{{time}} min left in chapter": "{{time}} phút còn lại trong chương"
 }
@@ -329,5 +329,18 @@
  "Scroll": "滚动",
  "Overlap Pixels": "重叠像素",
  "Click": "点击",
-  "System Language": "系统语言"
+  "System Language": "系统语言",
+  "Security": "安全",
+  "Allow JavaScript": "允许 JavaScript",
+  "Enable only if you trust the file.": "建议仅在您信任该文件时启用",
+  "Sort TOC by Page": "按页码排序目录",
+  "Search in {{count}} Book(s)..._other": "在 {{count}} 本书籍中搜索...",
+  "No notes match your search": "未找到匹配的笔记",
+  "Search notes and excerpts...": "搜索笔记...",
+  "Sign in to Sync": "登录后同步",
+  "Synced at {{time}}": "同步于：{{time}}",
+  "Never synced": "从未同步",
+  "Show Remaining Time": "显示剩余时间",
+  "Show Page Number": "显示页码",
+  "{{time}} min left in chapter": "本章剩余 {{time}} 分钟"
 }
@@ -329,5 +329,18 @@
  "Scroll": "滾動",
  "Overlap Pixels": "重疊像素",
  "Click": "點擊",
-  "System Language": "系統語言"
+  "System Language": "系統語言",
+  "Security": "安全",
+  "Allow JavaScript": "允許 JavaScript",
+  "Enable only if you trust the file.": "建議僅在您信任該檔案時啟用",
+  "Sort TOC by Page": "依頁碼排序目錄",
+  "Search in {{count}} Book(s)..._other": "在 {{count}} 本書中搜索...",
+  "No notes match your search": "找不到符合的筆記",
+  "Search notes and excerpts...": "搜尋筆記...",
+  "Sign in to Sync": "登入以同步",
+  "Synced at {{time}}": "同步於：{{time}}",
+  "Never synced": "從未同步",
+  "Show Remaining Time": "顯示剩餘時間",
+  "Show Page Number": "顯示頁碼",
+  "{{time}} min left in chapter": "本章剩餘 {{time}} 分鐘"
 }
@@ -1,5 +1,28 @@
 {
  "releases": {
+    "0.9.52": {
+      "date": "2025-06-03",
+      "notes": [
+        "Library: The search bar now shows the number of books currently displayed",
+        "Book Details: Book descriptions now support rich HTML formatting",
+        "Notebook: Added support for writing notes using Markdown",
+        "Notebook: You can now search within your notes",
+        "Sync: A sync status item has been added to the View menu",
+        "TOC: You can now sort the table of contents by page number",
+        "Reader: Option added to show remaining time in the current chapter"
+      ]
+    },
+    "0.9.51": {
+      "date": "2025-06-01",
+      "notes": [
+        "Translator: Table of contents is now included in translations",
+        "Library Theme: Added light, dark, and system theme options to the library page",
+        "TTS: Now shows the current sentence and chapter in the media session",
+        "TTS: Text-to-speech continues from the last read sentence",
+        "Pagination Fix: Taking notes no longer breaks page turning",
+        "EPUB Scripts: Added a setting to allow JavaScript in EPUB files"
+      ]
+    },
    "0.9.50": {
      "date": "2025-05-28",
      "notes": [
@@ -68,12 +68,10 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  );
  const isImportingBook = useRef(false);

-  const { setLibrary } = useLibraryStore();
+  const { currentBookshelf, setCurrentBookshelf, setLibrary } = useLibraryStore();
  const allBookshelfItems =
    viewMode === 'grid' ? generateGridItems(libraryBooks) : generateListItems(libraryBooks);

-  const currentBookshelfItems = navBooksGroup ? navBooksGroup.books : allBookshelfItems;
-
  useEffect(() => {
    if (isImportingBook.current) return;
    isImportingBook.current = true;
@@ -93,6 +91,15 @@ const Bookshelf: React.FC<BookshelfProps> = ({
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [importBookUrl, appService]);

+  useEffect(() => {
+    if (navBooksGroup) {
+      setCurrentBookshelf(navBooksGroup.books);
+    } else {
+      setCurrentBookshelf(allBookshelfItems);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [libraryBooks, navBooksGroup]);
+
  useEffect(() => {
    const group = searchParams?.get('group') || '';
    const query = searchParams?.get('q') || '';
@@ -227,7 +234,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
    }
  };
  const sortOrderMultiplier = sortOrder === 'asc' ? 1 : -1;
-  const filteredBookshelfItems = currentBookshelfItems
+  const filteredBookshelfItems = currentBookshelf
    .filter((item) => {
      if ('name' in item) return item.books.some((book) => bookFilter(book, queryTerm || ''));
      else if (queryTerm) return bookFilter(item, queryTerm);
@@ -11,10 +11,11 @@ import { IoMdCloseCircle } from 'react-icons/io';
 import { useEnv } from '@/context/EnvContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useLibraryStore } from '@/store/libraryStore';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
-import { throttle } from '@/utils/throttle';
+import { debounce } from '@/utils/debounce';
 import useShortcuts from '@/hooks/useShortcuts';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
@@ -44,6 +45,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
  const searchParams = useSearchParams();
  const { appService } = useEnv();
  const { statusBarHeight } = useThemeStore();
+  const { currentBookshelf } = useLibraryStore();
  const {
    isTrafficLightVisible,
    initializeTrafficLightStore,
@@ -62,8 +64,8 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
  });

  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const throttledUpdateQueryParam = useCallback(
-    throttle((value: string) => {
+  const debouncedUpdateQueryParam = useCallback(
+    debounce((value: string) => {
      const params = new URLSearchParams(searchParams?.toString());
      if (value) {
        params.set('q', value);
@@ -71,14 +73,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
        params.delete('q');
      }
      router.push(`?${params.toString()}`);
-    }, 1000),
+    }, 500),
    [searchParams],
  );

  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const newQuery = e.target.value;
    setSearchQuery(newQuery);
-    throttledUpdateQueryParam(newQuery);
+    debouncedUpdateQueryParam(newQuery);
  };

  useEffect(() => {
@@ -95,6 +97,10 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({

  const windowButtonVisible = appService?.hasWindowBar && !isTrafficLightVisible;
  const isInGroupView = !!searchParams?.get('group');
+  const currentBooksCount = currentBookshelf.reduce(
+    (acc, item) => acc + ('books' in item ? item.books.length : 1),
+    0,
+  );

  return (
    <div
@@ -130,7 +136,13 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
            <input
              type='text'
              value={searchQuery}
-              placeholder={_('Search Books...')}
+              placeholder={
+                currentBooksCount > 1
+                  ? _('Search in {{count}} Book(s)...', {
+                      count: currentBooksCount,
+                    })
+                  : _('Search Books...')
+              }
              onChange={handleSearchChange}
              spellCheck='false'
              className={clsx(
@@ -146,7 +158,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
                type='button'
                onClick={() => {
                  setSearchQuery('');
-                  throttledUpdateQueryParam('');
+                  debouncedUpdateQueryParam('');
                }}
                className='pe-1 text-gray-400 hover:text-gray-600'
                aria-label={_('Clear Search')}
@@ -4,12 +4,15 @@ import { useRouter } from 'next/navigation';
 import { PiUserCircle } from 'react-icons/pi';
 import { PiUserCircleCheck } from 'react-icons/pi';
 import { MdCheck } from 'react-icons/md';
+import { TbSunMoon } from 'react-icons/tb';
+import { BiMoon, BiSun } from 'react-icons/bi';

 import { setAboutDialogVisible } from '@/components/AboutWindow';
 import { isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
 import { DOWNLOAD_READEST_URL } from '@/services/constants';
 import { useAuth } from '@/context/AuthContext';
 import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
@@ -31,6 +34,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
  const router = useRouter();
  const { envConfig, appService } = useEnv();
  const { token, user } = useAuth();
+  const { themeMode, setThemeMode } = useThemeStore();
  const { settings, setSettings, saveSettings } = useSettingsStore();
  const [quotas, setQuotas] = React.useState<QuotaType[]>([]);
  const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
@@ -48,6 +52,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
    setAboutDialogVisible(true);
    setIsDropdownOpen?.(false);
  };
+
  const downloadReadest = () => {
    window.open(DOWNLOAD_READEST_URL, '_blank');
    setIsDropdownOpen?.(false);
@@ -63,6 +68,11 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
    setIsDropdownOpen?.(false);
  };

+  const cycleThemeMode = () => {
+    const nextMode = themeMode === 'auto' ? 'light' : themeMode === 'light' ? 'dark' : 'auto';
+    setThemeMode(nextMode);
+  };
+
  const handleReloadPage = () => {
    window.location.reload();
    setIsDropdownOpen?.(false);
@@ -226,6 +236,17 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
        onClick={toggleScreenWakeLock}
      />
      <MenuItem label={_('Reload Page')} onClick={handleReloadPage} />
+      <MenuItem
+        label={
+          themeMode === 'dark'
+            ? _('Dark Mode')
+            : themeMode === 'light'
+              ? _('Light Mode')
+              : _('Auto Mode')
+        }
+        Icon={themeMode === 'dark' ? BiMoon : themeMode === 'light' ? BiSun : TbSunMoon}
+        onClick={cycleThemeMode}
+      />
      <hr className='border-base-200 my-1' />
      {isWebAppPlatform() && <MenuItem label={_('Download Readest')} onClick={downloadReadest} />}
      <MenuItem label={_('About Readest')} onClick={showAboutReadest} />
@@ -32,7 +32,7 @@ import { useThemeStore } from '@/store/themeStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
 import { lockScreenOrientation } from '@/utils/bridge';
-import { mountAdditionalFonts } from '@/utils/style';
+import { mountAdditionalFonts } from '@/utils/font';
 import {
  tauriHandleSetAlwaysOnTop,
  tauriHandleToggleFullScreen,
@@ -11,7 +11,7 @@ import getGridTemplate from '@/utils/grid';
 import SectionInfo from './SectionInfo';
 import HeaderBar from './HeaderBar';
 import FooterBar from './FooterBar';
-import PageInfoView from './PageInfo';
+import ProgressInfoView from './ProgressInfo';
 import Ribbon from './Ribbon';
 import SettingsDialog from './settings/SettingsDialog';
 import Annotator from './annotator/Annotator';
@@ -57,7 +57,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
        const { book, bookDoc } = bookData || {};
        if (!book || !config || !bookDoc || !viewSettings) return null;

-        const { section, pageinfo, sectionLabel } = progress || {};
+        const { section, pageinfo, timeinfo, sectionLabel } = progress || {};
        const isBookmarked = getViewState(bookKey)?.ribbonVisible;
        const horizontalGapPercent = viewSettings.gapPercent;
        const verticalMarginPixels = viewSettings.marginPx;
@@ -139,13 +139,12 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              verticalMargin={verticalMarginPixels}
            />
            {showFooter && (
-              <PageInfoView
+              <ProgressInfoView
+                bookKey={bookKey}
                bookFormat={book.format}
                section={section}
                pageinfo={pageinfo}
-                showDoubleBorder={viewSettings.vertical && viewSettings.doubleBorder}
-                isScrolled={viewSettings.scrolled}
-                isVertical={viewSettings.vertical}
+                timeinfo={timeinfo}
                horizontalGap={horizontalGapPercent}
                verticalMargin={verticalMarginPixels}
              />
@@ -5,13 +5,15 @@ import { FoliateView, wrappedFoliateView } from '@/types/view';
 import { useEnv } from '@/context/EnvContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
+import { useBookDataStore } from '@/store/bookDataStore';
 import { useParallelViewStore } from '@/store/parallelViewStore';
 import { useMouseEvent, useTouchEvent } from '../hooks/useIframeEvents';
 import { usePagination } from '../hooks/usePagination';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
 import { useProgressSync } from '../hooks/useProgressSync';
 import { useProgressAutoSave } from '../hooks/useProgressAutoSave';
-import { getStyles, mountAdditionalFonts, transformStylesheet } from '@/utils/style';
+import { getStyles, transformStylesheet } from '@/utils/style';
+import { mountAdditionalFonts } from '@/utils/font';
 import { getBookDirFromLanguage, getBookDirFromWritingMode } from '@/utils/book';
 import { useUICSS } from '@/hooks/useUICSS';
 import {
@@ -26,6 +28,7 @@ import {
 } from '../utils/iframeEventHandlers';
 import { getMaxInlineSize } from '@/utils/config';
 import { getDirFromUILanguage } from '@/utils/rtl';
+import { isCJKLang } from '@/utils/lang';
 import { transformContent } from '@/services/transformService';
 import { lockScreenOrientation } from '@/utils/bridge';
 import { useTextTranslation } from '../hooks/useTextTranslation';
@@ -42,6 +45,7 @@ const FoliateViewer: React.FC<{
  const { getView, setView: setFoliateView, setProgress } = useReaderStore();
  const { getViewSettings, setViewSettings } = useReaderStore();
  const { getParallels } = useParallelViewStore();
+  const { getBookData } = useBookDataStore();
  const { themeCode, isDarkMode } = useThemeStore();

  const [toastMessage, setToastMessage] = useState('');
@@ -57,7 +61,15 @@ const FoliateViewer: React.FC<{

  const progressRelocateHandler = (event: Event) => {
    const detail = (event as CustomEvent).detail;
-    setProgress(bookKey, detail.cfi, detail.tocItem, detail.section, detail.location, detail.range);
+    setProgress(
+      bookKey,
+      detail.cfi,
+      detail.tocItem,
+      detail.section,
+      detail.location,
+      detail.time,
+      detail.range,
+    );
  };

  const getDocTransformHandler = ({ width, height }: { width: number; height: number }) => {
@@ -92,6 +104,7 @@ const FoliateViewer: React.FC<{
    if (detail.doc) {
      const writingDir = viewRef.current?.renderer.setStyles && getDirection(detail.doc);
      const viewSettings = getViewSettings(bookKey)!;
+      const bookData = getBookData(bookKey)!;
      viewSettings.vertical =
        writingDir?.vertical || viewSettings.writingMode.includes('vertical') || false;
      viewSettings.rtl =
@@ -101,7 +114,7 @@ const FoliateViewer: React.FC<{
        false;
      setViewSettings(bookKey, { ...viewSettings });

-      mountAdditionalFonts(detail.doc);
+      mountAdditionalFonts(detail.doc, isCJKLang(bookData.book?.primaryLanguage));

      if (!detail.doc.isEventListenersAdded) {
        // listened events in iframes are posted to the main window
@@ -41,8 +41,8 @@ const FooterBar: React.FC<FooterBarProps> = ({
 }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
-  const { hoveredBookKey, setHoveredBookKey, getView, getProgress, getViewSettings } =
-    useReaderStore();
+  const { hoveredBookKey, setHoveredBookKey } = useReaderStore();
+  const { getView, getViewState, getProgress, getViewSettings } = useReaderStore();
  const { isSideBarVisible, setSideBarVisible } = useSidebarStore();
  const [actionTab, setActionTab] = React.useState('');
  const sliderHeight = useResponsiveSize(28);
@@ -53,6 +53,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
  const view = getView(bookKey);
  const progress = getProgress(bookKey);
  const viewSettings = getViewSettings(bookKey);
+  const viewState = getViewState(bookKey);

  const handleProgressChange = (value: number) => {
    view?.goToFraction(value / 100.0);
@@ -108,11 +109,10 @@ const FooterBar: React.FC<FooterBarProps> = ({

  const handleSpeakText = async () => {
    if (!view || !progress) return;
-    const { range } = progress;
    if (eventDispatcher.dispatchSync('tts-is-speaking')) {
      eventDispatcher.dispatch('tts-stop', { bookKey });
    } else {
-      eventDispatcher.dispatch('tts-speak', { bookKey, range });
+      eventDispatcher.dispatch('tts-speak', { bookKey });
    }
  };

@@ -147,6 +147,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
  };

  const isVisible = hoveredBookKey === bookKey;
+  const ttsEnabled = viewState?.ttsEnabled;
  const progressInfo = bookFormat === 'PDF' ? section : pageinfo;
  const progressValid = !!progressInfo;
  const progressFraction =
@@ -312,7 +313,10 @@ const FooterBar: React.FC<FooterBarProps> = ({
            }
            onClick={() => handleSetActionTab('font')}
          />
-          <Button icon={<TTSIcon className='' />} onClick={() => handleSetActionTab('tts')} />
+          <Button
+            icon={<TTSIcon className={ttsEnabled ? 'text-blue-500' : ''} />}
+            onClick={() => handleSetActionTab('tts')}
+          />
        </div>
        {/* Desktop footer bar */}
        <div className='hidden w-full items-center gap-x-4 px-4 sm:flex'>
@@ -351,7 +355,11 @@ const FooterBar: React.FC<FooterBarProps> = ({
              handleProgressChange(parseInt((e.target as HTMLInputElement).value, 10))
            }
          />
-          <Button icon={<FaHeadphones />} onClick={handleSpeakText} tooltip={_('Speak')} />
+          <Button
+            icon={<FaHeadphones className={ttsEnabled ? 'text-blue-500' : ''} />}
+            onClick={handleSpeakText}
+            tooltip={_('Speak')}
+          />
          <Button
            icon={viewSettings?.rtl ? <RiArrowLeftSLine /> : <RiArrowRightSLine />}
            onClick={viewSettings?.rtl ? handleGoPrevPage : handleGoNextPage}
@@ -2,12 +2,15 @@ import React, { useEffect, useRef, useState } from 'react';

 import { BookDoc } from '@/libs/document';
 import { useReaderStore } from '@/store/readerStore';
+import { useBookDataStore } from '@/store/bookDataStore';
 import { useFoliateEvents } from '../hooks/useFoliateEvents';
-import { getFootnoteStyles, getStyles, getThemeCode, mountAdditionalFonts } from '@/utils/style';
+import { getFootnoteStyles, getStyles, getThemeCode } from '@/utils/style';
 import { getPopupPosition, getPosition, Position } from '@/utils/sel';
+import { FootnoteHandler } from 'foliate-js/footnotes.js';
+import { mountAdditionalFonts } from '@/utils/font';
 import { eventDispatcher } from '@/utils/event';
 import { FoliateView } from '@/types/view';
-import { FootnoteHandler } from 'foliate-js/footnotes.js';
+import { isCJKLang } from '@/utils/lang';
 import Popup from '@/components/Popup';

 interface FootnotePopupProps {
@@ -26,6 +29,7 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
  const [popupPosition, setPopupPosition] = useState<Position | null>();
  const [showPopup, setShowPopup] = useState(false);

+  const { getBookData } = useBookDataStore();
  const { getView, getViewSettings } = useReaderStore();
  const view = getView(bookKey);
  const viewSettings = getViewSettings(bookKey)!;
@@ -55,7 +59,8 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
      });
      view.addEventListener('load', (e: CustomEvent) => {
        const { doc } = e.detail;
-        mountAdditionalFonts(doc);
+        const bookData = getBookData(bookKey)!;
+        mountAdditionalFonts(doc, isCJKLang(bookData.book?.primaryLanguage));
      });
      footnoteViewRef.current = view;
      footnoteRef.current?.replaceChildren(view);
@@ -120,6 +120,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
            <SidebarToggler bookKey={bookKey} />
          </div>
          <BookmarkToggler bookKey={bookKey} />
+          <TranslationToggler bookKey={bookKey} />
        </div>

        <div className='header-title z-15 bg-base-100 pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
@@ -129,7 +130,6 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
        </div>

        <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
-          <TranslationToggler bookKey={bookKey} />
          <SettingsToggler />
          <NotebookToggler bookKey={bookKey} />
          <Dropdown
@@ -1,32 +1,37 @@
 import clsx from 'clsx';
 import React from 'react';
 import { useEnv } from '@/context/EnvContext';
+import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import { PageInfo } from '@/types/book';
+import { PageInfo, TimeInfo } from '@/types/book';

 interface PageInfoProps {
+  bookKey: string;
  bookFormat: string;
  section?: PageInfo;
  pageinfo?: PageInfo;
-  showDoubleBorder: boolean;
-  isScrolled: boolean;
-  isVertical: boolean;
+  timeinfo?: TimeInfo;
  horizontalGap: number;
  verticalMargin: number;
 }

-const PageInfoView: React.FC<PageInfoProps> = ({
+const ProgressInfoView: React.FC<PageInfoProps> = ({
+  bookKey,
  bookFormat,
  section,
  pageinfo,
-  showDoubleBorder,
-  isScrolled,
-  isVertical,
+  timeinfo,
  horizontalGap,
  verticalMargin,
 }) => {
  const _ = useTranslation();
  const { appService } = useEnv();
+  const { getViewSettings } = useReaderStore();
+  const viewSettings = getViewSettings(bookKey)!;
+
+  const showDoubleBorder = viewSettings.vertical && viewSettings.doubleBorder;
+  const isScrolled = viewSettings.scrolled;
+  const isVertical = viewSettings.vertical;
  const pageInfo = ['PDF', 'CBZ'].includes(bookFormat)
    ? section
      ? isVertical
@@ -39,11 +44,15 @@ const PageInfoView: React.FC<PageInfoProps> = ({
          totalPage: pageinfo.total,
        })
      : '';
+  const timeInfo = timeinfo
+    ? _('{{time}} min left in chapter', { time: Math.round(timeinfo.section) })
+    : '';

  return (
    <div
      className={clsx(
-        'pageinfo absolute bottom-0 flex items-center justify-end',
+        'pageinfo absolute bottom-0 flex items-center justify-between',
+        'text-neutral-content font-sans text-xs font-extralight',
        isVertical ? 'writing-vertical-rl' : 'h-12 w-full',
        isScrolled && !isVertical && 'bg-base-100',
      )}
@@ -53,21 +62,21 @@ const PageInfoView: React.FC<PageInfoProps> = ({
              bottom: `${verticalMargin * 1.5}px`,
              left: showDoubleBorder ? `calc(${horizontalGap}% - 32px)` : 0,
              width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
-              height: `calc(100% - ${verticalMargin * 2}px)`,
+              height: `calc(100% - ${verticalMargin * 3}px)`,
            }
          : {
-              insetInlineEnd: `${horizontalGap}%`,
+              paddingInlineStart: `${horizontalGap}%`,
+              paddingInlineEnd: `${horizontalGap}%`,
              paddingBottom: appService?.hasSafeAreaInset
                ? 'calc(env(safe-area-inset-bottom)*0.67)'
                : 0,
            }
      }
    >
-      <h2 className='text-neutral-content text-right font-sans text-xs font-extralight'>
-        {pageInfo}
-      </h2>
+      {viewSettings.showRemainingTime && <span className='text-start'>{timeInfo}</span>}
+      {viewSettings.showPageNumber && <span className='ms-auto text-end'>{pageInfo}</span>}
    </div>
  );
 };

-export default PageInfoView;
+export default ProgressInfoView;
@@ -15,8 +15,8 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { useDeviceControlStore } from '@/store/deviceStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { eventDispatcher } from '@/utils/event';
-import { interceptGlobalOpen } from '@/utils/open';
-import { mountAdditionalFonts } from '@/utils/style';
+import { interceptWindowOpen } from '@/utils/open';
+import { mountAdditionalFonts } from '@/utils/font';
 import { setSystemUIVisibility } from '@/utils/bridge';
 import { AboutWindow } from '@/components/AboutWindow';
 import { UpdaterWindow } from '@/components/UpdaterWindow';
@@ -40,7 +40,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {

  useEffect(() => {
    mountAdditionalFonts(document);
-    interceptGlobalOpen();
+    interceptWindowOpen();
  }, []);

  useEffect(() => {
@@ -8,10 +8,11 @@ import { useBookDataStore } from '@/store/bookDataStore';
 import { saveViewSettings } from '../utils/viewSettingsHelper';
 import { isSameLang } from '@/utils/lang';
 import Button from '@/components/Button';
+import { getLocale } from '@/utils/misc';

 const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
  const _ = useTranslation();
-  const { envConfig } = useEnv();
+  const { envConfig, appService } = useEnv();
  const { getBookData } = useBookDataStore();
  const { getViewSettings, setViewSettings, setHoveredBookKey } = useReaderStore();

@@ -19,9 +20,14 @@ const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
  const viewSettings = getViewSettings(bookKey)!;
  const [translationEnabled, setTranslationEnabled] = useState(viewSettings.translationEnabled!);

+  const primaryLanguage = bookData?.book?.primaryLanguage;
+  const targetLanguage = viewSettings.translateTargetLang;
+
  useEffect(() => {
    if (translationEnabled === viewSettings.translationEnabled) return;
-    setHoveredBookKey('');
+    if (appService?.isMobile) {
+      setHoveredBookKey('');
+    }
    saveViewSettings(envConfig, bookKey, 'translationEnabled', translationEnabled, true, false);
    viewSettings.translationEnabled = translationEnabled;
    setViewSettings(bookKey, { ...viewSettings });
@@ -34,7 +40,10 @@ const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
        <RiTranslateAi className={translationEnabled ? 'text-blue-500' : 'text-base-content'} />
      }
      disabled={
-        !bookData || isSameLang(bookData.book?.primaryLanguage, viewSettings.translateTargetLang!)
+        !bookData ||
+        bookData.book?.format === 'PDF' ||
+        isSameLang(primaryLanguage, targetLanguage) ||
+        (!targetLanguage && isSameLang(primaryLanguage, getLocale()))
      }
      onClick={() => setTranslationEnabled(!translationEnabled)}
      tooltip={translationEnabled ? _('Disable Translation') : _('Enable Translation')}
@@ -1,17 +1,22 @@
 import clsx from 'clsx';
 import React, { useEffect } from 'react';
 import { useState } from 'react';
+import { useRouter } from 'next/navigation';
 import { BiMoon, BiSun } from 'react-icons/bi';
 import { TbSunMoon } from 'react-icons/tb';
 import { MdZoomOut, MdZoomIn, MdCheck } from 'react-icons/md';
+import { MdSync, MdSyncProblem } from 'react-icons/md';

 import { MAX_ZOOM_LEVEL, MIN_ZOOM_LEVEL, ZOOM_STEP } from '@/services/constants';
 import { useEnv } from '@/context/EnvContext';
+import { useAuth } from '@/context/AuthContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
+import { useBookDataStore } from '@/store/bookDataStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import { ThemeMode } from '@/styles/themes';
 import { getStyles } from '@/utils/style';
+import { navigateToLogin } from '@/utils/nav';
+import { eventDispatcher } from '@/utils/event';
 import { getMaxInlineSize } from '@/utils/config';
 import { tauriHandleToggleFullScreen } from '@/utils/window';
 import { saveViewSettings } from '../utils/viewSettingsHelper';
@@ -29,8 +34,12 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
  onSetSettingsDialogOpen,
 }) => {
  const _ = useTranslation();
+  const router = useRouter();
+  const { user } = useAuth();
  const { envConfig, appService } = useEnv();
+  const { getConfig } = useBookDataStore();
  const { getView, getViewSettings, setViewSettings } = useReaderStore();
+  const config = getConfig(bookKey)!;
  const viewSettings = getViewSettings(bookKey)!;

  const { themeMode, isDarkMode, setThemeMode } = useThemeStore();
@@ -51,8 +60,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
  };

  const cycleThemeMode = () => {
-    const nextMode: ThemeMode =
-      themeMode === 'auto' ? 'light' : themeMode === 'light' ? 'dark' : 'auto';
+    const nextMode = themeMode === 'auto' ? 'light' : themeMode === 'light' ? 'dark' : 'auto';
    setThemeMode(nextMode);
  };

@@ -61,6 +69,15 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
    setIsDropdownOpen?.(false);
  };

+  const handleSync = () => {
+    if (!user) {
+      navigateToLogin(router);
+      setIsDropdownOpen?.(false);
+    } else {
+      eventDispatcher.dispatch('sync-book-progress', { bookKey });
+    }
+  };
+
  useEffect(() => {
    if (isScrolledMode === viewSettings!.scrolled) return;
    viewSettings!.scrolled = isScrolledMode;
@@ -85,10 +102,12 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [invertImgColorInDark]);

+  const lastSyncTime = Math.max(config?.lastSyncedAtConfig || 0, config?.lastSyncedAtNotes || 0);
+
  return (
    <div
      tabIndex={0}
-      className='view-menu dropdown-content bgcolor-base-200 dropdown-right no-triangle border-base-200 z-20 mt-1 w-72 border shadow-2xl'
+      className='view-menu dropdown-content bgcolor-base-200 dropdown-right no-triangle border-base-200 z-20 mt-1 border shadow-2xl'
    >
      <div className={clsx('flex items-center justify-between rounded-md')}>
        <button
@@ -132,6 +151,22 @@ const ViewMenu: React.FC<ViewMenuProps> = ({

      <hr className='border-base-300 my-1' />

+      <MenuItem
+        label={
+          !user
+            ? _('Sign in to Sync')
+            : lastSyncTime
+              ? _('Synced at {{time}}', {
+                  time: new Date(lastSyncTime).toLocaleString(),
+                })
+              : _('Never synced')
+        }
+        Icon={user ? MdSync : MdSyncProblem}
+        onClick={handleSync}
+      />
+
+      <hr className='border-base-300 my-1' />
+
      {appService?.hasWindow && <MenuItem label={_('Fullscreen')} onClick={handleFullScreen} />}
      <MenuItem
        label={
@@ -91,8 +91,15 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    view?.deselect();
  };

-  const { handleScroll, handlePointerup, handleSelectionchange, handleShowPopup, handleUpToPopup } =
-    useTextSelector(bookKey, setSelection, handleDismissPopup);
+  const {
+    handleScroll,
+    handleTouchStart,
+    handleTouchEnd,
+    handlePointerup,
+    handleSelectionchange,
+    handleShowPopup,
+    handleUpToPopup,
+  } = useTextSelector(bookKey, setSelection, handleDismissPopup);

  const onLoad = (event: Event) => {
    const detail = (event as CustomEvent).detail;
@@ -105,7 +112,9 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    };
    if (bookData.book?.format !== 'PDF') {
      view?.renderer?.addEventListener('scroll', handleScroll);
+      detail.doc?.addEventListener('touchstart', handleTouchStart);
      detail.doc?.addEventListener('touchmove', handleTouchmove);
+      detail.doc?.addEventListener('touchend', handleTouchEnd);
      detail.doc?.addEventListener('pointerup', () => handlePointerup(doc, index));
      detail.doc?.addEventListener('selectionchange', () => handleSelectionchange(doc, index));

@@ -98,7 +98,7 @@ const TranslatorPopup: React.FC<TranslatorPopupProps> = ({
      setTranslation(null);

      try {
-        const input = text.replaceAll('\n', ' ').trim();
+        const input = text.replaceAll('\n', '').trim();
        const result = await translate([input]);
        const translatedText = result[0];
        const detectedSource = null;
@@ -9,9 +9,11 @@ import { useResponsiveSize } from '@/hooks/useResponsiveSize';

 const NotebookHeader: React.FC<{
  isPinned: boolean;
+  isSearchBarVisible: boolean;
  handleClose: () => void;
  handleTogglePin: () => void;
-}> = ({ isPinned, handleClose, handleTogglePin }) => {
+  handleToggleSearchBar: () => void;
+}> = ({ isPinned, isSearchBarVisible, handleClose, handleTogglePin, handleToggleSearchBar }) => {
  const _ = useTranslation();
  const iconSize14 = useResponsiveSize(14);
  return (
@@ -38,7 +40,10 @@ const NotebookHeader: React.FC<{
        </button>
      </div>
      <div className='flex items-center justify-end gap-x-4'>
-        <button className='btn btn-ghost left-0 h-8 min-h-8 w-8 p-0'>
+        <button
+          onClick={handleToggleSearchBar}
+          className={clsx('btn btn-ghost h-8 min-h-8 w-8 p-0', isSearchBarVisible && 'bg-base-300')}
+        >
          <FiSearch />
        </button>
      </div>
@@ -2,6 +2,7 @@ import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
 import { useNotebookStore } from '@/store/notebookStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { TextSelection } from '@/utils/sel';
 import { md5Fingerprint } from '@/utils/md5';
 import { BookNote } from '@/types/book';
@@ -24,6 +25,7 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
  } = useNotebookStore();
  const editorRef = useRef<HTMLTextAreaElement>(null);
  const [note, setNote] = React.useState('');
+  const separatorWidth = useResponsiveSize(3);

  useEffect(() => {
    if (editorRef.current) {
@@ -125,10 +127,15 @@ const NoteEditor: React.FC<NoteEditorProps> = ({ onSave, onEdit }) => {
          ></textarea>
        </div>
      </div>
-      <div className='flex items-start pt-2'>
-        <div className='mr-2 min-h-full self-stretch border-l-2 border-gray-300'></div>
-        <div className='content font-size-sm line-clamp-3 py-2'>
-          <span className='content font-size-xs inline text-gray-500'>{getAnnotationText()}</span>
+      <div className='flex items-center pt-2'>
+        <div
+          className='me-2 mt-0.5 min-h-full self-stretch rounded-xl bg-gray-300'
+          style={{
+            minWidth: `${separatorWidth}px`,
+          }}
+        ></div>
+        <div className='content font-size-sm line-clamp-3'>
+          <span className='content font-size-xs text-gray-500'>{getAnnotationText()}</span>
        </div>
      </div>
      <div className='flex justify-end p-2' dir='ltr'>
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';

 import { useSettingsStore } from '@/store/settingsStore';
 import { useBookDataStore } from '@/store/bookDataStore';
@@ -18,6 +18,7 @@ import { getBookDirFromLanguage } from '@/utils/book';
 import BooknoteItem from '../sidebar/BooknoteItem';
 import NotebookHeader from './Header';
 import NoteEditor from './NoteEditor';
+import SearchBar from './SearchBar';

 const MIN_NOTEBOOK_WIDTH = 0.15;
 const MAX_NOTEBOOK_WIDTH = 0.45;
@@ -35,6 +36,10 @@ const Notebook: React.FC = ({}) => {
  const { setNotebookWidth, setNotebookVisible, toggleNotebookPin } = useNotebookStore();
  const { setNotebookNewAnnotation, setNotebookEditAnnotation } = useNotebookStore();

+  const [isSearchBarVisible, setIsSearchBarVisible] = useState(false);
+  const [searchResults, setSearchResults] = useState<BookNote[] | null>(null);
+  const [searchTerm, setSearchTerm] = useState('');
+
  const onNavigateEvent = async () => {
    const pinButton = document.querySelector('.sidebar-pin-btn');
    const isPinButtonHidden = !pinButton || window.getComputedStyle(pinButton).display === 'none';
@@ -135,6 +140,39 @@ const Notebook: React.FC = ({}) => {

  const { handleDragStart } = useDrag(onDragMove);

+  const config = getConfig(sideBarBookKey);
+  const { booknotes: allNotes = [] } = config || {};
+  const annotationNotes = allNotes
+    .filter((note) => note.type === 'annotation' && note.note && !note.deletedAt)
+    .sort((a, b) => b.createdAt - a.createdAt);
+  const excerptNotes = allNotes
+    .filter((note) => note.type === 'excerpt' && note.text && !note.deletedAt)
+    .sort((a, b) => a.createdAt - b.createdAt);
+
+  const handleToggleSearchBar = () => {
+    setIsSearchBarVisible((prev) => !prev);
+    if (isSearchBarVisible) {
+      setSearchResults(null);
+      setSearchTerm('');
+    }
+  };
+
+  const filteredAnnotationNotes = useMemo(
+    () =>
+      isSearchBarVisible && searchResults
+        ? searchResults.filter((note) => note.type === 'annotation' && note.note && !note.deletedAt)
+        : annotationNotes,
+    [annotationNotes, searchResults, isSearchBarVisible],
+  );
+
+  const filteredExcerptNotes = useMemo(
+    () =>
+      isSearchBarVisible && searchResults
+        ? searchResults.filter((note) => note.type === 'excerpt' && note.text && !note.deletedAt)
+        : excerptNotes,
+    [excerptNotes, searchResults, isSearchBarVisible],
+  );
+
  if (!sideBarBookKey) return null;

  const bookData = getBookData(sideBarBookKey);
@@ -145,14 +183,8 @@ const Notebook: React.FC = ({}) => {
  const { bookDoc } = bookData;
  const languageDir = getBookDirFromLanguage(bookDoc.metadata.language);

-  const config = getConfig(sideBarBookKey);
-  const { booknotes: allNotes = [] } = config || {};
-  const annotationNotes = allNotes
-    .filter((note) => note.type === 'annotation' && note.note && !note.deletedAt)
-    .sort((a, b) => b.createdAt - a.createdAt);
-  const excerptNotes = allNotes
-    .filter((note) => note.type === 'excerpt' && note.text && !note.deletedAt)
-    .sort((a, b) => a.createdAt - b.createdAt);
+  const hasSearchResults = filteredAnnotationNotes.length > 0 || filteredExcerptNotes.length > 0;
+  const hasAnyNotes = annotationNotes.length > 0 || excerptNotes.length > 0;

  return isNotebookVisible ? (
    <>
@@ -161,7 +193,7 @@ const Notebook: React.FC = ({}) => {
      )}
      <div
        className={clsx(
-          'notebook-container bg-base-200 right-0 z-20 min-w-60 select-none',
+          'notebook-container bg-base-200 right-0 z-20 flex min-w-60 select-none flex-col',
          'font-sans text-base font-normal sm:text-sm',
          appService?.isIOSApp ? 'h-[100vh]' : 'h-full',
          appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
@@ -187,29 +219,60 @@ const Notebook: React.FC = ({}) => {
          className='drag-bar absolute left-0 top-0 h-full w-0.5 cursor-col-resize'
          onMouseDown={handleDragStart}
        />
-        <NotebookHeader
-          isPinned={isNotebookPinned}
-          handleClose={() => setNotebookVisible(false)}
-          handleTogglePin={handleTogglePin}
-        />
-        <div className='max-h-[calc(100vh-44px)] overflow-y-auto px-3'>
+        <div className='flex-shrink-0'>
+          <NotebookHeader
+            isPinned={isNotebookPinned}
+            isSearchBarVisible={isSearchBarVisible}
+            handleClose={() => setNotebookVisible(false)}
+            handleTogglePin={handleTogglePin}
+            handleToggleSearchBar={handleToggleSearchBar}
+          />
+          <div
+            className={clsx('search-bar', {
+              'search-bar-visible': isSearchBarVisible,
+            })}
+          >
+            <SearchBar
+              isVisible={isSearchBarVisible}
+              bookKey={sideBarBookKey}
+              searchTerm={searchTerm}
+              onSearchResultChange={setSearchResults}
+            />
+          </div>
+        </div>
+        <div className='flex-grow overflow-y-auto px-3'>
+          {isSearchBarVisible && searchResults && !hasSearchResults && hasAnyNotes && (
+            <div className='flex h-32 items-center justify-center text-gray-500'>
+              <p className='font-size-sm text-center'>{_('No notes match your search')}</p>
+            </div>
+          )}
          <div dir='ltr'>
-            {excerptNotes.length > 0 && (
-              <p className='content font-size-base pt-1'>{_('Excerpts')}</p>
+            {filteredExcerptNotes.length > 0 && (
+              <p className='content font-size-base'>
+                {_('Excerpts')}
+                {isSearchBarVisible && searchResults && (
+                  <span className='font-size-xs ml-2 text-gray-500'>
+                    ({filteredExcerptNotes.length})
+                  </span>
+                )}
+              </p>
            )}
          </div>
          <ul className=''>
-            {excerptNotes.map((item, index) => (
+            {filteredExcerptNotes.map((item, index) => (
              <li key={`${index}-${item.id}`} className='my-2'>
                <div
                  tabIndex={0}
                  className='collapse-arrow border-base-300 bg-base-100 collapse border'
                >
                  <div
-                    className='collapse-title font-size-sm h-9 min-h-9 p-2 pe-8 font-medium'
+                    className={clsx(
+                      'collapse-title pe-8 text-sm font-medium',
+                      'h-[2.5rem] min-h-[2.5rem] p-[0.6rem]',
+                    )}
                    style={
                      {
-                        '--top-override': '1.2rem',
+                        '--top-override': '1.25rem',
                        '--end-override': '0.7rem',
                      } as React.CSSProperties
                    }
@@ -232,15 +295,22 @@ const Notebook: React.FC = ({}) => {
            ))}
          </ul>
          <div dir='ltr'>
-            {(notebookNewAnnotation || annotationNotes.length > 0) && (
-              <p className='content font-size-base pt-1'>{_('Notes')}</p>
+            {(notebookNewAnnotation || filteredAnnotationNotes.length > 0) && (
+              <p className='content font-size-base'>
+                {_('Notes')}
+                {isSearchBarVisible && searchResults && filteredAnnotationNotes.length > 0 && (
+                  <span className='font-size-xs ml-2 text-gray-500'>
+                    ({filteredAnnotationNotes.length})
+                  </span>
+                )}
+              </p>
            )}
          </div>
-          {(notebookNewAnnotation || notebookEditAnnotation) && (
+          {(notebookNewAnnotation || notebookEditAnnotation) && !isSearchBarVisible && (
            <NoteEditor onSave={handleSaveNote} onEdit={(item) => handleEditNote(item, false)} />
          )}
          <ul>
-            {annotationNotes.map((item, index) => (
+            {filteredAnnotationNotes.map((item, index) => (
              <BooknoteItem key={`${index}-${item.cfi}`} bookKey={sideBarBookKey} item={item} />
            ))}
          </ul>
@@ -0,0 +1,153 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { FaSearch, FaTimes } from 'react-icons/fa';
+
+import { useBookDataStore } from '@/store/bookDataStore';
+import { useTranslation } from '@/hooks/useTranslation';
+import { BookNote } from '@/types/book';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+
+interface SearchBarProps {
+  isVisible: boolean;
+  bookKey: string;
+  searchTerm: string;
+  onSearchResultChange: (results: BookNote[] | null) => void;
+}
+
+const SearchBar: React.FC<SearchBarProps> = ({
+  isVisible,
+  bookKey,
+  searchTerm: term,
+  onSearchResultChange,
+}) => {
+  const _ = useTranslation();
+  const { getConfig } = useBookDataStore();
+  const [searchTerm, setSearchTerm] = useState(term);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const searchTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const iconSize16 = useResponsiveSize(16);
+  const iconSize12 = useResponsiveSize(12);
+
+  useEffect(() => {
+    handleSearchTermChange(searchTerm);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [bookKey]);
+
+  useEffect(() => {
+    setSearchTerm(term);
+    handleSearchTermChange(term);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [term]);
+
+  useEffect(() => {
+    if (isVisible && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [isVisible]);
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape' && inputRef.current) {
+        inputRef.current.blur();
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+      if (searchTimeout.current) {
+        clearTimeout(searchTimeout.current);
+      }
+    };
+  }, []);
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = e.target.value;
+    setSearchTerm(value);
+
+    if (searchTimeout.current) {
+      clearTimeout(searchTimeout.current);
+    }
+
+    searchTimeout.current = setTimeout(() => {
+      handleSearchTermChange(value);
+    }, 300);
+  };
+
+  const handleClearSearch = () => {
+    setSearchTerm('');
+    handleSearchTermChange('');
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  };
+
+  const filterNotes = (notes: BookNote[], query: string): BookNote[] => {
+    if (!query.trim()) return [];
+
+    const lowercaseQuery = query.toLowerCase();
+    return notes.filter((note) => {
+      const textMatch = note.text?.toLowerCase().includes(lowercaseQuery) || false;
+      const noteMatch = note.note?.toLowerCase().includes(lowercaseQuery) || false;
+      return textMatch || noteMatch;
+    });
+  };
+
+  const handleSearchTermChange = (term: string) => {
+    if (term.trim().length >= 1) {
+      handleSearch(term);
+    } else {
+      resetSearch();
+    }
+  };
+
+  const handleSearch = (term: string) => {
+    const config = getConfig(bookKey);
+    if (!config) {
+      resetSearch();
+      return;
+    }
+
+    const { booknotes: allNotes = [] } = config;
+    const validNotes = allNotes.filter((note) => !note.deletedAt);
+
+    const results = filterNotes(validNotes, term);
+    onSearchResultChange(results);
+  };
+
+  const resetSearch = () => {
+    onSearchResultChange(null);
+  };
+
+  return (
+    <div className='relative px-3 py-2'>
+      <div className='bg-base-100 flex h-8 items-center rounded-lg'>
+        <div className='pl-3'>
+          <FaSearch size={iconSize16} className='text-gray-500' />
+        </div>
+
+        <input
+          ref={inputRef}
+          type='text'
+          value={searchTerm}
+          spellCheck={false}
+          onChange={handleInputChange}
+          placeholder={_('Search notes and excerpts...')}
+          className='w-full bg-transparent p-2 font-sans text-sm font-light focus:outline-none'
+        />
+
+        {searchTerm && (
+          <div className='bg-base-300 flex h-8 w-8 items-center rounded-r-lg'>
+            <button
+              onClick={handleClearSearch}
+              className='btn btn-ghost h-8 min-h-8 w-8 rounded-none rounded-r-lg p-0'
+            >
+              <FaTimes size={iconSize12} className='text-gray-500' />
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default SearchBar;
@@ -3,6 +3,7 @@ import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useDeviceControlStore } from '@/store/deviceStore';
 import { useTranslation } from '@/hooks/useTranslation';
+import { useBookDataStore } from '@/store/bookDataStore';
 import { getStyles } from '@/utils/style';
 import { getMaxInlineSize } from '@/utils/config';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
@@ -12,7 +13,9 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
  const { getView, getViewSettings } = useReaderStore();
+  const { getBookData } = useBookDataStore();
  const { acquireVolumeKeyInterception, releaseVolumeKeyInterception } = useDeviceControlStore();
+  const bookData = getBookData(bookKey)!;
  const viewSettings = getViewSettings(bookKey)!;

  const [isScrolledMode, setScrolledMode] = useState(viewSettings.scrolled!);
@@ -22,6 +25,7 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [isDisableClick, setIsDisableClick] = useState(viewSettings.disableClick!);
  const [swapClickArea, setSwapClickArea] = useState(viewSettings.swapClickArea!);
  const [animated, setAnimated] = useState(viewSettings.animated!);
+  const [allowScript, setAllowScript] = useState(viewSettings.allowScript!);

  useEffect(() => {
    if (isScrolledMode === viewSettings.scrolled) return;
@@ -78,6 +82,13 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [animated]);

+  useEffect(() => {
+    if (viewSettings.allowScript === allowScript) return;
+    saveViewSettings(envConfig, bookKey, 'allowScript', allowScript, true, false);
+    setTimeout(() => window.location.reload(), 100);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [allowScript]);
+
  return (
    <div className='my-4 w-full space-y-6'>
      <div className='w-full'>
@@ -169,6 +180,27 @@ const ControlPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
          </div>
        </div>
      </div>
+
+      <div className='w-full'>
+        <h2 className='mb-2 font-medium'>{_('Security')}</h2>
+        <div className='card border-base-200 bg-base-100 border shadow'>
+          <div className='divide-base-200 divide-y'>
+            <div className='config-item !h-16'>
+              <div className='flex flex-col gap-1'>
+                <span className=''>{_('Allow JavaScript')}</span>
+                <span className='text-xs'>{_('Enable only if you trust the file.')}</span>
+              </div>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={allowScript}
+                disabled={bookData.book?.format !== 'EPUB'}
+                onChange={() => setAllowScript(!allowScript)}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
    </div>
  );
 };
@@ -45,6 +45,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [showHeader, setShowHeader] = useState(viewSettings.showHeader!);
  const [showFooter, setShowFooter] = useState(viewSettings.showFooter!);
  const [showBarsOnScroll, setShowBarsOnScroll] = useState(viewSettings.showBarsOnScroll!);
+  const [showRemainingTime, setShowRemainingTime] = useState(viewSettings.showRemainingTime!);
+  const [showPageNumber, setShowPageNumber] = useState(viewSettings.showPageNumber!);

  useEffect(() => {
    saveViewSettings(envConfig, bookKey, 'paragraphMargin', paragraphMargin);
@@ -191,6 +193,16 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [showBarsOnScroll]);

+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'showRemainingTime', showRemainingTime, false, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showRemainingTime]);
+
+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'showPageNumber', showPageNumber, false, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showPageNumber]);
+
  const applyMarginAndGap = () => {
    const isCompact = !showHeader && !showFooter;
    const marginPx = isCompact ? viewSettings.compactMarginPx : viewSettings.marginPx;
@@ -475,6 +487,26 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
                onChange={() => setShowFooter(!showFooter)}
              />
            </div>
+            <div className='config-item'>
+              <span className=''>{_('Show Remaining Time')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showRemainingTime}
+                disabled={!showFooter}
+                onChange={() => setShowRemainingTime(!showRemainingTime)}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Show Page Number')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showPageNumber}
+                disabled={!showFooter}
+                onChange={() => setShowPageNumber(!showPageNumber)}
+              />
+            </div>
            <div className='config-item'>
              <span className=''>{_('Apply also in Scrolled Mode')}</span>
              <input
@@ -2,8 +2,9 @@ import clsx from 'clsx';
 import React from 'react';
 import Image from 'next/image';

-import MenuItem from '@/components/MenuItem';
+import { MdCheck } from 'react-icons/md';
 import { setAboutDialogVisible } from '@/components/AboutWindow';
+import { useReaderStore } from '@/store/readerStore';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTranslation } from '@/hooks/useTranslation';
@@ -11,6 +12,7 @@ import { isWebAppPlatform } from '@/services/environment';
 import { eventDispatcher } from '@/utils/event';
 import { DOWNLOAD_READEST_URL } from '@/services/constants';
 import useBooksManager from '../../hooks/useBooksManager';
+import MenuItem from '@/components/MenuItem';

 interface BookMenuProps {
  menuClassName?: string;
@@ -19,9 +21,13 @@ interface BookMenuProps {

 const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen }) => {
  const _ = useTranslation();
+  const { getViewSettings, setViewSettings } = useReaderStore();
  const { getVisibleLibrary } = useLibraryStore();
  const { openParallelView } = useBooksManager();
  const { sideBarBookKey } = useSidebarStore();
+  const viewSettings = getViewSettings(sideBarBookKey!);
+
+  const [isSortedTOC, setIsSortedTOC] = React.useState(viewSettings?.sortedTOC || false);

  const handleParallelView = (id: string) => {
    openParallelView(id);
@@ -43,18 +49,25 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
    eventDispatcher.dispatch('export-annotations', { bookKey: sideBarBookKey });
    setIsDropdownOpen?.(false);
  };
+  const handleToggleSortTOC = () => {
+    setIsSortedTOC((prev) => !prev);
+    setIsDropdownOpen?.(false);
+    if (sideBarBookKey) {
+      const viewSettings = getViewSettings(sideBarBookKey)!;
+      viewSettings.sortedTOC = !isSortedTOC;
+      setViewSettings(sideBarBookKey, viewSettings);
+    }
+    setTimeout(() => window.location.reload(), 100);
+  };

  const isWebApp = isWebAppPlatform();

  return (
    <div
      tabIndex={0}
-      className={clsx(
-        'book-menu dropdown-content border-base-100 z-20 w-60 shadow-2xl',
-        menuClassName,
-      )}
+      className={clsx('book-menu dropdown-content border-base-100 z-20 shadow-2xl', menuClassName)}
    >
-      <MenuItem label={_('Parallel Read')} noIcon>
+      <MenuItem label={_('Parallel Read')}>
        <ul className='max-h-60 overflow-y-auto'>
          {getVisibleLibrary()
            .filter((book) => book.format !== 'PDF' && book.format !== 'CBZ')
@@ -81,11 +94,16 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
            ))}
        </ul>
      </MenuItem>
-      <MenuItem label={_('Export Annotations')} noIcon onClick={handleExportAnnotations} />
-      <MenuItem label={_('Reload Page')} noIcon shortcut='Shift+R' onClick={handleReloadPage} />
+      <MenuItem label={_('Export Annotations')} onClick={handleExportAnnotations} />
+      <MenuItem
+        label={_('Sort TOC by Page')}
+        Icon={isSortedTOC ? MdCheck : undefined}
+        onClick={handleToggleSortTOC}
+      />
+      <MenuItem label={_('Reload Page')} shortcut='Shift+R' onClick={handleReloadPage} />
      <hr className='border-base-200 my-1' />
-      {isWebApp && <MenuItem label={_('Download Readest')} noIcon onClick={downloadReadest} />}
-      <MenuItem label={_('About Readest')} noIcon onClick={showAboutReadest} />
+      {isWebApp && <MenuItem label={_('Download Readest')} onClick={downloadReadest} />}
+      <MenuItem label={_('About Readest')} onClick={showAboutReadest} />
    </div>
  );
 };
@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import React from 'react';

+import { marked } from 'marked';
 import { useEnv } from '@/context/EnvContext';
 import { BookNote } from '@/types/book';
 import { useSettingsStore } from '@/store/settingsStore';
@@ -8,8 +9,9 @@ import { useReaderStore } from '@/store/readerStore';
 import { useNotebookStore } from '@/store/notebookStore';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { useTranslation } from '@/hooks/useTranslation';
-import useScrollToItem from '../../hooks/useScrollToItem';
+import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { eventDispatcher } from '@/utils/event';
+import useScrollToItem from '../../hooks/useScrollToItem';

 interface BooknoteItemProps {
  bookKey: string;
@@ -23,6 +25,7 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
  const { getConfig, saveConfig, updateBooknotes } = useBookDataStore();
  const { getProgress, getView, getViewsById } = useReaderStore();
  const { setNotebookEditAnnotation, setNotebookVisible } = useNotebookStore();
+  const separatorWidth = useResponsiveSize(3);

  const { text, cfi, note } = item;
  const progress = getProgress(bookKey);
@@ -82,15 +85,22 @@ const BooknoteItem: React.FC<BooknoteItemProps> = ({ bookKey, item }) => {
        }
      >
        {item.note && (
-          <span className='content font-size-sm font-normal' dir='auto'>
-            {item.note}
-          </span>
+          <div
+            className='content prose prose-sm font-size-sm'
+            dir='auto'
+            dangerouslySetInnerHTML={{ __html: marked.parse(item.note) }}
+          ></div>
        )}
        <div className='flex items-start'>
          {item.note && (
-            <div className='my-1 me-2 min-h-full self-stretch border-l-2 border-gray-300'></div>
+            <div
+              className='me-2 mt-2.5 min-h-full self-stretch rounded-xl bg-gray-300'
+              style={{
+                minWidth: `${separatorWidth}px`,
+              }}
+            ></div>
          )}
-          <div className={clsx('content font-size-sm line-clamp-3', item.note && 'my-2')}>
+          <div className={clsx('content font-size-sm line-clamp-3', item.note && 'mt-2')}>
            <span
              className={clsx(
                'inline',
@@ -8,6 +8,7 @@ import { findParentPath } from '@/utils/toc';
 import { getContentMd5 } from '@/utils/misc';
 import { eventDispatcher } from '@/utils/event';
 import { BookProgress } from '@/types/book';
+import { useTextTranslation } from '../../hooks/useTextTranslation';

 const createExpanderIcon = (isExpanded: boolean) => {
  return (
@@ -129,6 +130,8 @@ const TOCView: React.FC<{
  const [expandedItems, setExpandedItems] = useState<string[]>([]);
  const viewRef = useRef<HTMLUListElement | null>(null);

+  useTextTranslation(bookKey, viewRef.current);
+
  const expandParents = (toc: TOCItem[], href: string) => {
    const parentPath = findParentPath(toc, href).map((item) => item.href);
    setExpandedItems(parentPath.filter(Boolean) as string[]);
@@ -5,13 +5,14 @@ import { useBookDataStore } from '@/store/bookDataStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
-import { TTSController, SILENCE_DATA } from '@/services/tts';
+import { TTSController, SILENCE_DATA, TTSMark } from '@/services/tts';
 import { getPopupPosition, Position } from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
 import { parseSSMLLang } from '@/utils/ssml';
 import { getOSPlatform } from '@/utils/misc';
 import { throttle } from '@/utils/throttle';
 import { invokeUseBackgroundAudio } from '@/utils/bridge';
+import { CFI } from '@/libs/document';
 import Popup from '@/components/Popup';
 import TTSPanel from './TTSPanel';
 import TTSIcon from './TTSIcon';
@@ -24,7 +25,8 @@ const TTSControl = () => {
  const _ = useTranslation();
  const { appService } = useEnv();
  const { getBookData } = useBookDataStore();
-  const { getView, getViewSettings } = useReaderStore();
+  const { getView, getProgress, getViewSettings } = useReaderStore();
+  const { setViewSettings, setTTSEnabled } = useReaderStore();
  const [bookKey, setBookKey] = useState<string>('');
  const [ttsLang, setTtsLang] = useState<string>('en');
  const [isPlaying, setIsPlaying] = useState(false);
@@ -45,8 +47,10 @@ const TTSControl = () => {
  const popupHeight = useResponsiveSize(POPUP_HEIGHT);

  const iconRef = useRef<HTMLDivElement>(null);
-  const ttsControllerRef = useRef<TTSController | null>(null);
  const unblockerAudioRef = useRef<HTMLAudioElement | null>(null);
+  const ttsControllerRef = useRef<TTSController | null>(null);
+  const [ttsController, setTtsController] = useState<TTSController | null>(null);
+  const [ttsClientsInited, setTtsClientsInitialized] = useState(false);

  // this enables WebAudio to play even when the mute toggle switch is ON
  const unblockAudio = () => {
@@ -95,12 +99,58 @@ const TTSControl = () => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

+  useEffect(() => {
+    if (!ttsController || !bookKey) return;
+    const bookData = getBookData(bookKey);
+    if (!bookData || !bookData.book) return;
+    const { title, author, coverImageUrl } = bookData.book;
+
+    const handleSpeakMark = (e: Event) => {
+      const progress = getProgress(bookKey);
+      const { sectionLabel } = progress || {};
+      const mark = (e as CustomEvent<TTSMark>).detail;
+      if (appService?.isMobileApp && 'mediaSession' in navigator) {
+        navigator.mediaSession.metadata = new MediaMetadata({
+          title: mark.text,
+          artist: sectionLabel || title,
+          album: author,
+          artwork: [{ src: coverImageUrl || '/icon.png', sizes: '512x512', type: 'image/png' }],
+        });
+      }
+    };
+
+    const handleHighlightMark = (e: Event) => {
+      const range = (e as CustomEvent<Range>).detail;
+      const view = getView(bookKey);
+      const progress = getProgress(bookKey);
+      const viewSettings = getViewSettings(bookKey);
+      if (!range || !view || !progress || !viewSettings) return;
+
+      const { location } = progress;
+      const { index } = view.resolveCFI(location);
+      const cfi = view?.getCFI(index, range);
+      if (cfi) {
+        viewSettings.ttsLocation = cfi || '';
+        setViewSettings(bookKey, viewSettings);
+      }
+    };
+
+    ttsController.addEventListener('tts-speak-mark', handleSpeakMark);
+    ttsController.addEventListener('tts-highlight-mark', handleHighlightMark);
+    return () => {
+      ttsController.removeEventListener('tts-speak-mark', handleSpeakMark);
+      ttsController.removeEventListener('tts-highlight-mark', handleHighlightMark);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ttsController, bookKey]);
+
  const handleTTSSpeak = async (event: CustomEvent) => {
    const { bookKey, range } = event.detail;
    const view = getView(bookKey);
+    const progress = getProgress(bookKey);
    const viewSettings = getViewSettings(bookKey);
    const bookData = getBookData(bookKey);
-    if (!view || !viewSettings || !bookData || !bookData.book) return;
+    if (!view || !progress || !viewSettings || !bookData || !bookData.book) return;
    if (bookData.book?.format === 'PDF') {
      eventDispatcher.dispatch('toast', {
        message: _('TTS not supported for PDF'),
@@ -109,6 +159,21 @@ const TTSControl = () => {
      return;
    }

+    let ttsFromRange = range || progress.range;
+    if (viewSettings.ttsLocation) {
+      const { location } = progress;
+      const ttsCfi = viewSettings.ttsLocation;
+      const start = CFI.collapse(location);
+      const end = CFI.collapse(location, true);
+      if (CFI.compare(start, ttsCfi) * CFI.compare(end, ttsCfi) <= 0) {
+        const { index, anchor } = view.resolveCFI(ttsCfi);
+        const { doc } = view.renderer.getContents().find((x) => (x.index = index)) || {};
+        if (doc) {
+          ttsFromRange = anchor(doc) || ttsFromRange;
+        }
+      }
+    }
+
    const primaryLang = bookData.book.primaryLanguage;
    setBookKey(bookKey);

@@ -116,6 +181,8 @@ const TTSControl = () => {
      ttsControllerRef.current.stop();
      ttsControllerRef.current = null;
    }
+
+    setTTSEnabled(bookKey, true);
    setShowIndicator(true);

    try {
@@ -125,10 +192,11 @@ const TTSControl = () => {
      if (getOSPlatform() === 'ios' || appService?.isIOSApp) {
        unblockAudio();
      }
+      setTtsClientsInitialized(false);
      const ttsController = new TTSController(view);
      await ttsController.init();
      await ttsController.initViewTTS();
-      const ssml = view.tts?.from(range);
+      const ssml = view.tts?.from(ttsFromRange);
      if (ssml) {
        let lang = parseSSMLLang(ssml) || 'en';
        // We will not trust 'en' language from ssml, as it may be a fallback or hardcoded value
@@ -142,7 +210,9 @@ const TTSControl = () => {
        ttsController.setRate(viewSettings.ttsRate);
        ttsController.speak(ssml);
        ttsControllerRef.current = ttsController;
+        setTtsController(ttsController);
      }
+      setTtsClientsInitialized(true);
    } catch (error) {
      eventDispatcher.dispatch('toast', {
        message: _('TTS not supported in this device'),
@@ -152,9 +222,10 @@ const TTSControl = () => {
    }
  };

-  const handleTTSStop = async () => {
+  const handleTTSStop = async (event: CustomEvent) => {
+    const { bookKey } = event.detail;
    if (ttsControllerRef.current) {
-      handleStop();
+      handleStop(bookKey);
    }
  };

@@ -197,11 +268,12 @@ const TTSControl = () => {
    }
  };

-  const handleStop = async () => {
+  const handleStop = async (bookKey: string) => {
    const ttsController = ttsControllerRef.current;
    if (ttsController) {
      await ttsController.stop();
      ttsControllerRef.current = null;
+      setTtsController(null);
      getView(bookKey)?.deselect();
      setIsPlaying(false);
      setShowPanel(false);
@@ -213,6 +285,7 @@ const TTSControl = () => {
    if (getOSPlatform() === 'ios' || appService?.isIOSApp) {
      releaseUnblockAudio();
    }
+    setTTSEnabled(bookKey, false);
  };

  // rate range: 0.5 - 3, 1.0 is normal speed
@@ -266,7 +339,7 @@ const TTSControl = () => {
    return '';
  };

-  const handleSelectTimeout = (value: number) => {
+  const handleSelectTimeout = (bookKey: string, value: number) => {
    setTimeoutOption(value);
    if (timeoutFunc) {
      clearTimeout(timeoutFunc);
@@ -274,7 +347,7 @@ const TTSControl = () => {
    if (value > 0) {
      setTimeoutFunc(
        setTimeout(() => {
-          handleStop();
+          handleStop(bookKey);
        }, value * 1000),
      );
      setTimeoutTimestamp(Date.now() + value * 1000);
@@ -356,10 +429,10 @@ const TTSControl = () => {
              : 'bottom-[70px] sm:bottom-14',
          )}
        >
-          <TTSIcon isPlaying={isPlaying} onClick={togglePopup} />
+          <TTSIcon isPlaying={isPlaying} ttsInited={ttsClientsInited} onClick={togglePopup} />
        </div>
      )}
-      {showPanel && panelPosition && trianglePosition && (
+      {showPanel && panelPosition && trianglePosition && ttsClientsInited && (
        <Popup
          width={popupWidth}
          height={popupHeight}
@@ -1,20 +1,28 @@
+import clsx from 'clsx';
 import React from 'react';

 type TTSIconProps = {
  isPlaying: boolean;
+  ttsInited: boolean;
  onClick: () => void;
 };

-const TTSIcon: React.FC<TTSIconProps> = ({ isPlaying, onClick }) => {
+const TTSIcon: React.FC<TTSIconProps> = ({ isPlaying, ttsInited, onClick }) => {
  const bars = [1, 2, 3, 4];

  return (
-    <div className='relative h-full w-full cursor-pointer' onClick={onClick}>
+    <div
+      className={clsx(
+        'relative h-full w-full',
+        ttsInited ? 'cursor-pointer' : 'cursor-not-allowed',
+      )}
+      onClick={onClick}
+    >
      <div className='absolute inset-0 overflow-hidden rounded-full bg-gradient-to-r from-blue-500 via-emerald-500 to-violet-500'>
        <div
          className='absolute -inset-full bg-gradient-to-r from-blue-500 via-emerald-500 to-violet-500'
          style={{
-            animation: isPlaying ? 'moveGradient 2s alternate infinite' : 'none',
+            animation: isPlaying && ttsInited ? 'moveGradient 2s alternate infinite' : 'none',
          }}
        />
      </div>
@@ -23,7 +23,7 @@ type TTSPanelProps = {
  onGetVoices: (lang: string) => Promise<TTSVoice[]>;
  onSetVoice: (voice: string, lang: string) => void;
  onGetVoiceId: () => string;
-  onSelectTimeout: (value: number) => void;
+  onSelectTimeout: (bookKey: string, value: number) => void;
 };

 const getTTSTimeoutOptions = (_: TranslationFunc) => {
@@ -155,7 +155,7 @@ const TTSPanel = ({
  const updateTimeout = (timeout: number) => {
    const now = Date.now();
    if (timeout > 0 && timeout < now) {
-      onSelectTimeout(0);
+      onSelectTimeout(bookKey, 0);
      setTimeoutCountdown('');
    } else if (timeout > 0) {
      setTimeoutCountdown(getCountdownTime(timeout));
@@ -256,7 +256,10 @@ const TTSPanel = ({
            )}
          >
            {timeoutOptions.map((option, index) => (
-              <li key={`${index}-${option.value}`} onClick={() => onSelectTimeout(option.value)}>
+              <li
+                key={`${index}-${option.value}`}
+                onClick={() => onSelectTimeout(bookKey, option.value)}
+              >
                <div className='flex items-center px-2'>
                  <span style={{ minWidth: `${defaultIconSize}px` }}>
                    {timeoutOption === option.value && <MdCheck className='text-base-content' />}
@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useAuth } from '@/context/AuthContext';
 import { useSync } from '@/hooks/useSync';
 import { BookConfig } from '@/types/book';
@@ -8,6 +8,7 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { serializeConfig } from '@/utils/serializer';
 import { CFI } from '@/libs/document';
+import { debounce } from '@/utils/debounce';
 import { eventDispatcher } from '@/utils/event';
 import { DEFAULT_BOOK_SEARCH_CONFIG, SYNC_PROGRESS_INTERVAL_SEC } from '@/services/constants';

@@ -21,9 +22,9 @@ export const useProgressSync = (bookKey: string) => {
  const view = getView(bookKey);
  const config = getConfig(bookKey);
  const progress = getProgress(bookKey);
-  // flag to prevent accidental sync without first pulling the config
-  const configSynced = useRef(false);
-  const firstPulled = useRef(false);
+
+  const configPulled = useRef(false);
+  const hasPulledConfigOnce = useRef(false);

  const pushConfig = (bookKey: string, config: BookConfig | null) => {
    if (!config || !user) return;
@@ -41,9 +42,10 @@ export const useProgressSync = (bookKey: string) => {
    syncConfigs([], bookHash, 'pull');
  };
  const syncConfig = () => {
-    if (!configSynced.current) {
+    if (!configPulled.current) {
      pullConfig(bookKey);
    } else {
+      const config = getConfig(bookKey);
      if (config && config.progress && config.progress[0] > 0) {
        pushConfig(bookKey, config);
      }
@@ -57,6 +59,7 @@ export const useProgressSync = (bookKey: string) => {
    }
  };

+  // Push: ad-hoc push when the book is closed
  useEffect(() => {
    eventDispatcher.on('sync-book-progress', handleSyncBookProgress);
    return () => {
@@ -65,45 +68,33 @@ export const useProgressSync = (bookKey: string) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [bookKey]);

-  useEffect(() => {
-    if (!progress || firstPulled.current) return;
-    firstPulled.current = true;
-    pullConfig(bookKey);
-
-    return () => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const debouncedAutoSync = useCallback(
+    debounce(() => {
      syncConfig();
-    };
+    }, SYNC_PROGRESS_INTERVAL_SEC * 1000),
+    [],
+  );
+
+  // Push: auto-push progress when progress changes with a debounce
+  useEffect(() => {
+    if (!progress?.location || !user) return;
+    debouncedAutoSync();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [progress]);

-  const lastProgressSyncTime = useRef<number>(0);
-  const syncTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  // Pull: pull progress once when the book is opened
  useEffect(() => {
-    if (!config?.location || !user) return;
-
-    const now = Date.now();
-    const timeSinceLastSync = now - lastProgressSyncTime.current;
-    if (timeSinceLastSync > SYNC_PROGRESS_INTERVAL_SEC * 1000) {
-      lastProgressSyncTime.current = now;
-      syncConfig();
-    } else {
-      if (syncTimeoutRef.current) clearTimeout(syncTimeoutRef.current);
-      syncTimeoutRef.current = setTimeout(
-        () => {
-          lastProgressSyncTime.current = Date.now();
-          syncTimeoutRef.current = null;
-          syncConfig();
-        },
-        SYNC_PROGRESS_INTERVAL_SEC * 1000 - timeSinceLastSync,
-      );
-    }
+    if (!progress || hasPulledConfigOnce.current) return;
+    hasPulledConfigOnce.current = true;
+    pullConfig(bookKey);
    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [config]);
+  }, [progress]);

-  // sync progress once when the book is opened
+  // Pull: proccess the pulled progress
  useEffect(() => {
-    if (!configSynced.current && syncedConfigs) {
-      configSynced.current = true;
+    if (!configPulled.current && syncedConfigs) {
+      configPulled.current = true;
      const syncedConfig = syncedConfigs.filter((c) => c.bookHash === bookKey.split('-')[0])[0];
      if (syncedConfig) {
        const configCFI = config?.location;
@@ -1,4 +1,5 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { getOSPlatform } from '@/utils/misc';
@@ -11,10 +12,10 @@ export const useTextSelector = (
  setSelection: React.Dispatch<React.SetStateAction<TextSelection | null>>,
  handleDismissPopup: () => void,
 ) => {
+  const { appService } = useEnv();
  const { getBookData } = useBookDataStore();
  const { getView, getViewSettings } = useReaderStore();
  const view = getView(bookKey);
-  const viewSettings = getViewSettings(bookKey)!;
  const bookData = getBookData(bookKey)!;
  const primaryLang = bookData.book?.primaryLanguage || 'en';
  const osPlatform = getOSPlatform();
@@ -22,7 +23,9 @@ export const useTextSelector = (
  const isPopuped = useRef(false);
  const isUpToPopup = useRef(false);
  const isTextSelected = useRef(false);
+  const isTouchStarted = useRef(false);
  const selectionPosition = useRef<number | null>(null);
+  const [textSelected, setTextSelected] = useState(false);

  const isValidSelection = (sel: Selection) => {
    return sel && sel.toString().trim().length > 0 && sel.rangeCount > 0;
@@ -41,6 +44,7 @@ export const useTextSelector = (
  };
  const makeSelection = async (sel: Selection, index: number, rebuildRange = false) => {
    isTextSelected.current = true;
+    setTextSelected(true);
    const range = sel.getRangeAt(0);
    if (rebuildRange) {
      sel.removeAllRanges();
@@ -51,6 +55,7 @@ export const useTextSelector = (
  // FIXME: extremely hacky way to dismiss system selection tools on iOS
  const makeSelectionOnIOS = async (sel: Selection, index: number) => {
    isTextSelected.current = true;
+    setTextSelected(true);
    const range = sel.getRangeAt(0);
    setTimeout(() => {
      sel.removeAllRanges();
@@ -70,6 +75,7 @@ export const useTextSelector = (
      if (!isUpToPopup.current) {
        handleDismissPopup();
        isTextSelected.current = false;
+        setTextSelected(false);
      }
      if (isPopuped.current) {
        isUpToPopup.current = false;
@@ -79,7 +85,8 @@ export const useTextSelector = (

    // On Android no proper events are fired to notify selection done,
    // we make the popup show when the selection is changed
-    if (osPlatform === 'android') {
+    // note that selection may be initiated by a tts speak
+    if (isTouchStarted.current && osPlatform === 'android') {
      makeSelection(sel, index, false);
    }
    isUpToPopup.current = true;
@@ -96,11 +103,24 @@ export const useTextSelector = (
      }
    }
  };
+  const handleTouchStart = () => {
+    isTouchStarted.current = true;
+  };
+  const handleTouchEnd = () => {
+    isTouchStarted.current = false;
+  };
  const handleScroll = () => {
    // Prevent the container from scrolling when text is selected in paginated mode
-    // This is a workaround for the issue #873
+    // FIXME: this is a workaround for issue #873
    // TODO: support text selection across pages
-    if (!viewSettings?.scrolled && view?.renderer?.containerPosition && selectionPosition.current) {
+    const viewSettings = getViewSettings(bookKey);
+    if (
+      appService?.isAndroidApp &&
+      !viewSettings?.scrolled &&
+      view?.renderer?.containerPosition &&
+      selectionPosition.current
+    ) {
+      console.warn('Keep container position', selectionPosition.current);
      view.renderer.containerPosition = selectionPosition.current;
    }
  };
@@ -128,7 +148,7 @@ export const useTextSelector = (
      selectionPosition.current = null;
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isTextSelected.current]);
+  }, [textSelected]);

  useEffect(() => {
    const handleSingleClick = (): boolean => {
@@ -139,6 +159,7 @@ export const useTextSelector = (
      if (isTextSelected.current) {
        handleDismissPopup();
        isTextSelected.current = false;
+        setTextSelected(false);
        view?.deselect();
        return true;
      }
@@ -158,6 +179,8 @@ export const useTextSelector = (

  return {
    handleScroll,
+    handleTouchStart,
+    handleTouchEnd,
    handlePointerup,
    handleSelectionchange,
    handleShowPopup,
@@ -7,13 +7,13 @@ import { walkTextNodes } from '@/utils/walk';
 import { localeToLang } from '@/utils/lang';
 import { getLocale } from '@/utils/misc';

-export function useTextTranslation(bookKey: string, view: FoliateView | null) {
+export function useTextTranslation(bookKey: string, view: FoliateView | HTMLElement | null) {
  const { getViewSettings } = useReaderStore();
-  const viewSettings = getViewSettings(bookKey)!;
+  const viewSettings = getViewSettings(bookKey);

-  const enabled = useRef(viewSettings.translationEnabled);
-  const [provider, setProvider] = useState(viewSettings.translationProvider);
-  const [targetLang, setTargetLang] = useState(viewSettings.translateTargetLang);
+  const enabled = useRef(viewSettings?.translationEnabled);
+  const [provider, setProvider] = useState(viewSettings?.translationProvider);
+  const [targetLang, setTargetLang] = useState(viewSettings?.translateTargetLang);

  const { translate } = useTranslator({
    provider,
@@ -42,6 +42,16 @@ export function useTextTranslation(bookKey: string, view: FoliateView | null) {
    translateRef.current = translate;
  }, [translate]);

+  const observeTextNodes = () => {
+    if (!view || !enabled.current) return;
+    const observer = createTranslationObserver();
+    observerRef.current = observer;
+    const nodes = walkTextNodes(view);
+    console.log('Observing text nodes for translation:', nodes.length);
+    allTextNodes.current = nodes;
+    nodes.forEach((el) => observer.observe(el));
+  };
+
  const updateTranslation = () => {
    translatedElements.current.forEach((element) => {
      const translationTargets = element.querySelectorAll('.translation-target');
@@ -49,7 +59,7 @@ export function useTextTranslation(bookKey: string, view: FoliateView | null) {
    });

    translatedElements.current = [];
-    if (viewSettings.translationEnabled && view) {
+    if (viewSettings?.translationEnabled && view) {
      recreateTranslationObserver();
    }
  };
@@ -136,6 +146,9 @@ export function useTextTranslation(bookKey: string, view: FoliateView | null) {
      blockWrapper.appendChild(inner);
      wrapper.appendChild(blockWrapper);

+      if (el.querySelector('.translation-target')) {
+        return;
+      }
      el.appendChild(wrapper);
      translatedElements.current.push(el);
    } catch (err) {
@@ -165,7 +178,7 @@ export function useTextTranslation(bookKey: string, view: FoliateView | null) {
    if (enabledChanged) {
      toggleTranslationVisibility(viewSettings.translationEnabled);
      if (enabled.current) {
-        recreateTranslationObserver();
+        observeTextNodes();
      }
    } else if (providerChanged || targetLangChanged) {
      updateTranslation();
@@ -174,28 +187,20 @@ export function useTextTranslation(bookKey: string, view: FoliateView | null) {
  }, [bookKey, viewSettings, provider, targetLang]);

  useEffect(() => {
-    if (!view) return;
+    if (!view || !enabled.current) return;

-    const onLoad = () => {
-      const observer = createTranslationObserver();
-      observerRef.current = observer;
-      const nodes = walkTextNodes(view);
-      allTextNodes.current = nodes;
-      nodes.forEach((el) => observer.observe(el));
-    };
-
-    view.addEventListener('load', onLoad);
-    return () => {
-      view.removeEventListener('load', onLoad);
-      observerRef.current?.disconnect();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [view]);
-
-  useEffect(() => {
+    if ('renderer' in view) {
+      view.addEventListener('load', observeTextNodes);
+    } else {
+      observeTextNodes();
+    }
    return () => {
+      if ('renderer' in view) {
+        view.removeEventListener('load', observeTextNodes);
+      }
      observerRef.current?.disconnect();
      translatedElements.current = [];
    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [view]);
 }
@@ -196,8 +196,8 @@ const BookDetailModal = ({
              </div>
              <div>
                <span className='font-bold'>{_('Description:')}</span>
-                <p className='text-neutral-content text-sm'>
-                  {bookMeta.description || _('No description available')}
+                <p className='text-neutral-content text-sm prose prose-sm'
+                  dangerouslySetInnerHTML={{ __html: bookMeta.description || _('No description available') }}>
                </p>
              </div>
            </div>
@@ -1,15 +1,19 @@
 'use client';

+import { useEffect, useState } from 'react';
+import { IconContext } from 'react-icons';
 import { AuthProvider } from '@/context/AuthContext';
 import { EnvProvider } from '@/context/EnvContext';
 import { CSPostHogProvider } from '@/context/PHContext';
 import { SyncProvider } from '@/context/SyncContext';
-import { IconContext } from 'react-icons';
 import { useDefaultIconSize } from '@/hooks/useResponsiveSize';
+import { isWebAppPlatform } from '@/services/environment';

 const Providers = ({ children }: { children: React.ReactNode }) => {
  const iconSize = useDefaultIconSize();
-  return (
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  return mounted || isWebAppPlatform() ? (
    <CSPostHogProvider>
      <EnvProvider>
        <AuthProvider>
@@ -19,7 +23,7 @@ const Providers = ({ children }: { children: React.ReactNode }) => {
        </AuthProvider>
      </EnvProvider>
    </CSPostHogProvider>
-  );
+  ) : null;
 };

 export default Providers;
@@ -1,17 +1,11 @@
-import { getOSPlatform } from '@/utils/misc';
 import { useMediaQuery } from 'react-responsive';

 // use desktop size as base size
 export const useResponsiveSize = (baseSize: number) => {
  const isPhone = useMediaQuery({ maxWidth: 480 });
  const isTablet = useMediaQuery({ minWidth: 481, maxWidth: 1024 });
-  if (typeof window === 'undefined') {
-    return baseSize;
-  }
-  const pixelRatio = window.devicePixelRatio || 2.4;
-  const isMobile = ['android', 'ios'].includes(getOSPlatform());
-  if (isPhone && isMobile) return baseSize * (pixelRatio / 3) * 1.25;
-  if (isTablet && isMobile) return baseSize * (pixelRatio / 3) * 1.25;
+  if (isPhone) return baseSize * 1.25;
+  if (isTablet) return baseSize * 1.25;
  return baseSize;
 };

@@ -65,7 +65,7 @@ export function useTranslator({
          ),
        );

-        return results;
+        return enablePolishing ? polish(results, targetLanguage) : results;
      }

      setLoading(true);
@@ -178,7 +178,7 @@ export class DocumentLoader {
    );
  }

-  public async open(): Promise<{ book: BookDoc; format: BookFormat }> {
+  public async open({ allowScript = false } = {}): Promise<{ book: BookDoc; format: BookFormat }> {
    let book = null;
    let format: BookFormat = 'EPUB';
    if (!this.file.size) {
@@ -200,7 +200,7 @@ export class DocumentLoader {
        format = 'FBZ';
      } else {
        const { EPUB } = await import('foliate-js/epub.js');
-        book = await new EPUB(loader).init();
+        book = await new EPUB(loader).init({ allowScript });
        format = 'EPUB';
      }
    } else if (await this.isPDF()) {
@@ -2,11 +2,18 @@ import crypto from 'crypto';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { corsAllMethods, runMiddleware } from '@/utils/cors';
 import { supabase } from '@/utils/supabase';
-import { getUserPlan } from '@/utils/access';
+import { getDailyTranslationPlanData, getUserPlan } from '@/utils/access';

 const DEFAULT_DEEPL_FREE_API = 'https://api-free.deepl.com/v2/translate';
 const DEFAULT_DEEPL_PRO_API = 'https://api.deepl.com/v2/translate';

+const ErrorCodes = {
+  UNAUTHORIZED: 'Unauthorized',
+  DEEPL_API_ERROR: 'DeepL API Error',
+  DAILY_QUOTA_EXCEEDED: 'Daily Quota Exceeded',
+  INTERNAL_SERVER_ERROR: 'Internal Server Error',
+};
+
 interface KVNamespace {
  get(key: string): Promise<string | null>;
  put(key: string, value: string, options?: { expirationTtl?: number }): Promise<void>;
@@ -101,7 +108,11 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
          }
        }

+        // if (!user || !token) return res.status(401).json({ error: ErrorCodes.UNAUTHORIZED });
+
        return await callDeepLAPI(
+          user?.id,
+          token,
          singleText,
          sourceLang,
          targetLang,
@@ -115,11 +126,16 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
    return res.status(200).json({ translations });
  } catch (error) {
    console.error('Error proxying DeepL request:', error);
-    return res.status(500).json({ error: 'Internal Server Error' });
+    if (error instanceof Error && error.message.includes(ErrorCodes.DAILY_QUOTA_EXCEEDED)) {
+      return res.status(429).json({ error: ErrorCodes.DAILY_QUOTA_EXCEEDED });
+    }
+    return res.status(500).json({ error: ErrorCodes.INTERNAL_SERVER_ERROR });
  }
 };

 async function callDeepLAPI(
+  userId: string | undefined,
+  token: string | undefined,
  text: string,
  sourceLang: string,
  targetLang: string,
@@ -128,11 +144,22 @@ async function callDeepLAPI(
  translationsKV: KVNamespace | undefined,
  useCache: boolean,
 ) {
+  let dailyUsageKey = '';
+  if (userId && token) {
+    const { quota: dailyQuota } = getDailyTranslationPlanData(token);
+    const currentDate = new Date().toISOString().split('T')[0]!;
+    dailyUsageKey = `daily_usage:${currentDate}:${userId}`;
+    const dailyUsage = (await translationsKV?.get(dailyUsageKey)) || '0';
+    if (dailyQuota <= parseInt(dailyUsage) + text.length) {
+      throw new Error(ErrorCodes.DAILY_QUOTA_EXCEEDED);
+    }
+  }
+
  const isV2Api = apiUrl.endsWith('/v2/translate');

  // TODO: this should be processed in the client, but for now, we need to do it here
  // please remove this when most clients are updated
-  const input = text.replaceAll('\n', ' ').trim();
+  const input = text.replaceAll('\n', '').trim();
  const requestBody = {
    text: isV2Api ? [input] : input,
    source_lang: isV2Api ? sourceLang : (LANG_V2_V1_MAP[sourceLang] ?? sourceLang),
@@ -166,6 +193,20 @@ async function callDeepLAPI(
    translatedText = data.data;
  }

+  let newDailyUsage = 0;
+  if (dailyUsageKey && translationsKV) {
+    try {
+      const usage = translatedText.length + text.length;
+      const dailyUsage = (await translationsKV.get(dailyUsageKey)) || '0';
+      newDailyUsage = parseInt(dailyUsage) + usage;
+      await translationsKV.put(dailyUsageKey, newDailyUsage.toString(), {
+        expirationTtl: 86400 * 30,
+      });
+    } catch (cacheError) {
+      console.error('Cache storage error:', cacheError);
+    }
+  }
+
  if (useCache && translationsKV && translatedText) {
    try {
      const cacheKey = generateCacheKey(text, sourceLang, targetLang);
@@ -177,6 +218,7 @@ async function callDeepLAPI(

  return {
    text: translatedText,
+    daily_usage: newDailyUsage,
    detected_source_language: detectedSourceLanguage,
  };
 }
@@ -401,7 +401,7 @@ export abstract class BaseAppService implements AppService {
      }
    } catch (error) {
      // don't throw error here since some books may not have cover images at all
-      console.log('Failed to download cover file:', error);
+      console.log(`Failed to download cover file for book: '${book.title}'`, error);
    }

    if (needDownBook) {
@@ -11,7 +11,7 @@ import {
  ViewSettings,
 } from '@/types/book';
 import { ReadSettings, SystemSettings } from '@/types/settings';
-import { UserStorageQuota } from '@/types/user';
+import { UserStorageQuota, UserDailyTranslationQuota } from '@/types/user';
 import { getDefaultMaxBlockSize, getDefaultMaxInlineSize } from '@/utils/config';
 import { stubTranslation as _ } from '@/utils/misc';

@@ -103,12 +103,8 @@ export const DEFAULT_BOOK_LAYOUT: BookLayout = {
  writingMode: 'auto',
  vertical: false,
  rtl: false,
-  doubleBorder: false,
-  borderColor: 'red',
-  showHeader: true,
-  showFooter: true,
-  showBarsOnScroll: false,
  scrollingOverlap: 0,
+  allowScript: false,
 };

 export const DEFAULT_BOOK_STYLE: BookStyle = {
@@ -141,11 +137,22 @@ export const DEFAULT_CJK_VIEW_SETTINGS: Partial<ViewSettings> = {
 export const DEFAULT_VIEW_CONFIG: ViewConfig = {
  sideBarTab: 'toc',
  uiLanguage: '',
+  sortedTOC: false,
+
+  doubleBorder: false,
+  borderColor: 'red',
+
+  showHeader: true,
+  showFooter: true,
+  showBarsOnScroll: false,
+  showRemainingTime: false,
+  showPageNumber: true,
 };

 export const DEFAULT_TTS_CONFIG: TTSConfig = {
  ttsRate: 1.3,
  ttsVoice: '',
+  ttsLocation: '',
 };

 export const DEFAULT_TRANSLATOR_CONFIG: TranslatorConfig = {
@@ -186,7 +193,7 @@ export const CJK_SERIF_FONTS = [

 export const CJK_SANS_SERIF_FONTS = ['Noto Sans SC', 'Noto Sans TC'];

-export const SANS_SERIF_FONTS = ['Roboto', 'Noto Sans', 'Open Sans', 'Helvetica', 'Arial'];
+export const SANS_SERIF_FONTS = ['Roboto', 'Noto Sans', 'Open Sans', 'Helvetica'];

 export const MONOSPACE_FONTS = ['Fira Code', 'Lucida Console', 'Consolas', 'Courier New'];

@@ -512,7 +519,7 @@ export const READEST_UPDATER_FILE = `${GITHUB_LATEST_DOWNLOAD}/latest.json`;

 export const READEST_CHANGELOG_FILE = `${GITHUB_LATEST_DOWNLOAD}/release-notes.json`;

-export const SYNC_PROGRESS_INTERVAL_SEC = 60;
+export const SYNC_PROGRESS_INTERVAL_SEC = 3;
 export const SYNC_NOTES_INTERVAL_SEC = 10;
 export const SYNC_BOOKS_INTERVAL_SEC = 10;
 export const CHECK_UPDATE_INTERVAL_SEC = 24 * 60 * 60;
@@ -527,6 +534,12 @@ export const DEFAULT_STORAGE_QUOTA: UserStorageQuota = {
  pro: 10 * 1024 * 1024 * 1024,
 };

+export const DEFAULT_DAILY_TRANSLATION_QUOTA: UserDailyTranslationQuota = {
+  free: 100 * 1024,
+  plus: 1 * 1024 * 1024,
+  pro: 10 * 1024 * 1024,
+};
+
 export const DOUBLE_CLICK_INTERVAL_THRESHOLD_MS = 250;
 export const DISABLE_DOUBLE_CLICK_ON_MOBILE = true;
 export const LONG_HOLD_THRESHOLD = 500;
@@ -3,9 +3,11 @@ import { TTSClient, TTSMessageEvent, TTSVoice } from './TTSClient';
 import { EdgeSpeechTTS, EdgeTTSPayload } from '@/libs/edgeTTS';
 import { parseSSMLLang, parseSSMLMarks } from '@/utils/ssml';
 import { TTSGranularity } from '@/types/view';
+import { TTSController } from './TTSController';
 import { TTSUtils } from './TTSUtils';

 export class EdgeTTSClient implements TTSClient {
+  controller?: TTSController;
  #primaryLang = 'en';
  #speakingLang = '';
  #rate = 1.0;
@@ -20,7 +22,8 @@ export class EdgeTTSClient implements TTSClient {
  #startedAt = 0;
  available = true;

-  constructor() {
+  constructor(controller?: TTSController) {
+    this.controller = controller;
    this.#edgeTTS = new EdgeSpeechTTS();
  }

@@ -129,6 +132,8 @@ export class EdgeTTSClient implements TTSClient {
        audio.setAttribute('x-webkit-airplay', 'deny');
        audio.preload = 'auto';

+        this.controller?.dispatchSpeakMark(mark);
+
        yield {
          code: 'boundary',
          message: `Start chunk: ${mark.name}`,
@@ -4,6 +4,7 @@ import { parseSSMLMarks } from '@/utils/ssml';
 import { WebSpeechClient } from './WebSpeechClient';
 import { EdgeTTSClient } from './EdgeTTSClient';
 import { TTSUtils } from './TTSUtils';
+import { TTSMark } from './types';

 type TTSState =
  | 'stopped'
@@ -31,8 +32,8 @@ export class TTSController extends EventTarget {

  constructor(view: FoliateView) {
    super();
-    this.ttsWebClient = new WebSpeechClient();
-    this.ttsEdgeClient = new EdgeTTSClient();
+    this.ttsWebClient = new WebSpeechClient(this);
+    this.ttsEdgeClient = new EdgeTTSClient(this);
    this.ttsClient = this.ttsWebClient;
    this.view = view;
  }
@@ -86,6 +87,7 @@ export class TTSController extends EventTarget {
      .replace(/[–—]/g, ',')
      .replace('<break/>', ' ')
      .replace(/\.{3,}/g, '   ')
+      .replace(/……/g, '  ')
      .replace(/·/g, ' ');

    return ssml;
@@ -128,7 +130,8 @@ export class TTSController extends EventTarget {
            return;
          }
          if (mark && this.state === 'playing') {
-            this.view.tts?.setMark(mark);
+            const range = this.view.tts?.setMark(mark);
+            this.dispatchEvent(new CustomEvent('tts-highlight-mark', { detail: range }));
          }
          lastCode = code;
        }
@@ -272,6 +275,10 @@ export class TTSController extends EventTarget {
    return this.ttsClient.getSpeakingLang();
  }

+  dispatchSpeakMark(mark: TTSMark) {
+    this.dispatchEvent(new CustomEvent('tts-speak-mark', { detail: mark }));
+  }
+
  error(e: unknown) {
    console.error(e);
    this.state = 'stopped';
@@ -2,7 +2,9 @@ import { getUserLocale } from '@/utils/misc';
 import { TTSClient, TTSMessageEvent, TTSVoice } from './TTSClient';
 import { parseSSMLLang, parseSSMLMarks } from '@/utils/ssml';
 import { TTSGranularity } from '@/types/view';
+import { TTSController } from './TTSController';
 import { TTSUtils } from './TTSUtils';
+import { TTSMark } from './types';

 const BLACKLISTED_VOICES = [
  'Albert',
@@ -50,7 +52,8 @@ async function* speakWithMarks(
  getRate: () => number,
  getPitch: () => number,
  getVoice: (lang: string) => Promise<SpeechSynthesisVoice | null>,
-  setSpeakingLang: (lang: string) => void = () => {},
+  setSpeakingLang: (lang: string) => void,
+  dispatchSpeakMark: (mark: TTSMark) => void,
 ) {
  const { marks } = parseSSMLMarks(ssml);

@@ -61,6 +64,7 @@ async function* speakWithMarks(
    const { language } = mark;
    const voiceLang = language || defaultLang;
    setSpeakingLang(voiceLang);
+    dispatchSpeakMark(mark);
    utterance.text = mark.text;
    utterance.rate = getRate();
    utterance.pitch = getPitch();
@@ -99,6 +103,7 @@ async function* speakWithMarks(
 }

 export class WebSpeechClient implements TTSClient {
+  controller?: TTSController;
  #primaryLang = 'en';
  #speakingLang = '';
  #rate = 1.0;
@@ -108,6 +113,10 @@ export class WebSpeechClient implements TTSClient {
  #synth = window.speechSynthesis;
  available = true;

+  constructor(controller?: TTSController) {
+    this.controller = controller;
+  }
+
  async init() {
    if (!this.#synth) {
      this.available = false;
@@ -166,6 +175,7 @@ export class WebSpeechClient implements TTSClient {
      () => this.#pitch,
      this.getVoiceFromLang,
      (lang) => (this.#speakingLang = lang),
+      (mark) => this.controller?.dispatchSpeakMark(mark),
    )) {
      if (signal.aborted) {
        console.log('TTS aborted');
@@ -1,3 +1,4 @@
+export * from './types';
 export * from './TTSClient';
 export * from './WebSpeechClient';
 export * from './EdgeTTSClient';
@@ -0,0 +1,6 @@
+export type TTSMark = {
+  offset: number;
+  name: string;
+  text: string;
+  language?: string;
+};
@@ -1,23 +1,29 @@
 import { create } from 'zustand';
-import { Book } from '@/types/book';
+import { Book, BooksGroup } from '@/types/book';
 import { EnvConfigType, isTauriAppPlatform } from '@/services/environment';

 interface LibraryState {
  library: Book[]; // might contain deleted books
  checkOpenWithBooks: boolean;
  checkLastOpenBooks: boolean;
+  currentBookshelf: (Book | BooksGroup)[];
  getVisibleLibrary: () => Book[];
  setCheckOpenWithBooks: (check: boolean) => void;
  setCheckLastOpenBooks: (check: boolean) => void;
  setLibrary: (books: Book[]) => void;
  updateBook: (envConfig: EnvConfigType, book: Book) => void;
+  setCurrentBookshelf: (bookshelf: (Book | BooksGroup)[]) => void;
 }

 export const useLibraryStore = create<LibraryState>((set, get) => ({
  library: [],
+  currentBookshelf: [],
  checkOpenWithBooks: isTauriAppPlatform(),
  checkLastOpenBooks: isTauriAppPlatform(),
  getVisibleLibrary: () => get().library.filter((book) => !book.deletedAt),
+  setCurrentBookshelf: (bookshelf: (Book | BooksGroup)[]) => {
+    set({ currentBookshelf: bookshelf });
+  },
  setCheckOpenWithBooks: (check) => set({ checkOpenWithBooks: check }),
  setCheckLastOpenBooks: (check) => set({ checkLastOpenBooks: check }),
  setLibrary: (books) => set({ library: books }),
@@ -1,9 +1,16 @@
 import { create } from 'zustand';

-import { BookContent, BookConfig, PageInfo, BookProgress, ViewSettings } from '@/types/book';
+import {
+  BookContent,
+  BookConfig,
+  PageInfo,
+  BookProgress,
+  ViewSettings,
+  TimeInfo,
+} from '@/types/book';
 import { EnvConfigType } from '@/services/environment';
 import { FoliateView } from '@/types/view';
-import { BookDoc, DocumentLoader, TOCItem } from '@/libs/document';
+import { DocumentLoader, TOCItem } from '@/libs/document';
 import { updateToc } from '@/utils/toc';
 import { useSettingsStore } from './settingsStore';
 import { useBookDataStore } from './bookDataStore';
@@ -19,6 +26,7 @@ interface ViewState {
  error: string | null;
  progress: BookProgress | null;
  ribbonVisible: boolean;
+  ttsEnabled: boolean;
  /* View settings for the view: 
    generally view settings have a hierarchy of global settings < book settings < view settings
    view settings for primary view are saved to book config which is persisted to config file
@@ -33,12 +41,14 @@ interface ReaderStore {
  setBookKeys: (keys: string[]) => void;
  setHoveredBookKey: (key: string | null) => void;
  setBookmarkRibbonVisibility: (key: string, visible: boolean) => void;
+  setTTSEnabled: (key: string, enabled: boolean) => void;
  setProgress: (
    key: string,
    location: string,
    tocItem: TOCItem,
    section: PageInfo,
    pageinfo: PageInfo,
+    timeinfo: TimeInfo,
    range: Range,
  ) => void;
  getProgress: (key: string) => BookProgress | null;
@@ -103,6 +113,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
          error: null,
          progress: null,
          ribbonVisible: false,
+          ttsEnabled: false,
          viewSettings: null,
        },
      },
@@ -119,11 +130,10 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
        const content = (await appService.loadBookContent(book, settings)) as BookContent;
        const { file, config } = content;
        console.log('Loading book', key);
-        const { book: loadedBookDoc } = await new DocumentLoader(file).open();
-        const bookDoc = loadedBookDoc as BookDoc;
-        if (bookDoc.toc?.length && bookDoc.sections?.length) {
-          updateToc(bookDoc, bookDoc.toc, bookDoc.sections);
-        }
+        const { book: bookDoc } = await new DocumentLoader(file).open({
+          allowScript: config.viewSettings?.allowScript,
+        });
+        updateToc(bookDoc, config.viewSettings?.sortedTOC ?? false);
        // Set the book's language for formerly imported books, newly imported books have this field set
        book.primaryLanguage =
          book.primaryLanguage ?? getPrimaryLanguage(bookDoc.metadata.language);
@@ -149,6 +159,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
            error: null,
            progress: null,
            ribbonVisible: false,
+            ttsEnabled: false,
            viewSettings: JSON.parse(JSON.stringify(configViewSettings)) as ViewSettings,
          },
        },
@@ -167,6 +178,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
            error: 'Failed to load book.',
            progress: null,
            ribbonVisible: false,
+            ttsEnabled: false,
            viewSettings: null,
          },
        },
@@ -211,6 +223,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
    tocItem: TOCItem,
    section: PageInfo,
    pageinfo: PageInfo,
+    timeinfo: TimeInfo,
    range: Range,
  ) =>
    set((state) => {
@@ -266,6 +279,7 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
              sectionId: tocItem?.id,
              section,
              pageinfo,
+              timeinfo,
              range,
            },
          },
@@ -282,4 +296,15 @@ export const useReaderStore = create<ReaderStore>((set, get) => ({
        },
      },
    })),
+
+  setTTSEnabled: (key: string, enabled: boolean) =>
+    set((state) => ({
+      viewStates: {
+        ...state.viewStates,
+        [key]: {
+          ...state.viewStates[key]!,
+          ttsEnabled: enabled,
+        },
+      },
+    })),
 }));
@@ -41,6 +41,12 @@ export interface PageInfo {
  total: number;
 }

+// Remaining time of the book in minutes
+export interface TimeInfo {
+  section: number;
+  total: number;
+}
+
 export interface BookNote {
  bookHash?: string;
  id: string;
@@ -82,12 +88,8 @@ export interface BookLayout {
  writingMode: WritingMode;
  vertical: boolean;
  rtl: boolean;
-  doubleBorder: boolean;
-  borderColor: string;
-  showHeader: boolean;
-  showFooter: boolean;
-  showBarsOnScroll: boolean;
  scrollingOverlap: number;
+  allowScript: boolean;
 }

 export interface BookStyle {
@@ -120,11 +122,22 @@ export interface BookFont {
 export interface ViewConfig {
  sideBarTab: string;
  uiLanguage: string;
+  sortedTOC: boolean;
+
+  doubleBorder: boolean;
+  borderColor: string;
+
+  showHeader: boolean;
+  showFooter: boolean;
+  showRemainingTime: boolean;
+  showPageNumber: boolean;
+  showBarsOnScroll: boolean;
 }

 export interface TTSConfig {
  ttsRate: number;
  ttsVoice: string;
+  ttsLocation: string;
 }

 export interface TranslatorConfig {
@@ -153,6 +166,7 @@ export interface BookProgress {
  sectionLabel: string;
  section: PageInfo;
  pageinfo: PageInfo;
+  timeinfo: TimeInfo;
  range: Range;
 }

@@ -1,10 +1,12 @@
-export type UserStorageQuota = {
+export interface UserQuota {
  free: number;
  plus: number;
  pro: number;
-};
+}

-export type UserPlan = keyof UserStorageQuota;
+export type UserPlan = keyof UserQuota;
+export type UserStorageQuota = UserQuota;
+export type UserDailyTranslationQuota = UserQuota;

 export type QuotaType = {
  name: string;
@@ -15,6 +15,7 @@ export interface FoliateView extends HTMLElement {
  goLeft: () => void;
  goRight: () => void;
  getCFI: (index: number, range: Range) => string;
+  resolveCFI: (cfi: string) => { index: number; anchor: (doc: Document) => Range };
  addAnnotation: (note: BookNote, remove?: boolean) => { index: number; label: string };
  search: (config: BookSearchConfig) => AsyncGenerator<BookSearchResult | string, void, void>;
  clearSearch: () => void;
@@ -1,6 +1,6 @@
 import { jwtDecode } from 'jwt-decode';
 import { UserPlan } from '@/types/user';
-import { DEFAULT_STORAGE_QUOTA } from '@/services/constants';
+import { DEFAULT_DAILY_TRANSLATION_QUOTA, DEFAULT_STORAGE_QUOTA } from '@/services/constants';
 import { isWebAppPlatform } from '@/services/environment';
 import { supabase } from '@/utils/supabase';

@@ -29,6 +29,19 @@ export const getStoragePlanData = (token: string) => {
  };
 };

+export const getDailyTranslationPlanData = (token: string) => {
+  const data = jwtDecode<Token>(token) || {};
+  const plan = data['plan'] || 'free';
+  const fixedQuota = parseInt(process.env['NEXT_PUBLIC_TRANSLATION_FIXED_QUOTA'] || '0');
+  const quota =
+    fixedQuota || DEFAULT_DAILY_TRANSLATION_QUOTA[plan] || DEFAULT_DAILY_TRANSLATION_QUOTA['free'];
+
+  return {
+    plan,
+    quota,
+  };
+};
+
 export const getAccessToken = async (): Promise<string | null> => {
  // In browser context there might be two instances of supabase one in the app route
  // and the other in the pages route, and they might have different sessions
@@ -0,0 +1,109 @@
+import { isCJKEnv } from './misc';
+
+const basicGoogleFonts = [
+  { family: 'Bitter', weights: 'ital,wght@0,100..900;1,100..900' },
+  { family: 'Fira Code', weights: 'wght@300..700' },
+  { family: 'Literata', weights: 'ital,opsz,wght@0,7..72,200..900;1,7..72,200..900' },
+  { family: 'Merriweather', weights: 'ital,opsz,wght@0,18..144,300..900;1,18..144,300..900' },
+  { family: 'Noto Sans', weights: 'ital,wght@0,100..900;1,100..900' },
+  { family: 'Open Sans', weights: 'ital,wght@0,300..800;1,300..800' },
+  { family: 'Roboto', weights: 'ital,wght@0,100..900;1,100..900' },
+  { family: 'Vollkorn', weights: 'ital,wght@0,400..900;1,400..900' },
+];
+
+const cjkGoogleFonts = [
+  { family: 'LXGW WenKai TC', weights: '' },
+  { family: 'Noto Sans SC', weights: '' },
+  { family: 'Noto Sans TC', weights: '' },
+  { family: 'Noto Serif JP', weights: '' },
+];
+
+const getAdditionalBasicFontLinks = () => `
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?${basicGoogleFonts
+    .map(
+      ({ family, weights }) =>
+        `family=${encodeURIComponent(family)}${weights ? `:${weights}` : ''}`,
+    )
+    .join('&')}&display=swap" crossorigin="anonymous">
+`;
+
+const getAdditionalCJKFontLinks = () => `
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/misans-webfont@1.0.4/misans-l3/misans-l3/result.min.css" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-gb-screen@1.0.6/font.min.css" crossorigin="anonymous">
+  <link rel='stylesheet' href='https://fontsapi.zeoseven.com/431/main/result.css' crossorigin="anonymous"/>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?${cjkGoogleFonts
+    .map(
+      ({ family, weights }) =>
+        `family=${encodeURIComponent(family)}${weights ? `:${weights}` : ''}`,
+    )
+    .join('&')}&display=swap" crossorigin="anonymous">
+`;
+
+const getAdditionalCJKFontFaces = () => `
+  @font-face {
+    font-family: "FangSong";
+    font-display: swap;
+    src: local("Fang Song"), local("FangSong"), local("Noto Serif CJK"), local("Source Han Serif SC VF"), url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot");
+    src: url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot?#iefix") format("embedded-opentype"),
+    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff2") format("woff2"),
+    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff") format("woff"),
+    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.ttf") format("truetype"),
+    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.svg#FangSong") format("svg");
+  }
+  @font-face {
+    font-family: "Kaiti";
+    font-display: swap;
+    src: local("Kai"), local("KaiTi"), local("AR PL UKai"), local("LXGW WenKai GB Screen"), url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot");
+    src: url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot?#iefix")format("embedded-opentype"),
+    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff2")format("woff2"),
+    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff")format("woff"),
+    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.ttf")format("truetype"),
+    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.svg#STKaiti")format("svg");
+  }
+  @font-face {
+    font-family: "Heiti";
+    font-display: swap;
+    src: local("Hei"), local("SimHei"), local("WenQuanYi Zen Hei"), local("Source Han Sans SC VF"), url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot");
+    src: url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot?#iefix")format("embedded-opentype"),
+    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff2")format("woff2"),
+    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff")format("woff"),
+    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.ttf")format("truetype"),
+    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.svg#WenQuanYi Micro Hei")format("svg");
+  }
+  @font-face {
+    font-family: "XiHeiti";
+    font-display: swap;
+    src: local("PingFang SC"), local("Microsoft YaHei"), local("WenQuanYi Micro Hei"), local("FZHei-B01"), url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot");
+    src: url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot?#iefix")format("embedded-opentype"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff2")format("woff2"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff")format("woff"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.ttf")format("truetype"),
+    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.svg#STHeiti J Light")format("svg");
+}
+`;
+
+export const mountAdditionalFonts = (document: Document, isCJK = false) => {
+  const mountCJKFonts = isCJK || isCJKEnv();
+  let links = getAdditionalBasicFontLinks();
+  if (mountCJKFonts) {
+    const style = document.createElement('style');
+    style.textContent = getAdditionalCJKFontFaces();
+    document.head.appendChild(style);
+
+    links = `${links}\n${getAdditionalCJKFontLinks()}`;
+  }
+
+  const parser = new DOMParser();
+  const parsedDocument = parser.parseFromString(links, 'text/html');
+
+  Array.from(parsedDocument.head.children).forEach((child) => {
+    if (child.tagName === 'LINK') {
+      const link = document.createElement('link');
+      link.rel = child.getAttribute('rel') || '';
+      link.href = child.getAttribute('href') || '';
+      link.crossOrigin = child.getAttribute('crossorigin') || '';
+
+      document.head.appendChild(link);
+    }
+  });
+};
@@ -2,6 +2,12 @@ export const isCJKStr = (str: string) => {
  return /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u.test(str ?? '');
 };

+export const isCJKLang = (lang: string | null | undefined): boolean => {
+  if (!lang) return false;
+  const normalizedLang = lang.split('-')[0]!.toLowerCase();
+  return ['zh', 'ja', 'ko'].includes(normalizedLang);
+};
+
 export const langToDefaultLocale = (langCode: string): string => {
  const mapping: Record<string, string> = {
    en: 'en-US',
@@ -1,7 +1,7 @@
 import { openUrl } from '@tauri-apps/plugin-opener';
 import { isTauriAppPlatform } from '@/services/environment';

-export const interceptGlobalOpen = () => {
+export const interceptWindowOpen = () => {
  const windowOpen = window.open;
  globalThis.open = function (
    url?: string | URL,
@@ -1,9 +1,4 @@
-type TTSMark = {
-  offset: number;
-  name: string;
-  text: string;
-  language?: string;
-};
+import { TTSMark } from '@/services/tts/types';

 const cleanTextContent = (text: string) =>
  text.replace(/\r\n/g, '  ').replace(/\r/g, ' ').replace(/\n/g, ' ').trimStart();
@@ -14,7 +14,6 @@ import {
  generateLightPalette,
  generateDarkPalette,
 } from '@/styles/themes';
-
 import { getOSPlatform } from './misc';

 const getFontStyles = (
@@ -101,75 +100,6 @@ const getFontStyles = (
  return fontStyles;
 };

-const googleFontsData = [
-  { family: 'Bitter', weights: 'ital,wght@0,100..900;1,100..900' },
-  { family: 'Fira Code', weights: 'wght@300..700' },
-  { family: 'Literata', weights: 'ital,opsz,wght@0,7..72,200..900;1,7..72,200..900' },
-  { family: 'Merriweather', weights: 'ital,opsz,wght@0,18..144,300..900;1,18..144,300..900' },
-  { family: 'Noto Sans', weights: 'ital,wght@0,100..900;1,100..900' },
-  { family: 'Roboto', weights: 'ital,wght@0,100..900;1,100..900' },
-  { family: 'Vollkorn', weights: 'ital,wght@0,400..900;1,400..900' },
-  { family: 'LXGW WenKai TC' },
-  { family: 'Noto Sans SC' },
-  { family: 'Noto Sans TC' },
-  { family: 'Noto Serif JP' },
-];
-
-const getAdditionalFontLinks = () => `
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/misans-webfont@1.0.4/misans-l3/misans-l3/result.min.css" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-gb-screen@1.0.6/font.min.css" crossorigin="anonymous">
-  <link rel='stylesheet' href='https://fontsapi.zeoseven.com/431/main/result.css' crossorigin="anonymous"/>
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?${googleFontsData
-    .map(
-      ({ family, weights }) =>
-        `family=${encodeURIComponent(family)}${weights ? `:${weights}` : ''}`,
-    )
-    .join('&')}&display=swap" crossorigin="anonymous">
-`;
-
-const getAdditionalFontFaces = () => `
-  @font-face {
-    font-family: "FangSong";
-    font-display: swap;
-    src: local("Fang Song"), local("FangSong"), local("Noto Serif CJK"), local("Source Han Serif SC VF"), url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot");
-    src: url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.eot?#iefix") format("embedded-opentype"),
-    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff2") format("woff2"),
-    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.woff") format("woff"),
-    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.ttf") format("truetype"),
-    url("https://db.onlinewebfonts.com/t/2ecbfe1d9bfc191c6f15c0ccc23cbd43.svg#FangSong") format("svg");
-  }
-  @font-face {
-    font-family: "Kaiti";
-    font-display: swap;
-    src: local("Kai"), local("KaiTi"), local("AR PL UKai"), local("LXGW WenKai GB Screen"), url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot");
-    src: url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.eot?#iefix")format("embedded-opentype"),
-    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff2")format("woff2"),
-    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.woff")format("woff"),
-    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.ttf")format("truetype"),
-    url("https://db.onlinewebfonts.com/t/1ee9941f1b8c128110ca4307dda59917.svg#STKaiti")format("svg");
-  }
-  @font-face {
-    font-family: "Heiti";
-    font-display: swap;
-    src: local("Hei"), local("SimHei"), local("WenQuanYi Zen Hei"), local("Source Han Sans SC VF"), url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot");
-    src: url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.eot?#iefix")format("embedded-opentype"),
-    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff2")format("woff2"),
-    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.woff")format("woff"),
-    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.ttf")format("truetype"),
-    url("https://db.onlinewebfonts.com/t/a4948b9d43a91468825a5251df1ec58d.svg#WenQuanYi Micro Hei")format("svg");
-  }
-  @font-face {
-    font-family: "XiHeiti";
-    font-display: swap;
-    src: local("PingFang SC"), local("Microsoft YaHei"), local("WenQuanYi Micro Hei"), local("FZHei-B01"), url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot");
-    src: url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.eot?#iefix")format("embedded-opentype"),
-    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff2")format("woff2"),
-    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.woff")format("woff"),
-    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.ttf")format("truetype"),
-    url("https://db.onlinewebfonts.com/t/4f0b783ba4a1b381fc7e7af81ecab481.svg#STHeiti J Light")format("svg");
-}
-`;
-
 const getLayoutStyles = (
  overrideLayout: boolean,
  paragraphMargin: number,
@@ -239,7 +169,7 @@ const getLayoutStyles = (
    word-spacing: ${wordSpacing}px ${overrideLayout ? '!important' : ''};
    letter-spacing: ${letterSpacing}px ${overrideLayout ? '!important' : ''};
    text-indent: ${vertical ? textIndent * 1.2 : textIndent}em ${overrideLayout ? '!important' : ''};
-    text-align: ${justify ? 'justify' : 'inherit'} ${overrideLayout ? '!important' : ''};
+    text-align: ${justify ? 'justify' : ''} ${overrideLayout ? '!important' : ''};
    -webkit-hyphens: ${hyphenate ? 'auto' : 'manual'};
    hyphens: ${hyphenate ? 'auto' : 'manual'};
    -webkit-hyphenate-limit-before: 3;
@@ -248,16 +178,21 @@ const getLayoutStyles = (
    hanging-punctuation: allow-end last;
    widows: 2;
  }
-  p:has(> img:only-child), p:has(> span:only-child > img:only-child),
-  div[style*="text-align"] {
+  p:has(> img:only-child), p:has(> span:only-child > img:only-child) {
    text-indent: unset !important;
  }
-  p, div {
+  p {
    ${vertical ? `margin-left: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
    ${vertical ? `margin-right: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
    ${!vertical ? `margin-top: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
    ${!vertical ? `margin-bottom: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
  }
+  div {
+    ${vertical && overrideLayout ? `margin-left: ${paragraphMargin}em !important;` : ''}
+    ${vertical && overrideLayout ? `margin-right: ${paragraphMargin}em !important;` : ''}
+    ${!vertical && overrideLayout ? `margin-top: ${paragraphMargin}em !important;` : ''}
+    ${!vertical && overrideLayout ? `margin-bottom: ${paragraphMargin}em !important;` : ''}
+  }

  pre {
    white-space: pre-wrap !important;
@@ -318,6 +253,10 @@ const getLayoutStyles = (
  div.center *, p.center * { text-align: center; }
  div.justify *, p.justify * { text-align: justify; }

+  .nonindent, .noindent {
+    text-indent: unset !important;
+  }
+
  /* for the Gutenberg eBooks */
  #pg-header * {
    color: inherit !important;
@@ -454,28 +393,6 @@ export const getStyles = (viewSettings: ViewSettings, themeCode?: ThemeCode) =>
  return `${layoutStyles}\n${fontStyles}\n${translationStyles}\n${userStylesheet}`;
 };

-export const mountAdditionalFonts = (document: Document) => {
-  const links = getAdditionalFontLinks();
-
-  const parser = new DOMParser();
-  const parsedDocument = parser.parseFromString(links, 'text/html');
-
-  Array.from(parsedDocument.head.children).forEach((child) => {
-    if (child.tagName === 'LINK') {
-      const link = document.createElement('link');
-      link.rel = child.getAttribute('rel') || '';
-      link.href = child.getAttribute('href') || '';
-      link.crossOrigin = child.getAttribute('crossorigin') || '';
-
-      document.head.appendChild(link);
-    }
-  });
-
-  const style = document.createElement('style');
-  style.textContent = getAdditionalFontFaces();
-  document.head.appendChild(style);
-};
-
 export const transformStylesheet = (
  viewSettings: ViewSettings,
  width: number,
@@ -37,7 +37,11 @@ export const findTocItemBS = (toc: TOCItem[], cfi: string): TOCItem | null => {
  return result;
 };

-export const updateToc = (bookDoc: BookDoc, items: TOCItem[], sections: SectionItem[]): void => {
+export const updateToc = (bookDoc: BookDoc, sortedTOC: boolean): void => {
+  const items = bookDoc?.toc || [];
+  const sections = bookDoc?.sections || [];
+  if (!items.length || !sections.length) return;
+
  const sizes = sections.map((s) => (s.linear != 'no' && s.size > 0 ? s.size : 0));
  let cumulativeSize = 0;
  const cumulativeSizes = sizes.reduce((acc: number[], size) => {
@@ -59,32 +63,47 @@ export const updateToc = (bookDoc: BookDoc, items: TOCItem[], sections: SectionI
    map[section.id] = section;
    return map;
  }, {});
-  updateTocData(bookDoc, items, sectionsMap);
+
+  updateTocData(bookDoc, items, sections, sectionsMap);
+
+  if (sortedTOC) {
+    sortTocItems(items);
+  }
 };

 const updateTocData = (
  bookDoc: BookDoc,
  items: TOCItem[],
-  sections: { [id: string]: SectionItem },
+  sections: SectionItem[],
+  sectionsMap: { [id: string]: SectionItem },
  index = 0,
 ): number => {
  items.forEach((item) => {
    item.id ??= index++;
    if (item.href) {
      const id = bookDoc.splitTOCHref(item.href)[0]!;
-      const section = sections[id];
+      const section = sectionsMap[id];
      if (section) {
        item.cfi = section.cfi;
        // Add location only when toc item is at the same level as the section
        // otherwise the location will not be accurate
-        if (id === item.href) {
+        if (id === item.href || items.length <= sections.length) {
          item.location = section.location;
        }
      }
    }
    if (item.subitems) {
-      index = updateTocData(bookDoc, item.subitems, sections, index);
+      index = updateTocData(bookDoc, item.subitems, sections, sectionsMap, index);
    }
  });
  return index;
 };
+
+const sortTocItems = (items: TOCItem[]): void => {
+  items.sort((a, b) => {
+    if (a.location && b.location) {
+      return a.location.current - b.location.current;
+    }
+    return 0;
+  });
+};
@@ -21,7 +21,7 @@ export const parseWebViewVersion = (appService: AppService | null): string => {
    return match ? `Edge ${match[1]}` : 'Edge WebView2';
  } else if (appService?.appPlatform === 'tauri' && appService?.osPlatform === 'linux') {
    // Linux WebView
-    const match = ua.match(/Chromium\/([0-9.]+)/);
+    const match = ua.match(/AppleWebKit\/([0-9.]+)/);
    return match ? `WebView ${match[1]}` : 'Linux WebView';
  } else if (ua.includes('CriOS') && ua.includes('Mobile/') && ua.includes('Safari')) {
    // iOS Chrome WebView
@@ -1,6 +1,7 @@
 import type { Config } from 'tailwindcss';
 import { themes } from './src/styles/themes';
 import daisyui from 'daisyui';
+import typography from '@tailwindcss/typography';

 const config: Config = {
  content: [
@@ -23,7 +24,7 @@ const config: Config = {
      },
    },
  },
-  plugins: [daisyui],
+  plugins: [daisyui, typography],
  daisyui: {
    themes: themes.reduce(
      (acc, { name, colors }) => {
@@ -131,6 +131,9 @@ importers:
      jwt-decode:
        specifier: ^4.0.0
        version: 4.0.0
+      marked:
+        specifier: ^15.0.12
+        version: 15.0.12
      next:
        specifier: 15.2.4
        version: 15.2.4(@babel/core@7.26.7)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -168,6 +171,9 @@ importers:
      '@opennextjs/cloudflare':
        specifier: ^0.5.12
        version: 0.5.12(wrangler@4.4.0)
+      '@tailwindcss/typography':
+        specifier: ^0.5.16
+        version: 0.5.16(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.10.1)(typescript@5.7.2)))
      '@tauri-apps/cli':
        specifier: 2.5.0
        version: 2.5.0
@@ -272,8 +278,8 @@ importers:
        specifier: ^15.9.0
        version: 15.12.0
      pdfjs-dist:
-        specifier: ^4.7.76
-        version: 4.8.69
+        specifier: ^4.10.38
+        version: 4.10.38
      rollup:
        specifier: ^4.22.4
        version: 4.28.0
@@ -1758,6 +1764,75 @@ packages:
  '@jridgewell/trace-mapping@0.3.9':
    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}

+  '@napi-rs/canvas-android-arm64@0.1.70':
+    resolution: {integrity: sha512-I/YOuQ0wbkVYxVaYtCgN42WKTYxNqFA0gTcTrHIGG1jfpDSyZWII/uHcjOo4nzd19io6Y4+/BqP8E5hJgf9OmQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@napi-rs/canvas-darwin-arm64@0.1.70':
+    resolution: {integrity: sha512-4pPGyXetHIHkw2TOJHujt3mkCP8LdDu8+CT15ld9Id39c752RcI0amDHSuMLMQfAjvusA9B5kKxazwjMGjEJpQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@napi-rs/canvas-darwin-x64@0.1.70':
+    resolution: {integrity: sha512-+2N6Os9LbkmDMHL+raknrUcLQhsXzc5CSXRbXws9C3pv/mjHRVszQ9dhFUUe9FjfPhCJznO6USVdwOtu7pOrzQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@napi-rs/canvas-linux-arm-gnueabihf@0.1.70':
+    resolution: {integrity: sha512-QjscX9OaKq/990sVhSMj581xuqLgiaPVMjjYvWaCmAJRkNQ004QfoSMEm3FoTqM4DRoquP8jvuEXScVJsc1rqQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@napi-rs/canvas-linux-arm64-gnu@0.1.70':
+    resolution: {integrity: sha512-LNakMOwwqwiHIwMpnMAbFRczQMQ7TkkMyATqFCOtUJNlE6LPP/QiUj/mlFrNbUn/hctqShJ60gWEb52ZTALbVw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-arm64-musl@0.1.70':
+    resolution: {integrity: sha512-wBTOllEYNfJCHOdZj9v8gLzZ4oY3oyPX8MSRvaxPm/s7RfEXxCyZ8OhJ5xAyicsDdbE5YBZqdmaaeP5+xKxvtg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@napi-rs/canvas-linux-riscv64-gnu@0.1.70':
+    resolution: {integrity: sha512-GVUUPC8TuuFqHip0rxHkUqArQnlzmlXmTEBuXAWdgCv85zTCFH8nOHk/YCF5yo0Z2eOm8nOi90aWs0leJ4OE5Q==}
+    engines: {node: '>= 10'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-x64-gnu@0.1.70':
+    resolution: {integrity: sha512-/kvUa2lZRwGNyfznSn5t1ShWJnr/m5acSlhTV3eXECafObjl0VBuA1HJw0QrilLpb4Fe0VLywkpD1NsMoVDROQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@napi-rs/canvas-linux-x64-musl@0.1.70':
+    resolution: {integrity: sha512-aqlv8MLpycoMKRmds7JWCfVwNf1fiZxaU7JwJs9/ExjTD8lX2KjsO7CTeAj5Cl4aEuzxUWbJPUUE2Qu9cZ1vfg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@napi-rs/canvas-win32-x64-msvc@0.1.70':
+    resolution: {integrity: sha512-Q9QU3WIpwBTVHk4cPfBjGHGU4U0llQYRXgJtFtYqqGNEOKVN4OT6PQ+ve63xwIPODMpZ0HHyj/KLGc9CWc3EtQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@napi-rs/canvas@0.1.70':
+    resolution: {integrity: sha512-nD6NGa4JbNYSZYsTnLGrqe9Kn/lCkA4ybXt8sx5ojDqZjr2i0TWAHxx/vhgfjX+i3hCdKWufxYwi7CfXqtITSA==}
+    engines: {node: '>= 10'}
+
  '@next/env@15.2.4':
    resolution: {integrity: sha512-+SFtMgoiYP3WoSswuNmxJOCwi06TdWE733D+WPjpXIe4LXGULwEaofiiAy6kbS0+XjM5xF5n3lKuBwN2SnqD9g==}

@@ -2489,6 +2564,11 @@ packages:
  '@swc/helpers@0.5.15':
    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}

+  '@tailwindcss/typography@0.5.16':
+    resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+
  '@tauri-apps/api@2.5.0':
    resolution: {integrity: sha512-Ldux4ip+HGAcPUmuLT8EIkk6yafl5vK0P0c0byzAKzxJh7vxelVtdPONjfgTm96PbN24yjZNESY8CKo8qniluA==}

@@ -3025,9 +3105,6 @@ packages:
    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
    engines: {node: '>=8'}

-  bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-
  bl@5.1.0:
    resolution: {integrity: sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==}

@@ -3064,9 +3141,6 @@ packages:
  buffer-from@1.1.2:
    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}

-  buffer@5.7.1:
-    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
-
  buffer@6.0.3:
    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}

@@ -3108,10 +3182,6 @@ packages:
  caniuse-lite@1.0.30001695:
    resolution: {integrity: sha512-vHyLade6wTgI2u1ec3WQBxv+2BrTERV28UXQu9LO6lZ9pYeMk34vjXFLOxo1A4UBA8XTL4njRQZdno/yYaSmWw==}

-  canvas@3.0.0-rc2:
-    resolution: {integrity: sha512-esx4bYDznnqgRX4G8kaEaf0W3q8xIc51WpmrIitDzmcoEgwnv9wSKdzT6UxWZ4wkVu5+ileofppX0TpyviJRdQ==}
-    engines: {node: ^18.12.0 || >= 20.9.0}
-
  chalk@4.1.2:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
    engines: {node: '>=10'}
@@ -3124,9 +3194,6 @@ packages:
    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
    engines: {node: '>= 8.10.0'}

-  chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
-
  chrome-trace-event@1.0.4:
    resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
    engines: {node: '>=6.0'}
@@ -3337,18 +3404,6 @@ packages:
    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
    engines: {node: '>=0.10.0'}

-  decompress-response@4.2.1:
-    resolution: {integrity: sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==}
-    engines: {node: '>=8'}
-
-  decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-
-  deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-
  deep-is@0.1.4:
    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}

@@ -3455,9 +3510,6 @@ packages:
    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
    engines: {node: '>= 0.8'}

-  end-of-stream@1.4.4:
-    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
-
  enhanced-resolve@5.17.1:
    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
    engines: {node: '>=10.13.0'}
@@ -3692,10 +3744,6 @@ packages:
    resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
    engines: {node: '>=6'}

-  expand-template@2.0.3:
-    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
-    engines: {node: '>=6'}
-
  express@5.0.1:
    resolution: {integrity: sha512-ORF7g6qGnD+YtUG9yx4DFoqCShNMmUKiXuT5oWMHiOvt/4WFbHC6yCwQMTSBMno7AqntNCAzzcnnjowRkTL9eQ==}
    engines: {node: '>= 18'}
@@ -3809,9 +3857,6 @@ packages:
    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
    engines: {node: '>= 0.8'}

-  fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
-
  fs-extra@11.2.0:
    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
    engines: {node: '>=14.14'}
@@ -3883,9 +3928,6 @@ packages:
  get-tsconfig@4.8.1:
    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}

-  github-from-package@0.0.0:
-    resolution: {integrity: sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==}
-
  glob-parent@5.1.2:
    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
    engines: {node: '>= 6'}
@@ -4068,9 +4110,6 @@ packages:
  inherits@2.0.4:
    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}

-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
  internal-slot@1.0.7:
    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
    engines: {node: '>= 0.4'}
@@ -4380,9 +4419,15 @@ packages:
  lodash-es@4.17.21:
    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}

+  lodash.castarray@4.4.0:
+    resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
+
  lodash.debounce@4.0.8:
    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}

+  lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
  lodash.merge@4.6.2:
    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}

@@ -4412,6 +4457,11 @@ packages:
  make-error@1.3.6:
    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}

+  marked@15.0.12:
+    resolution: {integrity: sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
  matchmediaquery@0.4.2:
    resolution: {integrity: sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==}

@@ -4470,14 +4520,6 @@ packages:
    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
    engines: {node: '>=6'}

-  mimic-response@2.1.0:
-    resolution: {integrity: sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==}
-    engines: {node: '>=8'}
-
-  mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-
  miniflare@4.20250320.0:
    resolution: {integrity: sha512-dD9gpO/nWaLURbBXctB/FOJEDexPlSbplIApb5Ea3xGuSSh+3Iq/cfbgh3IdgueIGMJb6vvTiOWpiPA5naX6vg==}
    engines: {node: '>=18.0.0'}
@@ -4513,9 +4555,6 @@ packages:
    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
    engines: {node: '>=16 || 14 >=14.17'}

-  mkdirp-classic@0.5.3:
-    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
-
  mkdirp@1.0.4:
    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
    engines: {node: '>=10'}
@@ -4547,9 +4586,6 @@ packages:
    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
    hasBin: true

-  napi-build-utils@1.0.2:
-    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
-
  natural-compare@1.4.0:
    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}

@@ -4581,13 +4617,6 @@ packages:
      sass:
        optional: true

-  node-abi@3.71.0:
-    resolution: {integrity: sha512-SZ40vRiy/+wRTf21hxkkEjPJZpARzUMVcJoQse2EF8qkUWbbO2z7vd5oA/H6bVH6SZQ5STGcu0KRDS7biNRfxw==}
-    engines: {node: '>=10'}
-
-  node-addon-api@7.1.1:
-    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
-
  node-env-run@4.0.2:
    resolution: {integrity: sha512-qAGmXrM32xUGdaCBmkQG8RIgm+8Oj22rURkAoX9HuKDQiM0Vm66QebkWEnU5nozYgPbO/PFPrPmerI6ZEPp8UQ==}
    hasBin: true
@@ -4756,16 +4785,12 @@ packages:
    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
    engines: {node: '>=12'}

-  path2d@0.2.1:
-    resolution: {integrity: sha512-Fl2z/BHvkTNvkuBzYTpTuirHZg6wW9z8+4SND/3mDTEcYbbNKWAy21dz9D3ePNNwrrK8pqZO5vLPZ1hLF6T7XA==}
-    engines: {node: '>=6'}
-
  pathe@2.0.3:
    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}

-  pdfjs-dist@4.8.69:
-    resolution: {integrity: sha512-IHZsA4T7YElCKNNXtiLgqScw4zPd3pG9do8UrznC757gMd7UPeHSL2qwNNMJo4r79fl8oj1Xx+1nh2YkzdMpLQ==}
-    engines: {node: '>=18'}
+  pdfjs-dist@4.10.38:
+    resolution: {integrity: sha512-/Y3fcFrXEAsMjJXeL9J8+ZG9U01LbuWaYypvDW2ycW1jL269L3js3DVBjDJ0Up9Np1uqDXsDrRihHANhZOlwdQ==}
+    engines: {node: '>=20'}

  picocolors@1.1.1:
    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
@@ -4858,6 +4883,10 @@ packages:
    peerDependencies:
      postcss: ^8.1.0

+  postcss-selector-parser@6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+
  postcss-selector-parser@6.1.2:
    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
    engines: {node: '>=4'}
@@ -4891,11 +4920,6 @@ packages:
  preact@10.25.0:
    resolution: {integrity: sha512-6bYnzlLxXV3OSpUxLdaxBmE7PMOu0aR3pG6lryK/0jmvcDFPlcXGQAt5DpK3RITWiDrfYZRI0druyaK/S9kYLg==}

-  prebuild-install@7.1.2:
-    resolution: {integrity: sha512-UnNke3IQb6sgarcZIDU3gbMeTp/9SSU1DAIkil7PrqG1vZlBtY5msYccSKSHDqa3hNg436IXK+SNImReuA1wEQ==}
-    engines: {node: '>=10'}
-    hasBin: true
-
  prelude-ls@1.2.1:
    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
    engines: {node: '>= 0.8.0'}
@@ -4981,9 +5005,6 @@ packages:
    resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
    engines: {node: '>= 0.10'}

-  pump@3.0.2:
-    resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
-
  punycode@2.3.1:
    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
    engines: {node: '>=6'}
@@ -5019,10 +5040,6 @@ packages:
    peerDependencies:
      webpack: ^4.0.0 || ^5.0.0

-  rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-
  react-color@2.19.3:
    resolution: {integrity: sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==}
    peerDependencies:
@@ -5298,15 +5315,6 @@ packages:
    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
    engines: {node: '>=14'}

-  simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-
-  simple-get@3.1.1:
-    resolution: {integrity: sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==}
-
-  simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-
  simple-swizzle@0.2.2:
    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}

@@ -5424,10 +5432,6 @@ packages:
    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
    engines: {node: '>=6'}

-  strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-
  strip-json-comments@3.1.1:
    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
    engines: {node: '>=8'}
@@ -5477,13 +5481,6 @@ packages:
    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
    engines: {node: '>=6'}

-  tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
-
-  tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
-
  teex@1.0.1:
    resolution: {integrity: sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==}

@@ -5593,9 +5590,6 @@ packages:
  tslib@2.8.1:
    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}

-  tunnel-agent@0.6.0:
-    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
-
  type-check@0.4.0:
    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
    engines: {node: '>= 0.8.0'}
@@ -8264,6 +8258,50 @@ snapshots:
      '@jridgewell/resolve-uri': 3.1.2
      '@jridgewell/sourcemap-codec': 1.5.0

+  '@napi-rs/canvas-android-arm64@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-darwin-arm64@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-darwin-x64@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm-gnueabihf@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm64-gnu@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-arm64-musl@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-riscv64-gnu@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-x64-gnu@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-linux-x64-musl@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas-win32-x64-msvc@0.1.70':
+    optional: true
+
+  '@napi-rs/canvas@0.1.70':
+    optionalDependencies:
+      '@napi-rs/canvas-android-arm64': 0.1.70
+      '@napi-rs/canvas-darwin-arm64': 0.1.70
+      '@napi-rs/canvas-darwin-x64': 0.1.70
+      '@napi-rs/canvas-linux-arm-gnueabihf': 0.1.70
+      '@napi-rs/canvas-linux-arm64-gnu': 0.1.70
+      '@napi-rs/canvas-linux-arm64-musl': 0.1.70
+      '@napi-rs/canvas-linux-riscv64-gnu': 0.1.70
+      '@napi-rs/canvas-linux-x64-gnu': 0.1.70
+      '@napi-rs/canvas-linux-x64-musl': 0.1.70
+      '@napi-rs/canvas-win32-x64-msvc': 0.1.70
+    optional: true
+
  '@next/env@15.2.4': {}

  '@next/eslint-plugin-next@15.0.3':
@@ -9282,6 +9320,14 @@ snapshots:
    dependencies:
      tslib: 2.8.1

+  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@22.10.1)(typescript@5.7.2)))':
+    dependencies:
+      lodash.castarray: 4.4.0
+      lodash.isplainobject: 4.0.6
+      lodash.merge: 4.6.2
+      postcss-selector-parser: 6.0.10
+      tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@22.10.1)(typescript@5.7.2))
+
  '@tauri-apps/api@2.5.0': {}

  '@tauri-apps/cli-darwin-arm64@2.5.0':
@@ -9858,13 +9904,6 @@ snapshots:

  binary-extensions@2.3.0: {}

-  bl@4.1.0:
-    dependencies:
-      buffer: 5.7.1
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-    optional: true
-
  bl@5.1.0:
    dependencies:
      buffer: 6.0.3
@@ -9918,12 +9957,6 @@ snapshots:

  buffer-from@1.1.2: {}

-  buffer@5.7.1:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-    optional: true
-
  buffer@6.0.3:
    dependencies:
      base64-js: 1.5.1
@@ -9963,13 +9996,6 @@ snapshots:

  caniuse-lite@1.0.30001695: {}

-  canvas@3.0.0-rc2:
-    dependencies:
-      node-addon-api: 7.1.1
-      prebuild-install: 7.1.2
-      simple-get: 3.1.1
-    optional: true
-
  chalk@4.1.2:
    dependencies:
      ansi-styles: 4.3.0
@@ -9989,9 +10015,6 @@ snapshots:
    optionalDependencies:
      fsevents: 2.3.3

-  chownr@1.1.4:
-    optional: true
-
  chrome-trace-event@1.0.4: {}

  client-only@0.0.1: {}
@@ -10180,19 +10203,6 @@ snapshots:

  decamelize@1.2.0: {}

-  decompress-response@4.2.1:
-    dependencies:
-      mimic-response: 2.1.0
-    optional: true
-
-  decompress-response@6.0.0:
-    dependencies:
-      mimic-response: 3.1.0
-    optional: true
-
-  deep-extend@0.6.0:
-    optional: true
-
  deep-is@0.1.4: {}

  deepmerge@4.3.1: {}
@@ -10279,11 +10289,6 @@ snapshots:

  encodeurl@2.0.0: {}

-  end-of-stream@1.4.4:
-    dependencies:
-      once: 1.4.0
-    optional: true
-
  enhanced-resolve@5.17.1:
    dependencies:
      graceful-fs: 4.2.11
@@ -10466,8 +10471,8 @@ snapshots:
      '@typescript-eslint/parser': 8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2)
      eslint: 9.16.0(jiti@1.21.6)
      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@9.16.0(jiti@1.21.6))
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6))
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.16.0(jiti@1.21.6))
      eslint-plugin-react: 7.37.2(eslint@9.16.0(jiti@1.21.6))
      eslint-plugin-react-hooks: 5.0.0(eslint@9.16.0(jiti@1.21.6))
@@ -10490,37 +10495,37 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@9.16.0(jiti@1.21.6)):
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)):
    dependencies:
      '@nolyfill/is-core-module': 1.0.39
      debug: 4.4.0
      enhanced-resolve: 5.17.1
      eslint: 9.16.0(jiti@1.21.6)
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6))
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
      fast-glob: 3.3.2
      get-tsconfig: 4.8.1
      is-bun-module: 1.3.0
      is-glob: 4.0.3
    optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
    transitivePeerDependencies:
      - '@typescript-eslint/parser'
      - eslint-import-resolver-node
      - eslint-import-resolver-webpack
      - supports-color

-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6)):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)):
    dependencies:
      debug: 3.2.7
    optionalDependencies:
      '@typescript-eslint/parser': 8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2)
      eslint: 9.16.0(jiti@1.21.6)
      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@9.16.0(jiti@1.21.6))
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
    transitivePeerDependencies:
      - supports-color

-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6)):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)):
    dependencies:
      '@rtsao/scc': 1.1.0
      array-includes: 3.1.8
@@ -10531,7 +10536,7 @@ snapshots:
      doctrine: 2.1.0
      eslint: 9.16.0(jiti@1.21.6)
      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@9.16.0(jiti@1.21.6))
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@9.16.0(jiti@1.21.6))(typescript@5.7.2))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6)))(eslint@9.16.0(jiti@1.21.6))
      hasown: 2.0.2
      is-core-module: 2.15.1
      is-glob: 4.0.3
@@ -10693,9 +10698,6 @@ snapshots:

  exit-hook@2.2.1: {}

-  expand-template@2.0.3:
-    optional: true
-
  express@5.0.1:
    dependencies:
      accepts: 2.0.0
@@ -10842,9 +10844,6 @@ snapshots:

  fresh@2.0.0: {}

-  fs-constants@1.0.0:
-    optional: true
-
  fs-extra@11.2.0:
    dependencies:
      graceful-fs: 4.2.11
@@ -10930,9 +10929,6 @@ snapshots:
    dependencies:
      resolve-pkg-maps: 1.0.0

-  github-from-package@0.0.0:
-    optional: true
-
  glob-parent@5.1.2:
    dependencies:
      is-glob: 4.0.3
@@ -11140,9 +11136,6 @@ snapshots:

  inherits@2.0.4: {}

-  ini@1.3.8:
-    optional: true
-
  internal-slot@1.0.7:
    dependencies:
      es-errors: 1.3.0
@@ -11409,8 +11402,12 @@ snapshots:

  lodash-es@4.17.21: {}

+  lodash.castarray@4.4.0: {}
+
  lodash.debounce@4.0.8: {}

+  lodash.isplainobject@4.0.6: {}
+
  lodash.merge@4.6.2: {}

  lodash.sortby@4.7.0: {}
@@ -11436,6 +11433,8 @@ snapshots:
  make-error@1.3.6:
    optional: true

+  marked@15.0.12: {}
+
  matchmediaquery@0.4.2:
    dependencies:
      css-mediaquery: 0.1.2
@@ -11475,12 +11474,6 @@ snapshots:

  mimic-fn@2.1.0: {}

-  mimic-response@2.1.0:
-    optional: true
-
-  mimic-response@3.1.0:
-    optional: true
-
  miniflare@4.20250320.0:
    dependencies:
      '@cspotcode/source-map-support': 0.8.1
@@ -11524,9 +11517,6 @@ snapshots:

  minipass@7.1.2: {}

-  mkdirp-classic@0.5.3:
-    optional: true
-
  mkdirp@1.0.4: {}

  mkdirp@3.0.1: {}
@@ -11549,9 +11539,6 @@ snapshots:

  nanoid@3.3.8: {}

-  napi-build-utils@1.0.2:
-    optional: true
-
  natural-compare@1.4.0: {}

  negotiator@1.0.0: {}
@@ -11583,14 +11570,6 @@ snapshots:
      - '@babel/core'
      - babel-plugin-macros

-  node-abi@3.71.0:
-    dependencies:
-      semver: 7.6.3
-    optional: true
-
-  node-addon-api@7.1.1:
-    optional: true
-
  node-env-run@4.0.2:
    dependencies:
      '@types/common-tags': 1.8.4
@@ -11748,15 +11727,11 @@ snapshots:

  path-type@5.0.0: {}

-  path2d@0.2.1:
-    optional: true
-
  pathe@2.0.3: {}

-  pdfjs-dist@4.8.69:
+  pdfjs-dist@4.10.38:
    optionalDependencies:
-      canvas: 3.0.0-rc2
-      path2d: 0.2.1
+      '@napi-rs/canvas': 0.1.70

  picocolors@1.1.1: {}

@@ -11835,6 +11810,11 @@ snapshots:
      postcss: 8.4.49
      thenby: 1.3.4

+  postcss-selector-parser@6.0.10:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
  postcss-selector-parser@6.1.2:
    dependencies:
      cssesc: 3.0.0
@@ -11868,22 +11848,6 @@ snapshots:

  preact@10.25.0: {}

-  prebuild-install@7.1.2:
-    dependencies:
-      detect-libc: 2.0.3
-      expand-template: 2.0.3
-      github-from-package: 0.0.0
-      minimist: 1.2.8
-      mkdirp-classic: 0.5.3
-      napi-build-utils: 1.0.2
-      node-abi: 3.71.0
-      pump: 3.0.2
-      rc: 1.2.8
-      simple-get: 4.0.1
-      tar-fs: 2.1.1
-      tunnel-agent: 0.6.0
-    optional: true
-
  prelude-ls@1.2.1: {}

  prettier-plugin-tailwindcss@0.6.9(prettier@3.4.1):
@@ -11911,12 +11875,6 @@ snapshots:
      forwarded: 0.2.0
      ipaddr.js: 1.9.1

-  pump@3.0.2:
-    dependencies:
-      end-of-stream: 1.4.4
-      once: 1.4.0
-    optional: true
-
  punycode@2.3.1: {}

  qs@6.13.0:
@@ -11950,14 +11908,6 @@ snapshots:
      schema-utils: 3.3.0
      webpack: 5.97.1

-  rc@1.2.8:
-    dependencies:
-      deep-extend: 0.6.0
-      ini: 1.3.8
-      minimist: 1.2.8
-      strip-json-comments: 2.0.1
-    optional: true
-
  react-color@2.19.3(react@19.0.0):
    dependencies:
      '@icons/material': 0.2.4(react@19.0.0)
@@ -12319,23 +12269,6 @@ snapshots:

  signal-exit@4.1.0: {}

-  simple-concat@1.0.1:
-    optional: true
-
-  simple-get@3.1.1:
-    dependencies:
-      decompress-response: 4.2.1
-      once: 1.4.0
-      simple-concat: 1.0.1
-    optional: true
-
-  simple-get@4.0.1:
-    dependencies:
-      decompress-response: 6.0.0
-      once: 1.4.0
-      simple-concat: 1.0.1
-    optional: true
-
  simple-swizzle@0.2.2:
    dependencies:
      is-arrayish: 0.3.2
@@ -12472,9 +12405,6 @@ snapshots:

  strip-final-newline@2.0.0: {}

-  strip-json-comments@2.0.1:
-    optional: true
-
  strip-json-comments@3.1.1: {}

  strnum@1.0.5: {}
@@ -12539,23 +12469,6 @@ snapshots:

  tapable@2.2.1: {}

-  tar-fs@2.1.1:
-    dependencies:
-      chownr: 1.1.4
-      mkdirp-classic: 0.5.3
-      pump: 3.0.2
-      tar-stream: 2.2.0
-    optional: true
-
-  tar-stream@2.2.0:
-    dependencies:
-      bl: 4.1.0
-      end-of-stream: 1.4.4
-      fs-constants: 1.0.0
-      inherits: 2.0.4
-      readable-stream: 3.6.2
-    optional: true
-
  teex@1.0.1:
    dependencies:
      streamx: 2.21.1
@@ -12669,11 +12582,6 @@ snapshots:

  tslib@2.8.1: {}

-  tunnel-agent@0.6.0:
-    dependencies:
-      safe-buffer: 5.2.1
-    optional: true
-
  type-check@0.4.0:
    dependencies:
      prelude-ls: 1.2.1
Author	SHA1	Message	Date
Huang Xin	363b98dd3b	release: version 0.9.52 (#1327 )	2025-06-03 15:49:04 +02:00
Huang Xin	43532a0ee8	feat: add an option to show remaining in minutes of the current chapter, closes #406 (#1326 )	2025-06-03 15:37:55 +02:00
Huang Xin	03b2af1f97	chore: bump pdf.js to latest release of version 4 (#1325 )	2025-06-03 13:22:52 +02:00
Huang Xin	3f8d03ae28	sync: add sync status menu item in view menu, closes #844 (#1324 )	2025-06-03 11:43:58 +02:00
Huang Xin	146a71fdef	font: load CJK fonts only in CJK env or the book has CJK languages, closes #1298 (#1323 )	2025-06-03 08:55:40 +02:00
Huang Xin	734e22d92c	layout: notebook layout tweaks (#1319 )	2025-06-02 17:27:02 +02:00
Huang Xin	a77986c0e6	feat: add search functionality to the notebook (#1318 )	2025-06-02 16:03:55 +02:00
Huang Xin	4e7f9c49b0	layout: render book description as html in book details, closes #1316 (#1317 )	2025-06-02 14:25:51 +02:00
Huang Xin	c51c95b883	feat: support note taking with markdown, closes #1097 (#1315 )	2025-06-02 11:35:09 +02:00
Huang Xin	62081bebfd	fix: update current bookshelf items when library is updated (#1314 )	2025-06-02 09:57:11 +02:00
Huang Xin	15394d17d8	feat: show current books count in search bar, closes #1310 (#1312 )	2025-06-02 09:31:35 +02:00
Huang Xin	5d1deadc1e	fix: defers rendering all component until after hydration for Tauri platforms, closes #1301 (#1311 )	2025-06-02 08:25:08 +02:00
Huang Xin	b497ddacac	css: add margin for div only when overriding layout, closes #1286 (#1309 )	2025-06-02 07:59:58 +02:00
Huang Xin	a9965fd52c	config: add an option to sort TOC by page number, closes #1304 (#1308 )	2025-06-02 07:23:59 +02:00
Huang Xin	87d610bb62	revert: some browsers may report wrong pixel density, closes #1305 (#1306 ) This reverts commit 6e0cc38aa7ca726e251c16e453922fcd637cee49.	2025-06-02 06:19:13 +02:00
Huang Xin	dbc4651141	chore: parse webkit version on linux (#1299 )	2025-06-01 04:57:53 +02:00
Huang Xin	dad2dfd078	i18n: update translations (#1297 )	2025-05-31 18:58:43 +02:00
Huang Xin	1fe188814d	release: version 0.9.51 (#1296 )	2025-05-31 18:33:21 +02:00
Huang Xin	6ec3a5b332	feat: add an option to enable JavaScript in EPUB, closes #1278 (#1295 )	2025-05-31 18:25:25 +02:00
Huang Xin	1acba2e08c	fix: notebook now won't prevent pagination, closes #1285 (#1294 )	2025-05-31 15:02:36 +02:00
Huang Xin	32f9346f84	tts: more robust way to save last speaking location for tts (#1293 )	2025-05-31 13:34:35 +02:00
Huang Xin	69c503026a	bump: catch up foliate-js upstream (#1292 )	2025-05-31 13:31:27 +02:00
Huang Xin	84fc4cec5e	tts: read from last read sentence in tts (#1291 )	2025-05-31 10:53:36 +02:00
Huang Xin	5c9c11fafd	translator: disable translator if the system language is the same with the book language (#1290 ) Closes #1288	2025-05-31 09:34:52 +02:00
Huang Xin	77fa57438e	tts: show speaking sentence and chapter info in tts media session (#1289 )	2025-05-31 09:21:17 +02:00
Huang Xin	e4d217f3aa	config: add theme mode options in the library page (#1283 )	2025-05-30 09:10:48 +02:00
Huang Xin	c7a583c53a	translator: lazy load translation observer (#1282 )	2025-05-30 09:08:45 +02:00
Huang Xin	6c86917098	translator: add daily translation quota for deepl (#1275 )	2025-05-29 19:24:09 +02:00
Huang Xin	7c21f48d68	layout: hide the header bar only on mobile platforms when translation is enabled (#1274 )	2025-05-29 10:31:02 +02:00
Huang Xin	5820191c26	translator: also translate table of contents (#1273 )	2025-05-29 10:08:01 +02:00
Huang Xin	b37a804192	css: enhanced compatibility with the text-indent CSS property, closes #1267 (#1271 )	2025-05-29 08:53:58 +02:00