release: version 0.9.37 (#957 )

fix: popup footnotes for anchors without epub namespace, closes #948 (#956 )
feat: add list view for the bookshelf, closes #542 (#955 )
2025-04-24 21:14:57 +02:00 · 2025-04-24 21:03:05 +02:00 · 2025-04-24 19:53:09 +02:00 · 2025-04-24 11:12:10 +02:00 · 2025-04-24 16:19:14 +08:00 · 2025-04-23 14:01:37 +02:00
157 changed files with 6489 additions and 2013 deletions
@@ -28,7 +28,7 @@ jobs:
        run: cargo fmt --check
      - name: Clippy Check
        working-directory: apps/readest-app/src-tauri
-        run: cargo clippy -- -D warnings
+        run: cargo clippy -p Readest --no-deps -- -D warnings

  build_web_app:
    runs-on: ubuntu-latest
@@ -130,7 +130,7 @@ jobs:

      - uses: Swatinem/rust-cache@v2
        with:
-          key: ${{ matrix.config.os }}-cargo-${{ hashFiles('Cargo.lock') }}
+          key: ${{ matrix.config.os }}-${{ matrix.config.release }}-${{ matrix.config.arch }}-cargo

      - name: install dependencies (ubuntu only)
        if: contains(matrix.config.os, 'ubuntu') && matrix.config.release != 'android'
@@ -152,6 +152,8 @@ jobs:
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          NDK_HOME: ${{ env.ANDROID_HOME }}/ndk/27.0.11902837
+          TAURI_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
+          TAURI_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
        run: |
          cd apps/readest-app/
          rm -rf src-tauri/gen/android
@@ -179,6 +181,37 @@ jobs:
          gh release upload ${{ needs.get-release.outputs.release_tag }} $universial_apk --clobber
          echo "Uploading $arm64_apk to GitHub release"
          gh release upload ${{ needs.get-release.outputs.release_tag }} $arm64_apk --clobber
+          echo "Uploading signatures to GitHub release"
+          pnpm tauri signer sign $universial_apk
+          pnpm tauri signer sign $arm64_apk
+          gh release upload ${{ needs.get-release.outputs.release_tag }} $universial_apk.sig --clobber
+          gh release upload ${{ needs.get-release.outputs.release_tag }} $arm64_apk.sig --clobber
+
+      - name: download and update latest.json for Android release
+        if: matrix.config.release == 'android'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          cd apps/readest-app/
+          curl -sL https://github.com/readest/readest/releases/latest/download/latest.json -o latest.json
+
+          version=${{ needs.get-release.outputs.release_version }}
+          universial_apk_url="https://github.com/readest/readest/releases/download/${{ needs.get-release.outputs.release_tag }}/Readest_${version}_universal.apk"
+          arm64_apk_url="https://github.com/readest/readest/releases/download/${{ needs.get-release.outputs.release_tag }}/Readest_${version}_arm64.apk"
+
+          universial_sig=$(cat Readest_${version}_universal.apk.sig)
+          arm64_sig=$(cat Readest_${version}_arm64.apk.sig)
+
+          jq --arg url "$universial_apk_url" \
+              --arg sig "$universial_sig" \
+              '.platforms["android-universal"] = {signature: $sig, url: $url}' latest.json > tmp.$$.json && mv tmp.$$.json latest.json
+
+          jq --arg url "$arm64_apk_url" \
+              --arg sig "$arm64_sig" \
+              '.platforms["android-arm64"] = {signature: $sig, url: $url}' latest.json > tmp.$$.json && mv tmp.$$.json latest.json
+
+          echo "Uploading updated latest.json to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} latest.json --clobber

      - uses: tauri-apps/tauri-action@v0
        if: matrix.config.release != 'android'
@@ -199,6 +232,13 @@ jobs:
          releaseBody: ${{ needs.get-release.outputs.release_note }}
          args: ${{ matrix.config.args || '' }}

+      - name: upload release notes to GitHub release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          echo "Uploading release notes to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} apps/readest-app/release-notes.json --clobber
+
      - name: upload portable binaries (Windows only)
        if: matrix.config.os == 'windows-latest'
        env:
@@ -1,3 +1,18 @@
 [workspace]
-members = ["apps/readest-app/src-tauri"]
+members = [
+  "apps/readest-app/src-tauri",
+  "packages/tauri/crates/tauri",
+]
 resolver = "2"
+
+[workspace.package]
+authors = ["Bilingify LLC"]
+homepage = "https://readest.com"
+license = "AGPL-3.0"
+repository = "https://github.com/readest/readest"
+categories = []
+edition = "2021"
+rust-version = "1.77.2"
+
+[patch.crates-io]
+tauri = { path = "packages/tauri/crates/tauri" }
@@ -26,7 +26,7 @@
  <a href="#screenshots">Screenshots</a> •
  <a href="#downloads">Downloads</a> •
  <a href="#getting-started">Getting Started</a> •
-  <a href="#contributors">Contributors</a> •
+  <a href="#troubleshooting">Troubleshooting</a> •
  <a href="#license">License</a>
 </p>

@@ -54,6 +54,7 @@
 | **File Association and Open With**      | Quickly open files in Readest in your file browser with one-click.                             | ✅         |
 | **Sync across Platforms**               | Synchronize book files, reading progress, notes, and bookmarks across all supported platforms. | ✅         |
 | **Text-to-Speech (TTS) Support**        | Enable text-to-speech functionality for a more accessible reading experience.                  | ✅         |
+| **Library Management**                  | Organize, sort, and manage your entire ebook library.                                          | ✅         |

 ## Planned Features

@@ -62,7 +63,6 @@

 | **Feature**                     | **Description**                                                                            | **Priority** |
 | ------------------------------- | ------------------------------------------------------------------------------------------ | ------------ |
-| **Library Management**          | Organize, sort, and manage your entire ebook library.                                      | 🛠           |
 | **AI-Powered Summarization**    | Generate summaries of books or chapters using AI for quick insights.                       | 🛠           |
 | **Sync with Koreader**          | Synchronize reading progress, notes, and bookmarks with [Koreader][link-koreader] devices. | 🔄           |
 | **Keyboard Navigation**         | Implement vimium-style keybindings for book navigation.                                    | 🔄           |
@@ -199,6 +199,39 @@ nix develop ./ops#android # enter a dev shell for the android app

 Please check the [wiki][link-gh-wiki] of this project for more information on development.

+## Troubleshooting
+
+### 1. Readest Won’t Launch on Windows (Missing Edge WebView2 Runtime)
+
+**Symptom**
+
+- When you double-click readest.exe, nothing happens. No window appears, and Task Manager does not show the process.
+- This can affect both the standard installer and the portable version.
+
+**Cause**
+
+- Microsoft Edge WebView2 Runtime is either missing, outdated, or improperly installed on your system. Readest depends on WebView2 to render the interface on Windows.
+
+**How to Fix**
+
+1. Check if WebView2 is installed
+   - Open “Add or Remove Programs” (a.k.a. Apps & features) on Windows. Look for “Microsoft Edge WebView2 Runtime.”
+2. Install or Update WebView2
+   - Download the WebView2 Runtime directly from Microsoft: [link](https://developer.microsoft.com/en-us/microsoft-edge/webview2?form=MA13LH).
+   - If you prefer an offline installer, download the offline package and run it as an Administrator.
+3. Re-run Readest
+   - After installing/updating WebView2, launch readest.exe again.
+   - If you still encounter problems, reboot your PC and try again.
+
+**Additional Tips**
+
+- If reinstalling once doesn’t work, uninstall Edge WebView2 completely, then reinstall it with Administrator privileges.
+- Verify your Windows installation has the latest updates from Microsoft.
+
+**Still Stuck?**
+
+- See Issue [readest/readest#358](https://github.com/readest/readest/issues/358) for further details, or head over to our [Discord][link-discord] server and open a support discussion with detailed logs of your environment and the steps you’ve taken.
+
 ## Contributors

 Readest is open-source, and contributions are welcome! Feel free to open issues, suggest features, or submit pull requests. Please **review our [contributing guidelines](CONTRIBUTING.md) before you start**. We also welcome you to join our [Discord][link-discord] community for either support or contributing guidance.
@@ -219,9 +252,10 @@ The following libraries and frameworks are used in this software:
 - [zip.js](https://github.com/gildas-lormeau/zip.js), which is licensed under the BSD-3-Clause license.
 - [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.
 - [next.js](https://github.com/vercel/next.js), which is MIT licensed.
- [react](https://github.com/facebook/react), 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.
 - [tauri](https://github.com/tauri-apps/tauri), which is MIT licensed.

 The following fonts are utilized in this software, either bundled within the application or provided through web fonts:
@@ -4,6 +4,8 @@ NEXT_PUBLIC_POSTHOG_HOST=YOUR_POSTHOG_HOST
 NEXT_PUBLIC_SUPABASE_URL=YOUR_SUPABASE_URL
 NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY

+NEXT_PUBLIC_STORAGE_FIXED_QUOTA=1073741824
+
 SUPABASE_ADMIN_KEY=YOUR_SUPABASE_ADMIN_KEY

 DEEPL_PRO_API_KEYS=YOUR_DEEPL_PRO_API_KEYS
@@ -32,7 +32,7 @@ yarn-error.log*
 /private_keys

 # plists
-*.plist
+Entitlements*.plist

 # local confs
 tauri.*.conf.json
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.9.28",
+  "version": "0.9.37",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -42,19 +42,19 @@
    "@supabase/auth-ui-react": "^0.4.7",
    "@supabase/auth-ui-shared": "^0.1.8",
    "@supabase/supabase-js": "^2.47.7",
-    "@tauri-apps/api": "2.3.0",
+    "@tauri-apps/api": "2.4.1",
    "@tauri-apps/plugin-cli": "^2.2.0",
-    "@tauri-apps/plugin-deep-link": "^2.2.0",
-    "@tauri-apps/plugin-dialog": "^2.2.0",
-    "@tauri-apps/plugin-fs": "^2.2.0",
-    "@tauri-apps/plugin-haptics": "^2.2.3",
-    "@tauri-apps/plugin-http": "^2.3.0",
-    "@tauri-apps/plugin-log": "^2.2.3",
+    "@tauri-apps/plugin-deep-link": "^2.2.1",
+    "@tauri-apps/plugin-dialog": "^2.2.1",
+    "@tauri-apps/plugin-fs": "^2.2.1",
+    "@tauri-apps/plugin-haptics": "^2.2.4",
+    "@tauri-apps/plugin-http": "^2.4.3",
+    "@tauri-apps/plugin-log": "^2.3.1",
    "@tauri-apps/plugin-opener": "^2.2.6",
-    "@tauri-apps/plugin-os": "^2.2.0",
-    "@tauri-apps/plugin-process": "^2.2.0",
-    "@tauri-apps/plugin-shell": "~2.2.0",
-    "@tauri-apps/plugin-updater": "^2.5.1",
+    "@tauri-apps/plugin-os": "^2.2.1",
+    "@tauri-apps/plugin-process": "^2.2.1",
+    "@tauri-apps/plugin-shell": "~2.2.1",
+    "@tauri-apps/plugin-updater": "^2.7.0",
    "@zip.js/zip.js": "^2.7.53",
    "aws4fetch": "^1.0.20",
    "clsx": "^2.1.1",
@@ -74,18 +74,20 @@
    "react-i18next": "^15.2.0",
    "react-icons": "^5.4.0",
    "react-responsive": "^10.0.0",
+    "semver": "^7.7.1",
    "tinycolor2": "^1.6.0",
    "zustand": "5.0.1"
  },
  "devDependencies": {
    "@opennextjs/cloudflare": "^0.5.12",
-    "@tauri-apps/cli": "2.3.1",
+    "@tauri-apps/cli": "2.4.1",
    "@types/cors": "^2.8.17",
    "@types/cssbeautify": "^0.3.5",
    "@types/node": "^22.10.1",
    "@types/react": "18.3.12",
    "@types/react-color": "^3.0.13",
    "@types/react-dom": "18.3.1",
+    "@types/semver": "^7.7.0",
    "@types/tinycolor2": "^1.4.6",
    "autoprefixer": "^10.4.20",
    "cpx2": "^8.0.0",
@@ -126,8 +126,6 @@
  "Apply to All Books": "تطبيق على جميع الكتب",
  "Apply to This Book": "تطبيق على هذا الكتاب",
  "Unable to fetch the translation. Try again later.": "تعذر جلب الترجمة. حاول مرة أخرى لاحقًا.",
-  "Update Now!": "قم بالتحديث الآن!",
-  "Update": "تحديث",
  "Check Update": "التحقق من التحديث",
  "Already the latest version": "الإصدار الحالي هو الإصدار الأحدث بالفعل",
  "Book Details": "تفاصيل الكتاب",
@@ -152,7 +150,6 @@
  "Text Indent": "مسافة بادئة للنص",
  "Paragraph Margin": "هامش الفقرة",
  "Override Book Layout": "تجاوز تخطيط الكتاب",
-  "Add to Group": "إضافة إلى مجموعة",
  "Untitled Group": "مجموعة بدون عنوان",
  "Group Books": "تجميع الكتب",
  "Remove From Group": "إزالة من المجموعة",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "تم النسخ إلى الحافظة",
  "Export Annotations": "تصدير التعليقات",
  "Auto Import on File Open": "استيراد تلقائي عند فتح الملف",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "تبديل منطقة التقليب بالنقر",
  "No chapters detected.": "لم يتم التعرف على فصول.",
  "Failed to parse the EPUB file.": "فشل في تحليل ملف EPUB.",
-  "This book format is not supported.": "هذا تنسيق الكتاب غير مدعوم."
+  "This book format is not supported.": "هذا تنسيق الكتاب غير مدعوم.",
+  "Unable to fetch the translation. Please log in first and try again.": "تعذر جلب الترجمة. يرجى تسجيل الدخول أولاً ثم المحاولة مرة أخرى.",
+  "Group": "تجميع",
+  "Always on Top": "دائمًا في المقدمة",
+  "No Timeout": "لا مهلة",
+  "{{value}} minute": "{{value}} دقيقة",
+  "{{value}} minutes": "{{value}} دقائق",
+  "{{value}} hour": "{{value}} ساعة",
+  "{{value}} hours": "{{value}} ساعات",
+  "CJK Font": "خط CJK",
+  "Clear Search": "مسح البحث",
+  "Header & Footer": "الرأس والتذييل",
+  "Apply also in Scrolled Mode": "تطبيق أيضًا في وضع التمرير",
+  "A new version of Readest is Available!": "إصدار جديد من ريديست متاح!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "إصدار ريديست {{newVersion}} متاح (الإصدار المثبت {{currentVersion}}).",
+  "Download and install now?": "هل ترغب في تنزيل وتثبيت الآن؟",
+  "Downloading {{downloaded}} of {{contentLength}}": "جارٍ تنزيل {{downloaded}} من {{contentLength}}",
+  "Download finished": "اكتمل التنزيل",
+  "DOWNLOAD & INSTALL": "تنزيل وتثبيت",
+  "Changelog:": "سجل التغييرات:",
+  "Software Update": "تحديث البرنامج",
+  "Title": "العنوان",
+  "Date Read": "تاريخ القراءة",
+  "Date Added": "تاريخ الإضافة",
+  "Format": "التنسيق",
+  "Ascending": "تصاعدي",
+  "Descending": "تنازلي",
+  "Sort by...": "ترتيب حسب...",
+  "Added:": "تاريخ الإضافة:",
+  "Format:": "التنسيق:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "الوصف:",
+  "No description available": "لا يوجد وصف متاح",
+  "List": "قائمة",
+  "Grid": "شبكة"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Auf alle Bücher anwenden",
  "Apply to This Book": "Auf dieses Buch anwenden",
  "Unable to fetch the translation. Try again later.": "Übersetzung konnte nicht abgerufen werden. Versuchen Sie es später erneut.",
-  "Update Now!": "Jetzt aktualisieren!",
-  "Update": "Aktualisieren",
  "Check Update": "Aktualisierung prüfen",
  "Already the latest version": "Bereits die neueste Version",
  "Book Details": "Buchdetails",
@@ -152,7 +150,6 @@
  "Text Indent": "Texteinzug",
  "Paragraph Margin": "Absatzrand",
  "Override Book Layout": "Buch-Layout überschreiben",
-  "Add to Group": "Zur Gruppe hinzufügen",
  "Untitled Group": "Unbenannte Gruppe",
  "Group Books": "Bücher gruppieren",
  "Remove From Group": "Aus Gruppe entfernen",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "In die Zwischenablage kopiert",
  "Export Annotations": "Anmerkungen exportieren",
  "Auto Import on File Open": "Automatischer Import beim Öffnen einer Datei",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Klick-zu-Blättern-Bereich tauschen",
  "No chapters detected.": "Keine Kapitel erkannt.",
  "Failed to parse the EPUB file.": "Fehler beim Parsen der EPUB-Datei.",
-  "This book format is not supported.": "Dieses Buchformat wird nicht unterstützt."
+  "This book format is not supported.": "Dieses Buchformat wird nicht unterstützt.",
+  "Unable to fetch the translation. Please log in first and try again.": "Übersetzung konnte nicht abgerufen werden. Bitte zuerst anmelden und erneut versuchen.",
+  "Group": "Gruppieren",
+  "Always on Top": "Immer im Vordergrund",
+  "No Timeout": "Kein Timeout",
+  "{{value}} minute": "{{value}} Minute",
+  "{{value}} minutes": "{{value}} Minuten",
+  "{{value}} hour": "{{value}} Stunde",
+  "{{value}} hours": "{{value}} Stunden",
+  "CJK Font": "CJK-Schriftart",
+  "Clear Search": "Suche löschen",
+  "Header & Footer": "Kopf- & Fußzeile",
+  "Apply also in Scrolled Mode": "Auch im Scroll-Modus anwenden",
+  "A new version of Readest is Available!": "Eine neue Version von Readest ist verfügbar!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} ist verfügbar (installierte Version {{currentVersion}}).",
+  "Download and install now?": "Jetzt herunterladen und installieren?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Herunterladen {{downloaded}} von {{contentLength}}",
+  "Download finished": "Download abgeschlossen",
+  "DOWNLOAD & INSTALL": "HERUNTERLADEN & INSTALLIEREN",
+  "Changelog:": "Änderungsprotokoll:",
+  "Software Update": "Software-Update",
+  "Title": "Titel",
+  "Date Read": "Datum gelesen",
+  "Date Added": "Datum hinzugefügt",
+  "Format": "Format",
+  "Ascending": "Aufsteigend",
+  "Descending": "Absteigend",
+  "Sort by...": "Sortieren nach...",
+  "Added:": "Hinzugefügt:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Beschreibung:",
+  "No description available": "Keine Beschreibung verfügbar",
+  "List": "Liste",
+  "Grid": "Raster"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Εφαρμογή σε όλα τα βιβλία",
  "Apply to This Book": "Εφαρμογή σε αυτό το βιβλίο",
  "Unable to fetch the translation. Try again later.": "Αδυναμία λήψης της μετάφρασης. Δοκιμάστε ξανά αργότερα.",
-  "Update Now!": "Ενημέρωση τώρα!",
-  "Update": "Ενημέρωση",
  "Check Update": "Έλεγχος ενημέρωσης",
  "Already the latest version": "Ήδη η τελευταία έκδοση",
  "Book Details": "Λεπτομέρειες βιβλίου",
@@ -152,7 +150,6 @@
  "Text Indent": "Εσοχή κειμένου",
  "Paragraph Margin": "Περιθώριο παραγράφου",
  "Override Book Layout": "Παράκαμψη διάταξης βιβλίου",
-  "Add to Group": "Προσθήκη στην ομάδα",
  "Untitled Group": "Ομάδα χωρίς τίτλο",
  "Group Books": "Ομαδοποίηση βιβλίων",
  "Remove From Group": "Αφαίρεση από την ομάδα",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Αντιγράφηκε στο πρόχειρο",
  "Export Annotations": "Εξαγωγή σχολιασμών",
  "Auto Import on File Open": "Αυτόματη εισαγωγή κατά το άνοιγμα αρχείου",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Ανταλλαγή περιοχής κλικ για γύρισμα σελίδας",
  "No chapters detected.": "Δεν εντοπίστηκαν κεφάλαια.",
  "Failed to parse the EPUB file.": "Αποτυχία ανάλυσης του αρχείου EPUB.",
-  "This book format is not supported.": "Αυτή η μορφή βιβλίου δεν υποστηρίζεται."
+  "This book format is not supported.": "Αυτή η μορφή βιβλίου δεν υποστηρίζεται.",
+  "Unable to fetch the translation. Please log in first and try again.": "Αδυναμία λήψης της μετάφρασης. Παρακαλώ συνδεθείτε πρώτα και δοκιμάστε ξανά.",
+  "Group": "Ομάδα",
+  "Always on Top": "Πάντα στην κορυφή",
+  "No Timeout": "Χωρίς χρονικό όριο",
+  "{{value}} minute": "{{value}} λεπτό",
+  "{{value}} minutes": "{{value}} λεπτά",
+  "{{value}} hour": "{{value}} ώρα",
+  "{{value}} hours": "{{value}} ώρες",
+  "CJK Font": "Γραμματοσειρά CJK",
+  "Clear Search": "Καθαρισμός αναζήτησης",
+  "Header & Footer": "Κεφαλίδα & Υποσέλιδο",
+  "Apply also in Scrolled Mode": "Εφαρμογή και σε λειτουργία κύλισης",
+  "A new version of Readest is Available!": "Μια νέα έκδοση του Readest είναι διαθέσιμη!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Η έκδοση Readest {{newVersion}} είναι διαθέσιμη (έκδοση που είναι εγκατεστημένη {{currentVersion}}).",
+  "Download and install now?": "Θέλετε να την κατεβάσετε και να την εγκαταστήσετε τώρα;",
+  "Downloading {{downloaded}} of {{contentLength}}": "Κατεβάζω {{downloaded}} από {{contentLength}}",
+  "Download finished": "Η λήψη ολοκληρώθηκε",
+  "DOWNLOAD & INSTALL": "ΛΗΨΗ & ΕΓΚΑΤΑΣΤΑΣΗ",
+  "Changelog:": "Αλλαγές:",
+  "Software Update": "Ενημέρωση λογισμικού",
+  "Title": "Τίτλος",
+  "Date Read": "Ημερομηνία ανάγνωσης",
+  "Date Added": "Ημερομηνία προσθήκης",
+  "Format": "Μορφή",
+  "Ascending": "Αύξουσα",
+  "Descending": "Φθίνουσα",
+  "Sort by...": "Ταξινόμηση κατά...",
+  "Added:": "Προστέθηκε:",
+  "Format:": "Μορφή:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Περιγραφή:",
+  "No description available": "Δεν είναι διαθέσιμη καμία περιγραφή",
+  "List": "Λίστα",
+  "Grid": "Πλέγμα"
 }
@@ -1,3 +1,4 @@
 {
-  "LXGW WenKai GB Screen": "LXGW WenKai"
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Aplicar a todos los libros",
  "Apply to This Book": "Aplicar a este libro",
  "Unable to fetch the translation. Try again later.": "No se puede obtener la traducción. Inténtalo de nuevo más tarde.",
-  "Update Now!": "¡Actualizar ahora!",
-  "Update": "Actualizar",
  "Check Update": "Comprobar actualización",
  "Already the latest version": "Ya es la última versión",
  "Book Details": "Detalles del libro",
@@ -152,7 +150,6 @@
  "Text Indent": "Sangría de texto",
  "Paragraph Margin": "Margen de párrafo",
  "Override Book Layout": "Sobrescribir diseño del libro",
-  "Add to Group": "Añadir a grupo",
  "Untitled Group": "Grupo sin título",
  "Group Books": "Agrupar libros",
  "Remove From Group": "Eliminar del grupo",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Copiado al portapapeles",
  "Export Annotations": "Exportar anotaciones",
  "Auto Import on File Open": "Importación automática al abrir archivo",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Intercambiar área de clic para voltear",
  "No chapters detected.": "No se detectaron capítulos.",
  "Failed to parse the EPUB file.": "Error al analizar el archivo EPUB.",
-  "This book format is not supported.": "Este formato de libro no es compatible."
+  "This book format is not supported.": "Este formato de libro no es compatible.",
+  "Unable to fetch the translation. Please log in first and try again.": "No se puede obtener la traducción. Por favor, inicia sesión primero e inténtalo de nuevo.",
+  "Group": "Grupo",
+  "Always on Top": "Siempre en la parte superior",
+  "No Timeout": "Sin tiempo de espera",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minutos",
+  "{{value}} hour": "{{value}} hora",
+  "{{value}} hours": "{{value}} horas",
+  "CJK Font": "Fuente CJK",
+  "Clear Search": "Limpiar búsqueda",
+  "Header & Footer": "Encabezado y pie de página",
+  "Apply also in Scrolled Mode": "Aplicar también en modo desplazamiento",
+  "A new version of Readest is Available!": "¡Una nueva versión de Readest está disponible!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponible (versión instalada {{currentVersion}}).",
+  "Download and install now?": "Descargar e instalar ahora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Descargando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Descarga finalizada",
+  "DOWNLOAD & INSTALL": "DESCARGAR E INSTALAR",
+  "Changelog:": "Notas de la versión:",
+  "Software Update": "Actualización de software",
+  "Title": "Título",
+  "Date Read": "Fecha de lectura",
+  "Date Added": "Fecha añadida",
+  "Format": "Formato",
+  "Ascending": "Ascendente",
+  "Descending": "Descendente",
+  "Sort by...": "Ordenar por...",
+  "Added:": "Agregado:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descripción:",
+  "No description available": "No hay descripción disponible",
+  "List": "Lista",
+  "Grid": "Cuadrícula"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Appliquer à tous les livres",
  "Apply to This Book": "Appliquer à ce livre",
  "Unable to fetch the translation. Try again later.": "Impossible de récupérer la traduction. Réessayez plus tard.",
-  "Update Now!": "Mettre à jour maintenant !",
-  "Update": "Mettre à jour",
  "Check Update": "Vérifier la mise à jour",
  "Already the latest version": "Déjà la dernière version",
  "Book Details": "Détails du livre",
@@ -152,7 +150,6 @@
  "Text Indent": "Retrait du texte",
  "Paragraph Margin": "Marge de paragraphe",
  "Override Book Layout": "Remplacer la mise en page du livre",
-  "Add to Group": "Ajouter au groupe",
  "Untitled Group": "Groupe sans titre",
  "Group Books": "Regrouper les livres",
  "Remove From Group": "Retirer du groupe",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Copié dans le presse-papiers",
  "Export Annotations": "Exporter les annotations",
  "Auto Import on File Open": "Importation automatique à l'ouverture du fichier",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Échanger la zone de clic pour tourner",
  "No chapters detected.": "Aucun chapitre détecté.",
  "Failed to parse the EPUB file.": "Échec de l'analyse du fichier EPUB.",
-  "This book format is not supported.": "Ce format de livre n'est pas pris en charge."
+  "This book format is not supported.": "Ce format de livre n'est pas pris en charge.",
+  "Unable to fetch the translation. Please log in first and try again.": "Impossible de récupérer la traduction. Veuillez d'abord vous connecter et réessayer.",
+  "Group": "Groupe",
+  "Always on Top": "Toujours au-dessus",
+  "No Timeout": "Aucun délai d'attente",
+  "{{value}} minute": "{{value}} minute",
+  "{{value}} minutes": "{{value}} minutes",
+  "{{value}} hour": "{{value}} heure",
+  "{{value}} hours": "{{value}} heures",
+  "CJK Font": "Police CJK",
+  "Clear Search": "Effacer la recherche",
+  "Header & Footer": "En-tête et pied de page",
+  "Apply also in Scrolled Mode": "Appliquer également en mode défilement",
+  "A new version of Readest is Available!": "Avis de mise à jour",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} est disponible (version installée {{currentVersion}}).",
+  "Download and install now?": "Télécharger et installer maintenant ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Téléchargement {{downloaded}} sur {{contentLength}}",
+  "Download finished": "Téléchargement terminé",
+  "DOWNLOAD & INSTALL": "TÉLÉCHARGER ET INSTALLER",
+  "Changelog:": "Journal des modifications :",
+  "Software Update": "Mise à jour logicielle",
+  "Title": "Titre",
+  "Date Read": "Date de lecture",
+  "Date Added": "Date ajoutée",
+  "Format": "Format",
+  "Ascending": "Ascendant",
+  "Descending": "Descendant",
+  "Sort by...": "Trier par...",
+  "Added:": "Ajouté :",
+  "Format:": "Format :",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Description :",
+  "No description available": "Aucune description disponible",
+  "List": "Liste",
+  "Grid": "Grille"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "सभी पुस्तकों पर लागू करें",
  "Apply to This Book": "इस पुस्तक पर लागू करें",
  "Unable to fetch the translation. Try again later.": "अनुवाद प्राप्त करने में असमर्थ। बाद में पुनः प्रयास करें।",
-  "Update Now!": "अभी अपडेट करें!",
-  "Update": "अपडेट करें",
  "Check Update": "अपडेट जांचें",
  "Already the latest version": "पहले से ही नवीनतम संस्करण",
  "Book Details": "पुस्तक विवरण",
@@ -152,7 +150,6 @@
  "Text Indent": "टेक्स्ट इंडेंट",
  "Paragraph Margin": "पैराग्राफ मार्जिन",
  "Override Book Layout": "पुस्तक लेआउट ओवरराइड करें",
-  "Add to Group": "समूह में जोड़ें",
  "Untitled Group": "अभिनामित समूह",
  "Group Books": "समूह पुस्तकें",
  "Remove From Group": "समूह से हटाएं",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "क्लिपबोर्ड पर कॉपी किया गया",
  "Export Annotations": "टिप्पणियाँ निर्यात करें",
  "Auto Import on File Open": "फ़ाइल खोलने पर स्वचालित आयात",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "क्लिक-टू-फ्लिप क्षेत्र स्वैप करें",
  "No chapters detected.": "कोई अध्याय नहीं मिला।",
  "Failed to parse the EPUB file.": "EPUB फ़ाइल को पार्स करने में विफल।",
-  "This book format is not supported.": "यह पुस्तक प्रारूप समर्थित नहीं है।"
+  "This book format is not supported.": "यह पुस्तक प्रारूप समर्थित नहीं है।",
+  "Unable to fetch the translation. Please log in first and try again.": "अनुवाद प्राप्त करने में असमर्थ। कृपया पहले लॉग इन करें और पुनः प्रयास करें।",
+  "Group": "समूह",
+  "Always on Top": "सर्वोच्च पर हमेशा",
+  "No Timeout": "कोई समय समाप्त नहीं",
+  "{{value}} minute": "{{value}} मिनट",
+  "{{value}} minutes": "{{value}} मिनट",
+  "{{value}} hour": "{{value}} घंटा",
+  "{{value}} hours": "{{value}} घंटे",
+  "CJK Font": "CJK फ़ॉन्ट",
+  "Clear Search": "खोज साफ करें",
+  "Header & Footer": "हेडर और फ़ुटर",
+  "Apply also in Scrolled Mode": "स्क्रॉल मोड में भी लागू करें",
+  "A new version of Readest is Available!": "Readest का एक नया संस्करण उपलब्ध है!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} उपलब्ध है (स्थापित संस्करण {{currentVersion}})।",
+  "Download and install now?": "अब डाउनलोड और इंस्टॉल करें?",
+  "Downloading {{downloaded}} of {{contentLength}}": "डाउनलोड कर रहा है {{downloaded}} का {{contentLength}}",
+  "Download finished": "डाउनलोड पूरा हुआ",
+  "DOWNLOAD & INSTALL": "डाउनलोड और इंस्टॉल करें",
+  "Changelog:": "चेंजलॉग:",
+  "Software Update": "सॉफ़्टवेयर अपडेट",
+  "Title": "शीर्षक",
+  "Date Read": "पढ़ने की तारीख",
+  "Date Added": "जोड़ा गया दिनांक",
+  "Format": "फॉर्मेट",
+  "Ascending": "आरोही",
+  "Descending": "अवरोही",
+  "Sort by...": "द्वारा क्रमबद्ध करें...",
+  "Added:": "जोड़ा गया:",
+  "Format:": "फॉर्मेट:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "विवरण:",
+  "No description available": "कोई विवरण उपलब्ध नहीं है",
+  "List": "सूची",
+  "Grid": "ग्रिड"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Terapkan ke semua buku",
  "Apply to This Book": "Terapkan ke buku ini",
  "Unable to fetch the translation. Try again later.": "Tidak dapat mengambil terjemahan. Coba lagi nanti.",
-  "Update Now!": "Perbarui Sekarang!",
-  "Update": "Perbarui",
  "Check Update": "Periksa pembaruan",
  "Already the latest version": "Sudah versi terbaru",
  "Book Details": "Detail Buku",
@@ -152,7 +150,6 @@
  "Text Indent": "Indentasi Teks",
  "Paragraph Margin": "Margin Paragraf",
  "Override Book Layout": "Ganti Tata Letak Buku",
-  "Add to Group": "Tambahkan ke Grup",
  "Untitled Group": "Grup Tanpa Judul",
  "Group Books": "Grupkan Buku",
  "Remove From Group": "Hapus dari Grup",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Disalin ke papan klip",
  "Export Annotations": "Ekspor Anotasi",
  "Auto Import on File Open": "Impor Otomatis saat File Dibuka",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Tukar Area Klik untuk Membalik",
  "No chapters detected.": "Tidak ada bab yang terdeteksi.",
  "Failed to parse the EPUB file.": "Gagal mengurai file EPUB.",
-  "This book format is not supported.": "Format buku ini tidak didukung."
+  "This book format is not supported.": "Format buku ini tidak didukung.",
+  "Unable to fetch the translation. Please log in first and try again.": "Tidak dapat mengambil terjemahan. Silakan masuk terlebih dahulu dan coba lagi.",
+  "Group": "Grup",
+  "Always on Top": "Selalu di Atas",
+  "No Timeout": "Tidak Ada Waktu Habis",
+  "{{value}} minute": "{{value}} menit",
+  "{{value}} minutes": "{{value}} menit",
+  "{{value}} hour": "{{value}} jam",
+  "{{value}} hours": "{{value}} jam",
+  "CJK Font": "Font CJK",
+  "Clear Search": "Hapus Pencarian",
+  "Header & Footer": "Header & Footer",
+  "Apply also in Scrolled Mode": "Terapkan juga di Mode Gulir",
+  "A new version of Readest is Available!": "Versi baru Readest Tersedia!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} tersedia (versi terinstal {{currentVersion}}).",
+  "Download and install now?": "Unduh dan instal sekarang?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Mengunduh {{downloaded}} dari {{contentLength}}",
+  "Download finished": "Unduhan selesai",
+  "DOWNLOAD & INSTALL": "UNDUH & INSTAL",
+  "Changelog:": "Catatan Perubahan:",
+  "Software Update": "Pembaruan Perangkat Lunak",
+  "Title": "Judul",
+  "Date Read": "Tanggal Dibaca",
+  "Date Added": "Tanggal Ditambahkan",
+  "Format": "Format",
+  "Ascending": "Naik",
+  "Descending": "Turun",
+  "Sort by...": "Urutkan berdasarkan...",
+  "Added:": "Ditambahkan:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Deskripsi:",
+  "No description available": "Tidak ada deskripsi yang tersedia",
+  "List": "Daftar",
+  "Grid": "Jala"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Applica a tutti i libri",
  "Apply to This Book": "Applica a questo libro",
  "Unable to fetch the translation. Try again later.": "Impossibile recuperare la traduzione. Riprova più tardi.",
-  "Update Now!": "Aggiorna ora!",
-  "Update": "Aggiorna",
  "Check Update": "Controlla aggiornamento",
  "Already the latest version": "Già l'ultima versione",
  "Book Details": "Dettagli libro",
@@ -152,7 +150,6 @@
  "Text Indent": "Rientro testo",
  "Paragraph Margin": "Margine paragrafo",
  "Override Book Layout": "Sovrascrivi layout libro",
-  "Add to Group": "Aggiungi al gruppo",
  "Untitled Group": "Gruppo senza titolo",
  "Group Books": "Raggruppa libri",
  "Remove From Group": "Rimuovi dal",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Copiato negli appunti",
  "Export Annotations": "Esporta annotazioni",
  "Auto Import on File Open": "Importazione automatica all'apertura del file",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Scambia area click per voltare pagina",
  "No chapters detected.": "Nessun capitolo rilevato.",
  "Failed to parse the EPUB file.": "Impossibile analizzare il file EPUB.",
-  "This book format is not supported.": "Questo formato di libro non è supportato."
+  "This book format is not supported.": "Questo formato di libro non è supportato.",
+  "Unable to fetch the translation. Please log in first and try again.": "Impossibile recuperare la traduzione. Accedi prima e riprova.",
+  "Group": "Gruppo",
+  "Always on Top": "Sempre in primo piano",
+  "No Timeout": "Nessun timeout",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minuti",
+  "{{value}} hour": "{{value}} ora",
+  "{{value}} hours": "{{value}} ore",
+  "CJK Font": "Font CJK",
+  "Clear Search": "Cancella ricerca",
+  "Header & Footer": "Intestazione e piè di pagina",
+  "Apply also in Scrolled Mode": "Applica anche in modalità scorrimento",
+  "A new version of Readest is Available!": "È disponibile una nuova versione di Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} è disponibile (versione installata {{currentVersion}}).",
+  "Download and install now?": "Scarica e installa ora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Scaricando {{downloaded}} di {{contentLength}}",
+  "Download finished": "Download completato",
+  "DOWNLOAD & INSTALL": "SCARICA E INSTALLA",
+  "Changelog:": "Note di rilascio:",
+  "Software Update": "Aggiornamento software",
+  "Title": "Titolo",
+  "Date Read": "Data di lettura",
+  "Date Added": "Data aggiunta",
+  "Format": "Formato",
+  "Ascending": "Crescente",
+  "Descending": "Decrescente",
+  "Sort by...": "Ordina per...",
+  "Added:": "Aggiunto:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descrizione:",
+  "No description available": "Nessuna descrizione disponibile",
+  "List": "Elenco",
+  "Grid": "Griglia"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "すべての書籍に適用",
  "Apply to This Book": "この書籍に適用",
  "Unable to fetch the translation. Try again later.": "翻訳を取得できません。後で再試行してください。",
-  "Update Now!": "今すぐ更新！",
-  "Update": "更新",
  "Check Update": "更新を確認",
  "Already the latest version": "すでに最新バージョン",
  "Book Details": "書籍の詳細",
@@ -152,7 +150,6 @@
  "Text Indent": "テキストインデント",
  "Paragraph Margin": "段落マージン",
  "Override Book Layout": "書籍のレイアウトを上書き",
-  "Add to Group": "グループに追加",
  "Untitled Group": "無題のグループ",
  "Group Books": "書籍をグループ化",
  "Remove From Group": "グループから削除",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "クリップボードにコピー",
  "Export Annotations": "注釈をエクスポート",
  "Auto Import on File Open": "ファイルを開くと自動インポート",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "クリックめくりエリアを入れ替え",
  "No chapters detected.": "章が検出されません。",
  "Failed to parse the EPUB file.": "EPUBファイルの解析に失敗しました。",
-  "This book format is not supported.": "この書籍形式はサポートされていません。"
+  "This book format is not supported.": "この書籍形式はサポートされていません。",
+  "Unable to fetch the translation. Please log in first and try again.": "翻訳を取得できません。まずログインして再試行してください。",
+  "Group": "グループ",
+  "Always on Top": "常に最前面",
+  "No Timeout": "タイムアウトなし",
+  "{{value}} minute": "{{value}}分",
+  "{{value}} minutes": "{{value}}分",
+  "{{value}} hour": "{{value}}時間",
+  "{{value}} hours": "{{value}}時間",
+  "CJK Font": "CJKフォント",
+  "Clear Search": "検索をクリア",
+  "Header & Footer": "ヘッダーとフッター",
+  "Apply also in Scrolled Mode": "スクロールモードでも適用",
+  "A new version of Readest is Available!": "新しいバージョンのReadestが利用可能です！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}が利用可能です（インストールされたバージョン{{currentVersion}}）。",
+  "Download and install now?": "今すぐダウンロードしてインストールしますか？",
+  "Downloading {{downloaded}} of {{contentLength}}": "ダウンロード中 {{downloaded}} / {{contentLength}}",
+  "Download finished": "ダウンロード完了",
+  "DOWNLOAD & INSTALL": "更新",
+  "Changelog:": "変更ログ：",
+  "Software Update": "ソフトウェアの更新",
+  "Title": "タイトル",
+  "Date Read": "読書日",
+  "Date Added": "追加日",
+  "Format": "形式",
+  "Ascending": "昇順",
+  "Descending": "降順",
+  "Sort by...": "並べ替え...",
+  "Added:": "追加日：",
+  "Format:": "形式：",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "説明：",
+  "No description available": "説明はありません",
+  "List": "リスト",
+  "Grid": "グリッド"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "모든 책에 적용",
  "Apply to This Book": "이 책에 적용",
  "Unable to fetch the translation. Try again later.": "번역을 가져올 수 없습니다. 나중에 다시 시도하세요.",
-  "Update Now!": "지금 업데이트!",
-  "Update": "업데이트",
  "Check Update": "업데이트 확인",
  "Already the latest version": "이미 최신 버전",
  "Book Details": "책 세부 정보",
@@ -152,7 +150,6 @@
  "Text Indent": "들여쓰기",
  "Paragraph Margin": "단락 여백",
  "Override Book Layout": "책 레이아웃 덮어쓰기",
-  "Add to Group": "그룹에 추가",
  "Untitled Group": "제목 없는 그룹",
  "Group Books": "책 그룹화",
  "Remove From Group": "그룹에서 제거",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "클립보드에 복사",
  "Export Annotations": "주석 내보내기",
  "Auto Import on File Open": "파일 열 때 자동 가져오기",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "클릭-뒤집기 영역 교환",
  "No chapters detected.": "장 발견되지 않음.",
  "Failed to parse the EPUB file.": "EPUB 파일 구문 분석 실패.",
-  "This book format is not supported.": "이 책 형식은 지원되지 않습니다."
+  "This book format is not supported.": "이 책 형식은 지원되지 않습니다.",
+  "Unable to fetch the translation. Please log in first and try again.": "번역을 가져올 수 없습니다. 먼저 로그인하고 다시 시도하세요.",
+  "Group": "그룹",
+  "Always on Top": "항상 위에",
+  "No Timeout": "타임아웃 없음",
+  "{{value}} minute": "{{value}} 분",
+  "{{value}} minutes": "{{value}} 분",
+  "{{value}} hour": "{{value}} 시간",
+  "{{value}} hours": "{{value}} 시간",
+  "CJK Font": "CJK 글꼴",
+  "Clear Search": "검색 지우기",
+  "Header & Footer": "헤더 및 푸터",
+  "Apply also in Scrolled Mode": "스크롤 모드에서도 적용",
+  "A new version of Readest is Available!": "Readest의 새 버전이 있습니다!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}가 사용 가능 (설치된 버전 {{currentVersion}}).",
+  "Download and install now?": "지금 다운로드하고 설치하시겠습니까?",
+  "Downloading {{downloaded}} of {{contentLength}}": "다운로드 중 {{downloaded}} / {{contentLength}}",
+  "Download finished": "다운로드 완료",
+  "DOWNLOAD & INSTALL": "다운로드 및 설치",
+  "Changelog:": "변경 로그:",
+  "Software Update": "소프트웨어 업데이트",
+  "Title": "제목",
+  "Date Read": "읽은 날짜",
+  "Date Added": "추가된 날짜",
+  "Format": "형식",
+  "Ascending": "오름차순",
+  "Descending": "내림차순",
+  "Sort by...": "정렬 기준...",
+  "Added:": "추가됨:",
+  "Format:": "형식:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "설명:",
+  "No description available": "설명 없음",
+  "List": "목록",
+  "Grid": "격자"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Zastosuj do wszystkich książek",
  "Apply to This Book": "Zastosuj do tej książki",
  "Unable to fetch the translation. Try again later.": "Nie udało się pobrać tłumaczenia. Spróbuj ponownie później.",
-  "Update Now!": "Zaktualizuj teraz!",
-  "Update": "Zaktualizuj",
  "Check Update": "Sprawdź aktualizację",
  "Already the latest version": "Już najnowsza wersja",
  "Book Details": "Szczegóły książki",
@@ -152,7 +150,6 @@
  "Text Indent": "Wcięcie tekstu",
  "Paragraph Margin": "Margines akapitu",
  "Override Book Layout": "Nadpisz układ książki",
-  "Add to Group": "Dodaj do grupy",
  "Untitled Group": "Grupa bez tytułu",
  "Group Books": "Grupuj książki",
  "Remove From Group": "Usuń z grupy",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Skopiowano do schowka",
  "Export Annotations": "Eksportuj adnotacje",
  "Auto Import on File Open": "Automatyczne importowanie przy otwieraniu pliku",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Zamień obszar kliknięcia na przewracanie",
  "No chapters detected.": "Nie wykryto rozdziałów.",
  "Failed to parse the EPUB file.": "Nie udało się przeanalizować pliku EPUB.",
-  "This book format is not supported.": "Ten format książki nie jest obsługiwany."
+  "This book format is not supported.": "Ten format książki nie jest obsługiwany.",
+  "Unable to fetch the translation. Please log in first and try again.": "Nie można pobrać tłumaczenia. Proszę najpierw się zalogować i spróbować ponownie.",
+  "Group": "Grupa",
+  "Always on Top": "Zawsze na wierzchu",
+  "No Timeout": "Brak limitu czasu",
+  "{{value}} minute": "{{value}} minuta",
+  "{{value}} minutes": "{{value}} minut",
+  "{{value}} hour": "{{value}} godzina",
+  "{{value}} hours": "{{value}} godziny",
+  "CJK Font": "Czcionka CJK",
+  "Clear Search": "Wyczyść wyszukiwanie",
+  "Header & Footer": "Nagłówek i stopka",
+  "Apply also in Scrolled Mode": "Zastosuj również w trybie przewijania",
+  "A new version of Readest is Available!": "Nowa wersja Readest jest dostępna!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} jest dostępny (zainstalowana wersja {{currentVersion}}).",
+  "Download and install now?": "Pobierz i zainstaluj teraz?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Pobieranie {{downloaded}} z {{contentLength}}",
+  "Download finished": "Pobieranie zakończone",
+  "DOWNLOAD & INSTALL": "POBIERZ I ZAINSTALUJ",
+  "Changelog:": "Dziennik zmian:",
+  "Software Update": "Aktualizacja oprogramowania",
+  "Title": "Tytuł",
+  "Date Read": "Data przeczytania",
+  "Date Added": "Data dodania",
+  "Format": "Format",
+  "Ascending": "Rosnąco",
+  "Descending": "Malejąco",
+  "Sort by...": "Sortuj według...",
+  "Added:": "Data dodania:",
+  "Format:": "Format:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Opis:",
+  "No description available": "Brak opisu",
+  "List": "Lista",
+  "Grid": "Siatka"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Aplicar a todos os livros",
  "Apply to This Book": "Aplicar a este livro",
  "Unable to fetch the translation. Try again later.": "Não foi possível buscar a tradução. Tente novamente mais tarde.",
-  "Update Now!": "Atualizar Agora!",
-  "Update": "Atualizar",
  "Check Update": "Verificar atualização",
  "Already the latest version": "Já é a versão mais recente",
  "Book Details": "Detalhes do Livro",
@@ -152,7 +150,6 @@
  "Text Indent": "Recuo de Texto",
  "Paragraph Margin": "Margem de Parágrafo",
  "Override Book Layout": "Sobrescrever Layout do Livro",
-  "Add to Group": "Adicionar ao Grupo",
  "Untitled Group": "Grupo Sem Título",
  "Group Books": "Agrupar Livros",
  "Remove From Group": "Remover do Grupo",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Copiado para a área de transferência",
  "Export Annotations": "Exportar Anotações",
  "Auto Import on File Open": "Importação Automática ao Abrir Arquivo",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Trocar Área de Clique para Virar",
  "No chapters detected.": "Nenhum capítulo detectado.",
  "Failed to parse the EPUB file.": "Falha ao analisar o arquivo EPUB.",
-  "This book format is not supported.": "Este formato de livro não é suportado."
+  "This book format is not supported.": "Este formato de livro não é suportado.",
+  "Unable to fetch the translation. Please log in first and try again.": "Não foi possível buscar a tradução. Faça login primeiro e tente novamente.",
+  "Group": "Grupo",
+  "Always on Top": "Sempre no Topo",
+  "No Timeout": "Sem Tempo Limite",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minutos",
+  "{{value}} hour": "{{value}} hora",
+  "{{value}} hours": "{{value}} horas",
+  "CJK Font": "Fonte CJK",
+  "Clear Search": "Limpar Pesquisa",
+  "Header & Footer": "Cabeçalho e Rodapé",
+  "Apply also in Scrolled Mode": "Aplicar também no Modo Rolado",
+  "A new version of Readest is Available!": "Uma nova versão do Readest está disponível!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponível (versão instalada {{currentVersion}}).",
+  "Download and install now?": "Baixar e instalar agora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Baixando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Download concluído",
+  "DOWNLOAD & INSTALL": "BAIXAR E INSTALAR",
+  "Changelog:": "Notas de versão:",
+  "Software Update": "Atualização de Software",
+  "Title": "Título",
+  "Date Read": "Data de leitura",
+  "Date Added": "Data de adição",
+  "Format": "Formato",
+  "Ascending": "Crescente",
+  "Descending": "Decrescente",
+  "Sort by...": "Ordenar por...",
+  "Added:": "Adicionado:",
+  "Format:": "Formato:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Descrição:",
+  "No description available": "Nenhuma descrição disponível",
+  "List": "Lista",
+  "Grid": "Grade"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Применить ко всем книгам",
  "Apply to This Book": "Применить к этой книге",
  "Unable to fetch the translation. Try again later.": "Не удалось получить перевод. Попробуйте позже.",
-  "Update Now!": "Обновить сейчас!",
-  "Update": "Обновить",
  "Check Update": "Проверить обновление",
  "Already the latest version": "Уже последняя версия",
  "Book Details": "Детали книги",
@@ -152,7 +150,6 @@
  "Text Indent": "Отступ текста",
  "Paragraph Margin": "Отступ абзаца",
  "Override Book Layout": "Переопределить макет книги",
-  "Add to Group": "Добавить в группу",
  "Untitled Group": "Группа без названия",
  "Group Books": "Группировать книги",
  "Remove From Group": "Удалить из группы",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Скопировано в буфер обмена",
  "Export Annotations": "Экспортировать аннотации",
  "Auto Import on File Open": "Автоматический импорт при открытии файла",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Переключить область клика для переворота",
  "No chapters detected.": "Не обнаружено глав.",
  "Failed to parse the EPUB file.": "Не удалось разобрать файл EPUB.",
-  "This book format is not supported.": "Этот формат книги не поддерживается."
+  "This book format is not supported.": "Этот формат книги не поддерживается.",
+  "Unable to fetch the translation. Please log in first and try again.": "Не удалось получить перевод. Пожалуйста, войдите в систему и попробуйте снова.",
+  "Group": "Группа",
+  "Always on Top": "Всегда сверху",
+  "No Timeout": "Нет таймаута",
+  "{{value}} minute": "{{value}} минута",
+  "{{value}} minutes": "{{value}} минуты",
+  "{{value}} hour": "{{value}} час",
+  "{{value}} hours": "{{value}} часа",
+  "CJK Font": "CJK Шрифт",
+  "Clear Search": "Очистить поиск",
+  "Header & Footer": "Заголовок и нижний колонтитул",
+  "Apply also in Scrolled Mode": "Применить также в прокручиваемом режиме",
+  "A new version of Readest is Available!": "Доступна новая версия Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступен (установленная версия {{currentVersion}}).",
+  "Download and install now?": "Скачать и установить сейчас?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Скачано {{downloaded}} из {{contentLength}}",
+  "Download finished": "Загрузка завершена",
+  "DOWNLOAD & INSTALL": "СКАЧАТЬ И УСТАНОВИТЬ",
+  "Changelog:": "Изменения:",
+  "Software Update": "Обновление программного обеспечения",
+  "Title": "Название",
+  "Date Read": "Дата прочтения",
+  "Date Added": "Дата добавления",
+  "Format": "Формат",
+  "Ascending": "По возрастанию",
+  "Descending": "По убыванию",
+  "Sort by...": "Сортировать по...",
+  "Added:": "Добавлено:",
+  "Format:": "Формат:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Описание:",
+  "No description available": "Нет доступного описания",
+  "List": "Список",
+  "Grid": "Сетка"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Tüm kitaplara uygula",
  "Apply to This Book": "Bu kitaba uygula",
  "Unable to fetch the translation. Try again later.": "Çeviri alınamıyor. Daha sonra tekrar deneyin.",
-  "Update Now!": "Şimdi Güncelle!",
-  "Update": "Güncelle",
  "Check Update": "Güncellemeyi kontrol et",
  "Already the latest version": "Zaten en son sürüm",
  "Book Details": "Kitap Detayları",
@@ -152,7 +150,6 @@
  "Text Indent": "Metin Girintisi",
  "Paragraph Margin": "Paragraf Kenarı",
  "Override Book Layout": "Kitap Düzenini Geçersiz Kıl",
-  "Add to Group": "Gruba Ekle",
  "Untitled Group": "Başlıksız Grup",
  "Group Books": "Kitapları Grupla",
  "Remove From Group": "Grubu Kaldır",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Panoya kopyalandı",
  "Export Annotations": "Notları Dışa Aktar",
  "Auto Import on File Open": "Dosya Açıldığında Otomatik İçe Aktar",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Tıkla-Çevir Alanını Değiştir",
  "No chapters detected.": "Bölüm bulunamadı.",
  "Failed to parse the EPUB file.": "EPUB dosyası ayrıştırılamadı.",
-  "This book format is not supported.": "Bu kitap formatı desteklenmiyor."
+  "This book format is not supported.": "Bu kitap formatı desteklenmiyor.",
+  "Unable to fetch the translation. Please log in first and try again.": "Çeviri alınamıyor. Lütfen önce giriş yapın ve tekrar deneyin.",
+  "Group": "Grup",
+  "Always on Top": "Her Zaman Üstte",
+  "No Timeout": "Zaman Aşımı Yok",
+  "{{value}} minute": "{{value}} dakika",
+  "{{value}} minutes": "{{value}} dakika",
+  "{{value}} hour": "{{value}} saat",
+  "{{value}} hours": "{{value}} saat",
+  "CJK Font": "CJK Yazı Tipi",
+  "Clear Search": "Aramayı Temizle",
+  "Header & Footer": "Başlık ve Altbilgi",
+  "Apply also in Scrolled Mode": "Kaydırılmış Modda da Uygula",
+  "A new version of Readest is Available!": "Yeni bir Readest sürümü mevcut!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} mevcut (yüklü sürüm {{currentVersion}}).",
+  "Download and install now?": "Şimdi indirip yükleyelim mi?",
+  "Downloading {{downloaded}} of {{contentLength}}": "İndiriliyor {{downloaded}}/{{contentLength}}",
+  "Download finished": "İndirme tamamlandı",
+  "DOWNLOAD & INSTALL": "İNDİR & YÜKLE",
+  "Changelog:": "Değişiklik Günlüğü:",
+  "Software Update": "Yazılım Güncellemesi",
+  "Title": "Başlık",
+  "Date Read": "Okunma Tarihi",
+  "Date Added": "Eklenme Tarihi",
+  "Format": "Biçim",
+  "Ascending": "Artan",
+  "Descending": "Azalan",
+  "Sort by...": "Şuna göre sırala...",
+  "Added:": "Eklenme:",
+  "Format:": "Biçim:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Tanım:",
+  "No description available": "Tanım mevcut değil",
+  "List": "Liste",
+  "Grid": "Izgara"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Застосувати до всіх книг",
  "Apply to This Book": "Застосувати до цієї книги",
  "Unable to fetch the translation. Try again later.": "Не вдалося отримати переклад. Спробуйте пізніше.",
-  "Update Now!": "Оновити зараз!",
-  "Update": "Оновити",
  "Check Update": "Перевірити оновлення",
  "Already the latest version": "Вже остання версія",
  "Book Details": "Деталі книги",
@@ -152,7 +150,6 @@
  "Text Indent": "Відступ тексту",
  "Paragraph Margin": "Відступ абзацу",
  "Override Book Layout": "Перевизначити макет книги",
-  "Add to Group": "Додати до групи",
  "Untitled Group": "Група без назви",
  "Group Books": "Групувати книги",
  "Remove From Group": "Видалити з групи",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Скопійовано в буфер обміну",
  "Export Annotations": "Експортувати анотації",
  "Auto Import on File Open": "Автоматичний імпорт при відкритті файлу",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Поміняти місцями область кліку для перевороту",
  "No chapters detected.": "Не виявлено жодного розділу.",
  "Failed to parse the EPUB file.": "Не вдалося розібрати файл EPUB.",
-  "This book format is not supported.": "Цей формат книги не підтримується."
+  "This book format is not supported.": "Цей формат книги не підтримується.",
+  "Unable to fetch the translation. Please log in first and try again.": "Не вдалося отримати переклад. Будь ласка, спочатку увійдіть у систему та спробуйте ще раз.",
+  "Group": "Група",
+  "Always on Top": "Завжди зверху",
+  "No Timeout": "Без тайм-ауту",
+  "{{value}} minute": "{{value}} хвилина",
+  "{{value}} minutes": "{{value}} хвилин",
+  "{{value}} hour": "{{value}} година",
+  "{{value}} hours": "{{value}} години",
+  "CJK Font": "CJK шрифт",
+  "Clear Search": "Очистити пошук",
+  "Header & Footer": "Заголовок і нижній колонтитул",
+  "Apply also in Scrolled Mode": "Застосувати також у прокрученому режимі",
+  "A new version of Readest is Available!": "Доступна нова версія Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступна (встановлена версія {{currentVersion}}).",
+  "Download and install now?": "Завантажити та встановити зараз?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Завантаження {{downloaded}} з {{contentLength}}",
+  "Download finished": "Завантаження завершено",
+  "DOWNLOAD & INSTALL": "ЗАВАНТАЖИТИ І ВСТАНОВИТИ",
+  "Changelog:": "Журнал змін:",
+  "Software Update": "Оновлення програмного забезпечення",
+  "Title": "Назва",
+  "Date Read": "Дата прочитання",
+  "Date Added": "Дата додавання",
+  "Format": "Формат",
+  "Ascending": "За зростанням",
+  "Descending": "За спаданням",
+  "Sort by...": "Сортувати за...",
+  "Added:": "Додано:",
+  "Format:": "Формат:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Опис:",
+  "No description available": "Опис недоступний",
+  "List": "Список",
+  "Grid": "Сітка"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Áp dụng cho tất cả sách",
  "Apply to This Book": "Áp dụng cho sách này",
  "Unable to fetch the translation. Try again later.": "Không thể tải dịch vụ. Vui lòng thử lại sau.",
-  "Update Now!": "Cập nhật ngay!",
-  "Update": "Cập nhật",
  "Check Update": "Kiểm tra cập nhật",
  "Already the latest version": "Đã là phiên bản mới nhất",
  "Book Details": "Chi tiết sách",
@@ -152,7 +150,6 @@
  "Text Indent": "Thụt lề",
  "Paragraph Margin": "Lề đoạn",
  "Override Book Layout": "Ghi đè bố cục sách",
-  "Add to Group": "Thêm vào nhóm",
  "Untitled Group": "Nhóm không có tiêu đề",
  "Group Books": "Nhóm sách",
  "Remove From Group": "Xóa khỏi nhóm",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "Đã sao chép vào bảng ghi",
  "Export Annotations": "Xuất chú thích",
  "Auto Import on File Open": "Tự động nhập khi mở tệp",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Hoán đổi khu vực nhấp để lật trang",
  "No chapters detected.": "Không phát hiện thấy chương nào.",
  "Failed to parse the EPUB file.": "Không thể phân tích tệp EPUB.",
-  "This book format is not supported.": "Định dạng sách này không được hỗ trợ."
+  "This book format is not supported.": "Định dạng sách này không được hỗ trợ.",
+  "Unable to fetch the translation. Please log in first and try again.": "Không thể tải dịch vụ. Vui lòng đăng nhập trước và thử lại.",
+  "Group": "Nhóm",
+  "Always on Top": "Luôn ở trên cùng",
+  "No Timeout": "Không có thời gian chờ",
+  "{{value}} minute": "{{value}} phút",
+  "{{value}} minutes": "{{value}} phút",
+  "{{value}} hour": "{{value}} giờ",
+  "{{value}} hours": "{{value}} giờ",
+  "CJK Font": "Phông chữ CJK",
+  "Clear Search": "Xóa tìm kiếm",
+  "Header & Footer": "Đầu trang & Chân trang",
+  "Apply also in Scrolled Mode": "Áp dụng cũng trong chế độ cuộn",
+  "A new version of Readest is Available!": "Đã có phiên bản mới của Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} đã có sẵn (phiên bản đã cài đặt {{currentVersion}}).",
+  "Download and install now?": "Tải xuống và cài đặt ngay bây giờ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Đang tải {{downloaded}} trong {{contentLength}}",
+  "Download finished": "Tải xuống hoàn tất",
+  "DOWNLOAD & INSTALL": "TẢI XUỐNG & CÀI ĐẶT",
+  "Changelog:": "Thay đổi:",
+  "Software Update": "Cập nhật phần mềm",
+  "Title": "Tiêu đề",
+  "Date Read": "Ngày đã đọc",
+  "Date Added": "Ngày thêm",
+  "Format": "Định dạng",
+  "Ascending": "Tăng dần",
+  "Descending": "Giảm dần",
+  "Sort by...": "Sắp xếp theo...",
+  "Added:": "Đã thêm:",
+  "Format:": "Định dạng:",
+  "GuanKiapTsingKhai-T": "GuanKiapTsingKhai-T",
+  "Description:": "Miêu tả:",
+  "No description available": "Không có mô tả nào",
+  "List": "Danh sách",
+  "Grid": "Lưới"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "应用于所有书籍",
  "Apply to This Book": "应用于此书籍",
  "Unable to fetch the translation. Try again later.": "无法获取翻译，请稍后重试。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
  "Check Update": "检查更新",
  "Already the latest version": "已经是最新版本",
  "Book Details": "书籍详情",
@@ -152,7 +150,6 @@
  "Text Indent": "首行缩进",
  "Paragraph Margin": "段间距",
  "Override Book Layout": "覆盖版面布局",
-  "Add to Group": "添加到分组",
  "Untitled Group": "无标题分组",
  "Group Books": "分组书籍",
  "Remove From Group": "从分组中移除",
@@ -231,7 +228,7 @@
  "Maximum Column Height": "最大列高",
  "Maximum Column Width": "最大列宽",
  "Continuous Scroll": "连续滚动",
-  "Fullscreen": "全屏",
+  "Fullscreen": "全屏显示",
  "No supported files found. Supported formats: {{formats}}": "未找到支持的文件。支持的格式：{{formats}}",
  "Drop to Import Books": "拖放导入书籍",
  "Custom": "自定义",
@@ -261,8 +258,43 @@
  "Export Annotations": "导出笔记",
  "Auto Import on File Open": "打开文件时自动导入",
  "LXGW WenKai GB Screen": "霞鹜文楷",
+  "LXGW WenKai TC": "霞鶩文楷",
  "Swap Click-to-Flip Area": "交换点击翻页区域",
  "No chapters detected.": "未检测到章节。",
  "Failed to parse the EPUB file.": "无法解析 EPUB 文件。",
-  "This book format is not supported.": "不支持此书籍格式。"
+  "This book format is not supported.": "不支持此书籍格式。",
+  "Unable to fetch the translation. Please log in first and try again.": "无法获取翻译。请登录后重试。",
+  "Group": "分组",
+  "Always on Top": "窗口置顶",
+  "No Timeout": "关闭定时",
+  "{{value}} minute": "{{value}}分钟",
+  "{{value}} minutes": "{{value}}分钟",
+  "{{value}} hour": "{{value}}小时",
+  "{{value}} hours": "{{value}}小时",
+  "CJK Font": "中文字体",
+  "Clear Search": "清除搜索",
+  "Header & Footer": "页眉页脚",
+  "Apply also in Scrolled Mode": "应用到滚动模式",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安装版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下载并安装？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下载 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下载完成",
+  "DOWNLOAD & INSTALL": "下载并安装",
+  "Changelog:": "更新日志：",
+  "Software Update": "软件更新",
+  "Title": "书名",
+  "Date Read": "阅读日期",
+  "Date Added": "添加日期",
+  "Format": "格式",
+  "Ascending": "升序",
+  "Descending": "降序",
+  "Sort by...": "排序方式...",
+  "Added:": "添加日期",
+  "Format:": "格式",
+  "GuanKiapTsingKhai-T": "原俠正楷-T",
+  "Description:": "简介",
+  "No description available": "暂无简介",
+  "List": "列表",
+  "Grid": "网格"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "應用於所有書籍",
  "Apply to This Book": "應用於此書籍",
  "Unable to fetch the translation. Try again later.": "無法獲取翻譯，請稍後再試。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
  "Check Update": "檢查更新",
  "Already the latest version": "已經是最新版本",
  "Book Details": "書籍詳情",
@@ -152,7 +150,6 @@
  "Text Indent": "首行縮進",
  "Paragraph Margin": "段間距",
  "Override Book Layout": "覆蓋版面佈局",
-  "Add to Group": "添加到組",
  "Untitled Group": "無標題組",
  "Group Books": "分組書籍",
  "Remove From Group": "從組中移除",
@@ -260,9 +257,44 @@
  "Copied to clipboard": "已複製到剪貼板",
  "Export Annotations": "匯出筆記",
  "Auto Import on File Open": "打開文件時自動導入",
-  "LXGW WenKai GB Screen": "霞鶩文楷",
+  "LXGW WenKai GB Screen": "霞鶩文楷 SC",
+  "LXGW WenKai TC": "霞鶩文楷 TC",
  "Swap Click-to-Flip Area": "交換點擊翻頁區域",
  "No chapters detected.": "未檢測到章節。",
  "Failed to parse the EPUB file.": "無法解析 EPUB 文件。",
-  "This book format is not supported.": "不支援此書籍格式。"
+  "This book format is not supported.": "不支援此書籍格式。",
+  "Unable to fetch the translation. Please log in first and try again.": "無法獲取翻譯。請先登入然後重試。",
+  "Group": "分組",
+  "Always on Top": "視窗置頂",
+  "No Timeout": "關閉定時",
+  "{{value}} minute": "{{value}}分鐘",
+  "{{value}} minutes": "{{value}}分鐘",
+  "{{value}} hour": "{{value}}小時",
+  "{{value}} hours": "{{value}}小時",
+  "CJK Font": "中文字體",
+  "Clear Search": "清除搜索",
+  "Header & Footer": "頁眉頁腳",
+  "Apply also in Scrolled Mode": "滾動模式同樣適用",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安裝版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下載並安裝？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下載 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下載完成",
+  "DOWNLOAD & INSTALL": "下載並安裝",
+  "Changelog:": "更新日誌：",
+  "Software Update": "軟體更新",
+  "Title": "書名",
+  "Date Read": "閱讀日期",
+  "Date Added": "添加日期",
+  "Format": "格式",
+  "Ascending": "升序",
+  "Descending": "降序",
+  "Sort by...": "排序方式...",
+  "Added:": "添加日期",
+  "Format:": "格式",
+  "GuanKiapTsingKhai-T": "原俠正楷-T",
+  "Description:": "簡介",
+  "No description available": "暫無簡介",
+  "List": "列表",
+  "Grid": "網格"
 }
@@ -1,5 +1,82 @@
 {
  "releases": {
+    "0.9.37": {
+      "date": "2025-04-25",
+      "notes": [
+        "Full-Screen Toggle: You can now press F11 to quickly toggle full-screen mode",
+        "List View: A new list layout is available for your bookshelf",
+        "Book Details: Book descriptions from metadata are now shown in the details view",
+        "Enhanced Android behavior: better navigation bar handling and status bar dismissal when resuming",
+        "TTS now defaults to the book’s metadata language when needed",
+        "Synced custom themes reliably across sessions"
+      ]
+    },
+    "0.9.36": {
+      "date": "2025-04-20",
+      "notes": [
+        "📥 New download and upload buttons in the book detail dialog for easier file management",
+        "📂 You can now open files directly in Readest from your file manager on Android and iOS",
+        "🛠️ Fixed an issue where files with quotation marks in the filename could not be opened",
+        "📖 Improved the immersive reading experience on the reader page for Android and iOS",
+        "🌐 Added GuanKiapTsingKhai-T to the list of available CJK fonts"
+      ]
+    },
+    "0.9.35": {
+      "date": "2025-04-15",
+      "notes": [
+        "🛠️ Fixed an issue where books without cover images can not be synced across devices",
+        "📱 Added in-app update support for Android",
+        "📚 You can now sort books by title or author in your library"
+      ]
+    },
+    "0.9.33": {
+      "date": "2025-04-13",
+      "notes": [
+        "New: Redesigned update dialog with a progress bar during downloads for a smoother update experience.",
+        "New: You can now set header and footer visibility separately for paginated and scroll modes.",
+        "Fixed layout issues in the bottom configuration panel when using RTL (right-to-left) languages.",
+        "Fixed TXT file import issues on Android by improving support for content provider file paths.",
+        "Fixed transformed punctuations when highlighting text with vertical layout.",
+        "Improved login flow on macOS by handling OAuth with the native ASWebAuthenticationSession."
+      ]
+    },
+    "0.9.32": {
+      "date": "2025-04-09",
+      "notes": [
+        "No more resetting of font size and color when you apply custom book styles",
+        "The underline and squiggly highlight decorations have been adjusted to sit neatly between text lines",
+        "With more font options available, the font menu is no longer forced in-line",
+        "LXGW WenKai TC is now part of our CJK font list"
+      ]
+    },
+    "0.9.31": {
+      "date": "2025-04-08",
+      "notes": [
+        "iOS: Text-to-Speech (TTS) now works in the background",
+        "Android: Import files from native file manager",
+        "Desktop: Add option to keep window on top",
+        "Vertical layout for highlighting tools",
+        "Added options to auto-stop TTS after timeout",
+        "Added book search functionality in bookshelf",
+        "Improved font support for CJK users"
+      ]
+    },
+    "0.9.30": {
+      "date": "2025-04-05",
+      "notes": [
+        "Added fixed storage quata when running the app in self-hosted mode",
+        "Link colors will only change when you override fonts",
+        "Added cache for native files for better performance"
+      ]
+    },
+    "0.9.29": {
+      "date": "2025-04-02",
+      "notes": [
+        "Improved Login on Android without needing to rely on external Chrome browser",
+        "Local large book files now load more efficiently on Android",
+        "Balanced the load of online service between different types of users to keep things running smoothly for everyone"
+      ]
+    },
    "0.9.28": {
      "date": "2025-03-30",
      "notes": [
@@ -1,6 +1,6 @@
 [package]
 name = "Readest"
-version = "0.2.1"
+version = "0.2.2"
 description = "Your online library"
 authors = ["Bilingify LLC"]
 license = ""
@@ -15,7 +15,7 @@ name = "readestlib"
 crate-type = ["staticlib", "cdylib", "lib"]

 [build-dependencies]
-tauri-build = { version = "2.0.3", features = [] }
+tauri-build = { version = "2.1.1", features = [] }

 [dependencies]
 serde_json = "1.0"
@@ -31,33 +31,36 @@ reqwest = { version = "0.12", default-features = false, features = [
  "stream",
 ] }
 # FIXME: remove the devtools feature in production
-tauri = { version = "2.1.1", features = [ "protocol-asset", "devtools"] }
-tauri-build = "2.0.3"
-tauri-plugin-log = "2.0.2"
-tauri-plugin-fs = "2.0.3"
-tauri-plugin-dialog = "2.0.3"
-tauri-plugin-os = "2.0.1"
-tauri-plugin-http = "2.0.3"
-tauri-plugin-devtools = "2.0.0"
-tauri-plugin-shell = "2"
-tauri-plugin-process = "2"
+tauri = { version = "2.4.1", features = [ "protocol-asset", "devtools"] }
+tauri-build = "2.1.1"
+tauri-plugin-log = "2.3.1"
+tauri-plugin-fs = "2.2.1"
+tauri-plugin-dialog = "2.2.1"
+tauri-plugin-os = "2.2.1"
+tauri-plugin-http = "2.4.3"
+tauri-plugin-shell = "2.2.1"
+tauri-plugin-process = "2.2.1"
 tauri-plugin-oauth = "2"
-tauri-plugin-opener = "2.2.2"
-tauri-plugin-deep-link = "2"
+tauri-plugin-opener = "2.2.6"
+tauri-plugin-deep-link = "2.2.1"
 tauri-plugin-sign-in-with-apple = "1.0.2"
-tauri-plugin-haptics = "2.2.3"
+tauri-plugin-haptics = "2.2.4"
 tauri-plugin-native-bridge = { path = "./plugins/tauri-plugin-native-bridge" }
-[patch.crates-io]
-tauri = { path = "../../../packages/tauri/crates/tauri" }

 [target."cfg(target_os = \"macos\")".dependencies]
+rand = "0.8"
 cocoa = "0.25"
 objc = "0.2.7"
-rand = "0.8"
+objc-foundation = "0.1.1"
+objc_id = "0.1.1"
+block = "0.1.6"
+objc2 = "0.6"
+objc2-authentication-services = "0.3"
+objc2-foundation = { version = "0.3", features = ["NSError", "NSArray"] }

 [target.'cfg(any(target_os = "macos", windows, target_os = "linux"))'.dependencies]
 tauri-plugin-cli = "2"
-tauri-plugin-single-instance = "2.2.0"
-tauri-plugin-updater = "2"
-tauri-plugin-window-state = "2.2.0"
+tauri-plugin-single-instance = "2.2.3"
+tauri-plugin-updater = "2.7.0"
+tauri-plugin-window-state = "2.2.2"
 font-enumeration = "0.9.0"
@@ -0,0 +1,201 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>ITSAppUsesNonExemptEncryption</key>
+    <false/>
+    <key>LSSupportsOpeningDocumentsInPlace</key>
+    <false/>
+    <key>UIViewControllerBasedStatusBarAppearance</key>
+    <false/>
+    <key>UIHomeIndicatorAutoHidden</key>
+    <true/>
+    <key>UIRequiresFullScreen</key>
+    <true/>
+    <key>CFBundleDocumentTypes</key>
+    <array>
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>EPUB Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>org.idpf.epub-container</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>PDF Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.adobe.pdf</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>FB2 Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.readest.fb2</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>CBZ Archive</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.readest.cbz</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>MOBI Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>org.mobipocket.mobi</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>AZW Document</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>com.amazon.azw</string>
+          <string>com.amazon.azw3</string>
+        </array>
+      </dict>
+
+      <dict>
+        <key>CFBundleTypeName</key>
+        <string>Text File</string>
+        <key>LSHandlerRank</key>
+        <string>Alternate</string>
+        <key>LSItemContentTypes</key>
+        <array>
+          <string>public.plain-text</string>
+        </array>
+      </dict>
+    </array>
+
+    <key>UTExportedTypeDeclarations</key>
+    <array>
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>org.idpf.epub-container</string>
+        <key>UTTypeDescription</key>
+        <string>EPUB Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+          <string>public.content</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>epub</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/epub+zip</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.readest.fb2</string>
+        <key>UTTypeDescription</key>
+        <string>FB2 Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.xml</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>fb2</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/xml</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.readest.cbz</string>
+        <key>UTTypeDescription</key>
+        <string>CBZ Archive</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.archive</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>cbz</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/x-cbz</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>org.mobipocket.mobi</string>
+        <key>UTTypeDescription</key>
+        <string>MOBI Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>mobi</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/x-mobipocket-ebook</string>
+        </dict>
+      </dict>
+
+      <dict>
+        <key>UTTypeIdentifier</key>
+        <string>com.amazon.azw</string>
+        <key>UTTypeDescription</key>
+        <string>AZW Document</string>
+        <key>UTTypeConformsTo</key>
+        <array>
+          <string>public.data</string>
+        </array>
+        <key>UTTypeTagSpecification</key>
+        <dict>
+          <key>public.filename-extension</key>
+          <array>
+            <string>azw</string>
+            <string>azw3</string>
+          </array>
+          <key>public.mime-type</key>
+          <string>application/vnd.amazon.ebook</string>
+        </dict>
+      </dict>
+    </array>
+  </dict>
+</plist>
@@ -2,7 +2,7 @@
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "default",
  "description": "enables the default permissions",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
  "permissions": [
    "core:default",
    "fs:default",
@@ -39,12 +39,26 @@
        }
      ]
    },
+    {
+      "identifier": "fs:allow-cache-read",
+      "allow": [
+        {
+          "path": "$CACHEDIR/**/*"
+        },
+        {
+          "path": "/private/var/mobile/Containers/Data/Application/**/*"
+        }
+      ]
+    },
    {
      "identifier": "http:default",
      "allow": [
        {
          "url": "https://*.deepl.com"
        },
+        {
+          "url": "https://github.com/readest/*"
+        },
        {
          "url": "https://*.cloudflarestorage.com"
        }
@@ -57,12 +71,17 @@
    "core:window:allow-center",
    "core:window:allow-minimize",
    "core:window:allow-maximize",
+    "core:window:allow-unmaximize",
    "core:window:allow-set-size",
    "core:window:allow-set-focus",
    "core:window:allow-is-maximized",
    "core:window:allow-start-dragging",
    "core:window:allow-toggle-maximize",
    "core:window:allow-set-fullscreen",
+    "core:window:allow-set-always-on-top",
+    "core:webview:allow-create-webview-window",
+    "core:path:allow-resolve-directory",
+    "log:default",
    "shell:default",
    "process:default",
    "process:allow-exit",
@@ -1,10 +1,7 @@
 {
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "desktop-capability",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
  "platforms": ["linux", "macOS", "windows"],
-  "permissions": [
-    "updater:default",
-    "cli:default"
-   ]
+  "permissions": ["updater:default", "cli:default"]
 }
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

@@ -19,6 +20,43 @@
            android:label="@string/main_activity_title"
            android:name=".MainActivity"
            android:exported="true">
+
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+
+                <data android:scheme="content" />
+                <data android:scheme="file" />
+
+                <data android:mimeType="application/epub+zip" />
+                <data android:mimeType="application/pdf" />
+                <data android:mimeType="application/fb2" />
+                <data android:mimeType="application/x-fb2" />
+                <data android:mimeType="application/vnd.amazon.mobi8-ebook" />
+                <data android:mimeType="application/vnd.comicbook+zip" />
+                <data android:mimeType="application/x-cbz" />
+                <data android:mimeType="application/x-mobipocket-ebook" />
+                <data android:mimeType="application/zip" />
+                <data android:mimeType="text/plain" />
+
+                <data android:pathPattern=".*\\.epub" />
+                <data android:pathPattern=".*\\.pdf" />
+                <data android:pathPattern=".*\\.fb2" />
+                <data android:pathPattern=".*\\.fb2.zip" />
+                <data android:pathPattern=".*\\.mobi" />
+                <data android:pathPattern=".*\\.azw" />
+                <data android:pathPattern=".*\\.cbz" />
+                <data android:pathPattern=".*\\.zip" />
+                <data android:pathPattern=".*\\.txt" />
+            </intent-filter>
+
+            <intent-filter android:label="oauth">
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+                <data android:scheme="readest" android:host="auth-callback" />
+            </intent-filter>
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
@@ -1,33 +1,11 @@
 package com.bilingify.readest

-import android.os.Build
 import android.os.Bundle
-import android.view.View
-import android.view.WindowInsets
-import android.view.WindowInsetsController
 import androidx.activity.enableEdgeToEdge

 class MainActivity : TauriActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        enableEdgeToEdge()
        super.onCreate(savedInstanceState)
-	      
-        hideSystemUI()
-    }
-
-    private fun hideSystemUI() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
-            window.decorView.windowInsetsController?.let { controller ->
-                controller.hide(WindowInsets.Type.systemBars())
-                controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
-            }
-        } else {
-            @Suppress("DEPRECATION")
-            window.decorView.systemUiVisibility = (
-                View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
-                        or View.SYSTEM_UI_FLAG_FULLSCREEN
-                        or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
-            )
-        }
    }
 }
@@ -2,8 +2,12 @@
  <!-- Base application theme. -->
  <style name="Theme.readest" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- Customize your theme here. -->
+    <item name="android:statusBarColor">@android:color/transparent</item>
+    <item name="android:navigationBarColor">@android:color/transparent</item>
+    <item name="android:windowTranslucentStatus">false</item>
+    <item name="android:windowTranslucentNavigation">false</item>
+    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+    <item name="android:fitsSystemWindows">false</item>
    <item name="android:windowActionBar">false</item>
-    <item name="android:windowNoTitle">true</item>
-    <item name="android:windowFullscreen">true</item>
  </style>
 </resources>
@@ -33,9 +33,9 @@ android {
 }

 dependencies {
-
    implementation("androidx.core:core-ktx:1.9.0")
    implementation("androidx.appcompat:appcompat:1.6.0")
+    implementation("androidx.browser:browser:1.8.0")
    implementation("com.google.android.material:material:1.7.0")
    testImplementation("junit:junit:4.13.2")
    androidTestImplementation("androidx.test.ext:junit:1.1.5")
@@ -3,7 +3,4 @@ package com.readest.native_bridge
 import android.util.Log

 class NativeBridge {
-    fun auth_with_safari(value: String): String {
-        return ""
-    }
 }
@@ -1,28 +1,248 @@
 package com.readest.native_bridge

 import android.app.Activity
+import android.content.Intent
+import android.net.Uri
+import android.util.Log
+import android.os.Build
+import android.view.View
+import android.view.WindowInsets
+import android.view.WindowManager
+import android.view.WindowInsetsController
+import android.graphics.Color
+import android.webkit.WebView
+import androidx.core.content.FileProvider
+import androidx.browser.customtabs.CustomTabsIntent
 import app.tauri.annotation.Command
 import app.tauri.annotation.InvokeArg
 import app.tauri.annotation.TauriPlugin
 import app.tauri.plugin.JSObject
 import app.tauri.plugin.Plugin
 import app.tauri.plugin.Invoke
+import java.io.*

@InvokeArg
-class SafariAuthRequestArgs {
+class AuthRequestArgs {
  var authUrl: String? = null
 }

+@InvokeArg
+class CopyURIRequestArgs {
+  var uri: String? = null
+  var dst: String? = null
+}
+
+@InvokeArg
+class InstallPackageRequestArgs {
+  var path: String? = null
+}
+
+@InvokeArg
+class SetSystemUIVisibilityRequestArgs {
+  var visible: Boolean? = false
+  var darkMode: Boolean? = false
+}
+
@TauriPlugin
 class NativeBridgePlugin(private val activity: Activity): Plugin(activity) {
    private val implementation = NativeBridge()
+    private var redirectScheme = "readest"
+    private var redirectHost = "auth-callback"
+
+    companion object {
+        var pendingInvoke: Invoke? = null
+    }
+
+    override fun load(webView: WebView) {
+        super.load(webView)
+        handleIntent(activity.intent)
+    }
+
+    override fun onNewIntent(intent: Intent) {
+        handleIntent(intent)
+    }
+
+    private fun handleIntent(intent: Intent?) {
+        val uri = intent?.data ?: return
+        Log.e("NativeBridgePlugin", "Received intent: $uri")
+        when {
+          uri.scheme == "readest" && uri.host == "auth-callback" -> {
+              val result = JSObject().apply {
+                  put("redirectUrl", uri.toString())
+              }
+              pendingInvoke?.resolve(result)
+              pendingInvoke = null
+          }
+
+          intent.action == Intent.ACTION_VIEW -> {
+              try {
+                activity.contentResolver.takePersistableUriPermission(
+                      uri,
+                      Intent.FLAG_GRANT_READ_URI_PERMISSION
+                  )
+              } catch (e: SecurityException) {
+                Log.e("NativeBridgePlugin", "Failed to take persistable URI permission: ${e.message}")
+              }
+          }
+        }
+    }

    @Command
-    fun auth_with_safari(invoke: Invoke) {
-        val args = invoke.parseArgs(SafariAuthRequestArgs::class.java)
+    fun auth_with_custom_tab(invoke: Invoke) {
+        val args = invoke.parseArgs(AuthRequestArgs::class.java)
+        val uri = Uri.parse(args.authUrl)

+        val customTabsIntent = CustomTabsIntent.Builder().build()
+        customTabsIntent.intent.flags = Intent.FLAG_ACTIVITY_NO_HISTORY
+
+        Log.d("NativeBridgePlugin", "Launching OAuth URL: ${args.authUrl}")
+        customTabsIntent.launchUrl(activity, uri)
+
+        pendingInvoke = invoke
+    }
+
+    @Command
+    fun copy_uri_to_path(invoke: Invoke) {
+        val args = invoke.parseArgs(CopyURIRequestArgs::class.java)
        val ret = JSObject()
-        ret.put("redirectUrl", implementation.auth_with_safari(args.authUrl ?: ""))
+        try {
+            val uri = Uri.parse(args.uri ?: "")
+            val dst = File(args.dst ?: "")
+            val inputStream = activity.contentResolver.openInputStream(uri)
+
+            if (inputStream != null) {
+                dst.outputStream().use { output ->
+                    inputStream.use { input ->
+                        input.copyTo(output)
+                    }
+                }
+                ret.put("success", true)
+            } else {
+                ret.put("success", false)
+                ret.put("error", "Failed to open input stream from URI")
+            }
+        } catch (e: Exception) {
+            ret.put("success", false)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun install_package(invoke: Invoke) {
+        val args = invoke.parseArgs(InstallPackageRequestArgs::class.java)
+        val ret = JSObject()
+        try {
+            val file = File(args.path ?: "")
+            if (file.exists()) {
+                val intent = Intent(Intent.ACTION_VIEW)
+                val apkUri = FileProvider.getUriForFile(activity, "${activity.packageName}.fileprovider", file)
+                intent.setDataAndType(apkUri, "application/vnd.android.package-archive")
+                intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION or Intent.FLAG_ACTIVITY_NEW_TASK)
+                val packageManager = activity.packageManager
+                val resolveInfos = packageManager.queryIntentActivities(intent, 0)
+                for (resolveInfo in resolveInfos) {
+                    val packageName = resolveInfo.activityInfo.packageName
+                    activity.grantUriPermission(packageName, apkUri, Intent.FLAG_GRANT_READ_URI_PERMISSION)
+                }
+                activity.startActivity(intent)
+                ret.put("success", true)
+            } else {
+                ret.put("success", false)
+                ret.put("error", "File does not exist")
+            }
+        } catch (e: Exception) {
+            ret.put("success", false)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun set_system_ui_visibility(invoke: Invoke) {
+        val args = invoke.parseArgs(SetSystemUIVisibilityRequestArgs::class.java)
+        val visible = args.visible ?: false
+        var isDarkMode = args.darkMode ?: false
+        val ret = JSObject()
+        try {
+            val window = activity.window
+            val decorView = window.decorView
+            if (!visible) {
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+                    window.attributes.layoutInDisplayCutoutMode =
+                        WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
+                }
+            }
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                window.setDecorFitsSystemWindows(false)
+                val controller = window.insetsController
+                if (controller != null) {
+                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+                        controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    } else {
+                        controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_BARS_BY_SWIPE
+                    }
+
+                    if (isDarkMode) {
+                        controller.setSystemBarsAppearance(
+                            0,
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS
+                        )
+                    } else {
+                        controller.setSystemBarsAppearance(
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS,
+                            WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS
+                        )
+                    }
+                    if (visible) {
+                        controller.show(WindowInsets.Type.statusBars())
+                    } else {
+                        controller.hide(WindowInsets.Type.systemBars())
+                    }
+                }
+                window.statusBarColor = Color.TRANSPARENT
+                window.navigationBarColor = Color.TRANSPARENT
+            } else {
+                @Suppress("DEPRECATION")
+                decorView.systemUiVisibility = when {
+                    visible && !isDarkMode -> View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR or
+                                              View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                                              View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    visible -> View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                               View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    else -> View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY or
+                            View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
+                            View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or
+                            View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or
+                            View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or
+                            View.SYSTEM_UI_FLAG_FULLSCREEN
+                }
+                window.statusBarColor = Color.TRANSPARENT
+                window.navigationBarColor = Color.TRANSPARENT
+            }
+            ret.put("success", true)
+        } catch (e: Exception) {
+            ret.put("success", false)
+            ret.put("error", e.message)
+        }
+        invoke.resolve(ret)
+    }
+
+    @Command
+    fun get_status_bar_height(invoke: Invoke) {
+        val ret = JSObject()
+        try {
+            val resourceId = activity.resources.getIdentifier("status_bar_height", "dimen", "android")
+            val height = if (resourceId > 0) {
+                activity.resources.getDimensionPixelSize(resourceId)
+            } else {
+                0
+            }
+            ret.put("height", height)
+        } catch (e: Exception) {
+            ret.put("height", -1)
+            ret.put("error", e.message)
+        }
        invoke.resolve(ret)
    }
 }
@@ -1,8 +1,16 @@
-const COMMANDS: &[&str] = &["auth_with_safari"];
+const COMMANDS: &[&str] = &[
+    "auth_with_safari",
+    "auth_with_custom_tab",
+    "copy_uri_to_path",
+    "use_background_audio",
+    "install_package",
+    "set_system_ui_visibility",
+    "get_status_bar_height",
+];

 fn main() {
-  tauri_plugin::Builder::new(COMMANDS)
-    .android_path("android")
-    .ios_path("ios")
-    .build();
+    tauri_plugin::Builder::new(COMMANDS)
+        .android_path("android")
+        .ios_path("ios")
+        .build();
 }
@@ -1,4 +1,6 @@
 import AuthenticationServices
+import AVFoundation
+import MediaPlayer
 import SwiftRs
 import Tauri
 import UIKit
@@ -8,9 +10,38 @@ class SafariAuthRequestArgs: Decodable {
  let authUrl: String
 }

+class UseBackgroundAudioRequestArgs: Decodable {
+  let enabled: Bool
+}
+
+class SetSystemUIVisibilityRequestArgs: Decodable {
+  let visible: Bool
+  let darkMode: Bool
+}
+
 class NativeBridgePlugin: Plugin {
  private var authSession: ASWebAuthenticationSession?

+  @objc public func use_background_audio(_ invoke: Invoke) {
+    do {
+      let args = try invoke.parseArgs(UseBackgroundAudioRequestArgs.self)
+      let enabled = args.enabled
+      let session = AVAudioSession.sharedInstance()
+      if enabled {
+        try session.setCategory(.playback, mode: .default, options: [.mixWithOthers])
+        try session.setActive(true)
+        print("AVAudioSession activated")
+      } else {
+        try session.setActive(false)
+        MPNowPlayingInfoCenter.default().nowPlayingInfo = nil
+        print("AVAudioSession deactivated")
+      }
+      invoke.resolve()
+    } catch {
+      print("Failed to set up audio session:", error)
+    }
+  }
+
  @objc public func auth_with_safari(_ invoke: Invoke) throws {
    let args = try invoke.parseArgs(SafariAuthRequestArgs.self)
    let authUrl = URL(string: args.authUrl)!
@@ -40,6 +71,30 @@ class NativeBridgePlugin: Plugin {
    let started = authSession?.start() ?? false
    Logger.info("Auth session start result: \(started)")
  }
+
+  @objc public func set_system_ui_visibility(_ invoke: Invoke) throws {
+    let args = try invoke.parseArgs(SetSystemUIVisibilityRequestArgs.self)
+    let visible = args.visible
+    let darkMode = args.darkMode
+
+    DispatchQueue.main.async {
+      UIApplication.shared.isIdleTimerDisabled = !visible
+      UIApplication.shared.setStatusBarHidden(!visible, with: .none)
+
+      let windows = UIApplication.shared.connectedScenes
+        .compactMap { $0 as? UIWindowScene }
+        .flatMap { $0.windows }
+
+      let keyWindow = windows.first(where: { $0.isKeyWindow }) ?? windows.first
+      if let keyWindow = keyWindow {
+        keyWindow.overrideUserInterfaceStyle = darkMode ? .dark : .light
+        keyWindow.layoutIfNeeded()
+      } else {
+        print("No key window found")
+      }
+    }
+    invoke.resolve(["success": true])
+  }
 }

@_cdecl("init_plugin_native_bridge")
@@ -52,4 +107,4 @@ extension NativeBridgePlugin: ASWebAuthenticationPresentationContextProviding {
  func presentationAnchor(for session: ASWebAuthenticationSession) -> ASPresentationAnchor {
    return UIApplication.shared.windows.first ?? UIWindow()
  }
-}
+}
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-auth-with-custom-tab"
+description = "Enables the auth_with_custom_tab command without any pre-configured scope."
+commands.allow = ["auth_with_custom_tab"]
+
+[[permission]]
+identifier = "deny-auth-with-custom-tab"
+description = "Denies the auth_with_custom_tab command without any pre-configured scope."
+commands.deny = ["auth_with_custom_tab"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-copy-uri-to-path"
+description = "Enables the copy_uri_to_path command without any pre-configured scope."
+commands.allow = ["copy_uri_to_path"]
+
+[[permission]]
+identifier = "deny-copy-uri-to-path"
+description = "Denies the copy_uri_to_path command without any pre-configured scope."
+commands.deny = ["copy_uri_to_path"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-get-status-bar-height"
+description = "Enables the get_status_bar_height command without any pre-configured scope."
+commands.allow = ["get_status_bar_height"]
+
+[[permission]]
+identifier = "deny-get-status-bar-height"
+description = "Denies the get_status_bar_height command without any pre-configured scope."
+commands.deny = ["get_status_bar_height"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-install-package"
+description = "Enables the install_package command without any pre-configured scope."
+commands.allow = ["install_package"]
+
+[[permission]]
+identifier = "deny-install-package"
+description = "Denies the install_package command without any pre-configured scope."
+commands.deny = ["install_package"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-set-system-ui-visibility"
+description = "Enables the set_system_ui_visibility command without any pre-configured scope."
+commands.allow = ["set_system_ui_visibility"]
+
+[[permission]]
+identifier = "deny-set-system-ui-visibility"
+description = "Denies the set_system_ui_visibility command without any pre-configured scope."
+commands.deny = ["set_system_ui_visibility"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-use-background-audio"
+description = "Enables the use_background_audio command without any pre-configured scope."
+commands.allow = ["use_background_audio"]
+
+[[permission]]
+identifier = "deny-use-background-audio"
+description = "Denies the use_background_audio command without any pre-configured scope."
+commands.deny = ["use_background_audio"]
@@ -2,7 +2,15 @@

 Default permissions for the plugin

+#### This default permission set includes the following:
+
 - `allow-auth-with-safari`
+- `allow-auth-with-custom-tab`
+- `allow-copy-uri-to-path`
+- `allow-use-background-audio`
+- `allow-install-package`
+- `allow-set-system-ui-visibility`
+- `allow-get-status-bar-height`

 ## Permission Table

@@ -13,6 +21,32 @@ Default permissions for the plugin
 </tr>


+<tr>
+<td>
+
+`native-bridge:allow-auth-with-custom-tab`
+
+</td>
+<td>
+
+Enables the auth_with_custom_tab command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-auth-with-custom-tab`
+
+</td>
+<td>
+
+Denies the auth_with_custom_tab command without any pre-configured scope.
+
+</td>
+</tr>
+
 <tr>
 <td>

@@ -36,6 +70,136 @@ Enables the auth_with_safari command without any pre-configured scope.

 Denies the auth_with_safari command without any pre-configured scope.

+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-copy-uri-to-path`
+
+</td>
+<td>
+
+Enables the copy_uri_to_path command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-copy-uri-to-path`
+
+</td>
+<td>
+
+Denies the copy_uri_to_path command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-get-status-bar-height`
+
+</td>
+<td>
+
+Enables the get_status_bar_height command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-get-status-bar-height`
+
+</td>
+<td>
+
+Denies the get_status_bar_height command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-install-package`
+
+</td>
+<td>
+
+Enables the install_package command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-install-package`
+
+</td>
+<td>
+
+Denies the install_package command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-set-system-ui-visibility`
+
+</td>
+<td>
+
+Enables the set_system_ui_visibility command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-set-system-ui-visibility`
+
+</td>
+<td>
+
+Denies the set_system_ui_visibility command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-use-background-audio`
+
+</td>
+<td>
+
+Enables the use_background_audio command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-use-background-audio`
+
+</td>
+<td>
+
+Denies the use_background_audio command without any pre-configured scope.
+
 </td>
 </tr>
 </table>
@@ -1,3 +1,11 @@
 [default]
 description = "Default permissions for the plugin"
-permissions = ["allow-auth-with-safari"]
+permissions = [
+  "allow-auth-with-safari",
+  "allow-auth-with-custom-tab",
+  "allow-copy-uri-to-path",
+  "allow-use-background-audio",
+  "allow-install-package",
+  "allow-set-system-ui-visibility",
+  "allow-get-status-bar-height",
+]
@@ -294,20 +294,95 @@
    "PermissionKind": {
      "type": "string",
      "oneOf": [
+        {
+          "description": "Enables the auth_with_custom_tab command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-auth-with-custom-tab",
+          "markdownDescription": "Enables the auth_with_custom_tab command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the auth_with_custom_tab command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-auth-with-custom-tab",
+          "markdownDescription": "Denies the auth_with_custom_tab command without any pre-configured scope."
+        },
        {
          "description": "Enables the auth_with_safari command without any pre-configured scope.",
          "type": "string",
-          "const": "allow-auth-with-safari"
+          "const": "allow-auth-with-safari",
+          "markdownDescription": "Enables the auth_with_safari command without any pre-configured scope."
        },
        {
          "description": "Denies the auth_with_safari command without any pre-configured scope.",
          "type": "string",
-          "const": "deny-auth-with-safari"
+          "const": "deny-auth-with-safari",
+          "markdownDescription": "Denies the auth_with_safari command without any pre-configured scope."
        },
        {
-          "description": "Default permissions for the plugin",
+          "description": "Enables the copy_uri_to_path command without any pre-configured scope.",
          "type": "string",
-          "const": "default"
+          "const": "allow-copy-uri-to-path",
+          "markdownDescription": "Enables the copy_uri_to_path command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the copy_uri_to_path command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-copy-uri-to-path",
+          "markdownDescription": "Denies the copy_uri_to_path command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the get_status_bar_height command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-get-status-bar-height",
+          "markdownDescription": "Enables the get_status_bar_height command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the get_status_bar_height command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-get-status-bar-height",
+          "markdownDescription": "Denies the get_status_bar_height command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the install_package command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-install-package",
+          "markdownDescription": "Enables the install_package command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the install_package command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-install-package",
+          "markdownDescription": "Denies the install_package command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the set_system_ui_visibility command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-set-system-ui-visibility",
+          "markdownDescription": "Enables the set_system_ui_visibility command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the set_system_ui_visibility command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-set-system-ui-visibility",
+          "markdownDescription": "Denies the set_system_ui_visibility command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the use_background_audio command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-use-background-audio",
+          "markdownDescription": "Enables the use_background_audio command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the use_background_audio command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-use-background-audio",
+          "markdownDescription": "Denies the use_background_audio command without any pre-configured scope."
+        },
+        {
+          "description": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`\n- `allow-install-package`\n- `allow-set-system-ui-visibility`\n- `allow-get-status-bar-height`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`\n- `allow-install-package`\n- `allow-set-system-ui-visibility`\n- `allow-get-status-bar-height`"
        }
      ]
    }
@@ -7,7 +7,54 @@ use crate::Result;
 #[command]
 pub(crate) async fn auth_with_safari<R: Runtime>(
    app: AppHandle<R>,
-    payload: SafariAuthRequest,
-) -> Result<SafariAuthResponse> {
+    payload: AuthRequest,
+) -> Result<AuthResponse> {
    app.native_bridge().auth_with_safari(payload)
 }
+
+#[command]
+pub(crate) async fn auth_with_custom_tab<R: Runtime>(
+    app: AppHandle<R>,
+    payload: AuthRequest,
+) -> Result<AuthResponse> {
+    app.native_bridge().auth_with_custom_tab(payload)
+}
+
+#[command]
+pub(crate) async fn copy_uri_to_path<R: Runtime>(
+    app: AppHandle<R>,
+    payload: CopyURIRequest,
+) -> Result<CopyURIResponse> {
+    app.native_bridge().copy_uri_to_path(payload)
+}
+
+#[command]
+pub(crate) async fn use_background_audio<R: Runtime>(
+    app: AppHandle<R>,
+    payload: UseBackgroundAudioRequest,
+) -> Result<()> {
+    app.native_bridge().use_background_audio(payload)
+}
+
+#[command]
+pub(crate) async fn install_package<R: Runtime>(
+    app: AppHandle<R>,
+    payload: InstallPackageRequest,
+) -> Result<InstallPackageResponse> {
+    app.native_bridge().install_package(payload)
+}
+
+#[command]
+pub(crate) async fn set_system_ui_visibility<R: Runtime>(
+    app: AppHandle<R>,
+    payload: SetSystemUIVisibilityRequest,
+) -> Result<SetSystemUIVisibilityResponse> {
+    app.native_bridge().set_system_ui_visibility(payload)
+}
+
+#[command]
+pub(crate) async fn get_status_bar_height<R: Runtime>(
+    app: AppHandle<R>,
+) -> Result<GetStatusBarHeightResponse> {
+    app.native_bridge().get_status_bar_height()
+}
@@ -14,10 +14,37 @@ pub fn init<R: Runtime, C: DeserializeOwned>(
 pub struct NativeBridge<R: Runtime>(AppHandle<R>);

 impl<R: Runtime> NativeBridge<R> {
-    pub fn auth_with_safari(
+    pub fn auth_with_safari(&self, _payload: AuthRequest) -> crate::Result<AuthResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn auth_with_custom_tab(&self, _payload: AuthRequest) -> crate::Result<AuthResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn copy_uri_to_path(&self, _payload: CopyURIRequest) -> crate::Result<CopyURIResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn use_background_audio(&self, _payload: UseBackgroundAudioRequest) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn install_package(
        &self,
-        _payload: SafariAuthRequest,
-    ) -> crate::Result<SafariAuthResponse> {
+        _payload: InstallPackageRequest,
+    ) -> crate::Result<InstallPackageResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn set_system_ui_visibility(
+        &self,
+        _payload: SetSystemUIVisibilityRequest,
+    ) -> crate::Result<SetSystemUIVisibilityResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+
+    pub fn get_status_bar_height(&self) -> crate::Result<GetStatusBarHeightResponse> {
        Err(crate::Error::UnsupportedPlatformError)
    }
 }
@@ -36,7 +36,15 @@ impl<R: Runtime, T: Manager<R>> crate::NativeBridgeExt<R> for T {
 /// Initializes the plugin.
 pub fn init<R: Runtime>() -> TauriPlugin<R> {
    Builder::new("native-bridge")
-        .invoke_handler(tauri::generate_handler![commands::auth_with_safari])
+        .invoke_handler(tauri::generate_handler![
+            commands::auth_with_safari,
+            commands::auth_with_custom_tab,
+            commands::copy_uri_to_path,
+            commands::use_background_audio,
+            commands::install_package,
+            commands::set_system_ui_visibility,
+            commands::get_status_bar_height,
+        ])
        .setup(|app, api| {
            #[cfg(mobile)]
            let native_bridge = mobile::init(app, api)?;
@@ -25,12 +25,63 @@ pub fn init<R: Runtime, C: DeserializeOwned>(
 pub struct NativeBridge<R: Runtime>(PluginHandle<R>);

 impl<R: Runtime> NativeBridge<R> {
-    pub fn auth_with_safari(
-        &self,
-        payload: SafariAuthRequest,
-    ) -> crate::Result<SafariAuthResponse> {
+    pub fn auth_with_safari(&self, payload: AuthRequest) -> crate::Result<AuthResponse> {
        self.0
            .run_mobile_plugin("auth_with_safari", payload)
            .map_err(Into::into)
    }
 }
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn auth_with_custom_tab(&self, payload: AuthRequest) -> crate::Result<AuthResponse> {
+        self.0
+            .run_mobile_plugin("auth_with_custom_tab", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn copy_uri_to_path(&self, payload: CopyURIRequest) -> crate::Result<CopyURIResponse> {
+        self.0
+            .run_mobile_plugin("copy_uri_to_path", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn use_background_audio(&self, payload: UseBackgroundAudioRequest) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("use_background_audio", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn install_package(
+        &self,
+        payload: InstallPackageRequest,
+    ) -> crate::Result<InstallPackageResponse> {
+        self.0
+            .run_mobile_plugin("install_package", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn set_system_ui_visibility(
+        &self,
+        payload: SetSystemUIVisibilityRequest,
+    ) -> crate::Result<SetSystemUIVisibilityResponse> {
+        self.0
+            .run_mobile_plugin("set_system_ui_visibility", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn get_status_bar_height(&self) -> crate::Result<GetStatusBarHeightResponse> {
+        self.0
+            .run_mobile_plugin("get_status_bar_height", ())
+            .map_err(Into::into)
+    }
+}
@@ -2,12 +2,66 @@ use serde::{Deserialize, Serialize};

 #[derive(Debug, Deserialize, Serialize)]
 #[serde(rename_all = "camelCase")]
-pub struct SafariAuthRequest {
+pub struct AuthRequest {
    pub auth_url: String,
 }

 #[derive(Debug, Clone, Default, Deserialize, Serialize)]
 #[serde(rename_all = "camelCase")]
-pub struct SafariAuthResponse {
+pub struct AuthResponse {
    pub redirect_url: String,
 }
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct CopyURIRequest {
+    pub uri: String,
+    pub dst: String,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct CopyURIResponse {
+    pub success: bool,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct UseBackgroundAudioRequest {
+    pub enabled: bool,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InstallPackageRequest {
+    pub path: String,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InstallPackageResponse {
+    pub success: bool,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetSystemUIVisibilityRequest {
+    pub visible: bool,
+    pub dark_mode: bool,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetSystemUIVisibilityResponse {
+    pub success: bool,
+    pub error: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct GetStatusBarHeightResponse {
+    pub height: u32,
+    pub error: Option<String>,
+}
@@ -6,13 +6,6 @@ extern crate cocoa;
 #[macro_use]
 extern crate objc;

-#[cfg(target_os = "macos")]
-mod menu;
-#[cfg(target_os = "macos")]
-mod traffic_light;
-#[cfg(target_os = "macos")]
-use traffic_light::set_traffic_lights;
-
 #[cfg(target_os = "macos")]
 use tauri::TitleBarStyle;

@@ -23,6 +16,8 @@ use tauri::{AppHandle, Listener, Manager, Url};
 #[cfg(desktop)]
 use tauri_plugin_fs::FsExt;

+#[cfg(target_os = "macos")]
+mod macos;
 mod transfer_file;
 use tauri::{command, Emitter, WebviewUrl, WebviewWindowBuilder, Window};
 use tauri_plugin_oauth::start;
@@ -76,7 +71,10 @@ fn set_window_open_with_files(app: &AppHandle, files: Vec<PathBuf>) {
    let files = files
        .into_iter()
        .map(|f| {
-            let file = f.to_string_lossy().replace("\\", "\\\\");
+            let file = f
+                .to_string_lossy()
+                .replace("\\", "\\\\")
+                .replace("\"", "\\\"");
            format!("\"{file}\"",)
        })
        .collect::<Vec<_>>()
@@ -135,7 +133,11 @@ pub fn run() {
            download_file,
            upload_file,
            #[cfg(target_os = "macos")]
-            set_traffic_lights,
+            macos::safari_auth::auth_with_safari,
+            #[cfg(target_os = "macos")]
+            macos::apple_auth::start_apple_sign_in,
+            #[cfg(target_os = "macos")]
+            macos::traffic_light::set_traffic_lights,
            #[cfg(desktop)]
            list_fonts
        ])
@@ -170,7 +172,10 @@ pub fn run() {
    let builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());

    #[cfg(target_os = "macos")]
-    let builder = builder.plugin(traffic_light::init());
+    let builder = builder.plugin(macos::traffic_light::init());
+
+    #[cfg(target_os = "macos")]
+    let builder = builder.plugin(macos::safari_auth::init());

    #[cfg(target_os = "ios")]
    let builder = builder.plugin(tauri_plugin_sign_in_with_apple::init());
@@ -199,39 +204,56 @@ pub fn run() {

                let app_handle = app.handle().clone();
                app.listen("window-ready", move |_| {
-                    app_handle.get_webview_window("main").unwrap()
-                        .eval("window.__READEST_CLI_ACCESS = true; window.__READEST_UPDATER_ACCESS = true;")
+                    app_handle
+                        .get_webview_window("main")
+                        .unwrap()
+                        .eval("window.__READEST_CLI_ACCESS = true;")
                        .expect("Failed to set cli access config");

                    set_rounded_window(&app_handle, true);
                    #[cfg(target_os = "windows")]
-                    if tauri_plugin_os::version() <= tauri_plugin_os::Version::from_string("10.0.19045") {
+                    if tauri_plugin_os::version()
+                        <= tauri_plugin_os::Version::from_string("10.0.19045")
+                    {
                        set_rounded_window(&app_handle, false);
                    }
                });
            }

-            #[cfg(any(windows, target_os = "linux"))]
+            #[cfg(target_os = "windows")]
            {
                use tauri_plugin_deep_link::DeepLinkExt;
                app.deep_link().register_all()?;
            }

-            #[cfg(desktop)]
-            if cfg!(debug_assertions) {
-                app.handle().plugin(
-                    tauri_plugin_log::Builder::default()
-                        .level(log::LevelFilter::Info)
-                        .build(),
-                )?;
+            #[cfg(target_os = "linux")]
+            {
+                fn has_xdg_mime() -> bool {
+                    std::process::Command::new("which")
+                        .arg("xdg-mime")
+                        .output()
+                        .map(|output| output.status.success())
+                        .unwrap_or(false)
+                }
+
+                if has_xdg_mime() {
+                    use tauri_plugin_deep_link::DeepLinkExt;
+                    app.deep_link().register_all()?;
+                } else {
+                    println!("xdg-mime not found; skipping deep link setup on Linux.");
+                }
            }

+            app.handle().plugin(
+                tauri_plugin_log::Builder::default()
+                    .level(log::LevelFilter::Info)
+                    .build(),
+            )?;
+
            let win_builder = WebviewWindowBuilder::new(app, "main", WebviewUrl::default());

            #[cfg(desktop)]
-            let win_builder = win_builder
-                .inner_size(800.0, 600.0)
-                .resizable(true);
+            let win_builder = win_builder.inner_size(800.0, 600.0).resizable(true);

            #[cfg(target_os = "macos")]
            let win_builder = win_builder
@@ -248,7 +270,9 @@ pub fn run() {
                    .title("Readest");

                if cfg!(target_os = "windows") {
-                    if tauri_plugin_os::version() <= tauri_plugin_os::Version::from_string("10.0.19045") {
+                    if tauri_plugin_os::version()
+                        <= tauri_plugin_os::Version::from_string("10.0.19045")
+                    {
                        win_builder = win_builder.shadow(false);
                    } else {
                        win_builder = win_builder.shadow(true);
@@ -265,7 +289,7 @@ pub fn run() {
            // win.open_devtools();

            #[cfg(target_os = "macos")]
-            menu::setup_macos_menu(app.handle())?;
+            macos::menu::setup_macos_menu(app.handle())?;

            app.handle().emit("window-ready", ()).unwrap();

@@ -0,0 +1,203 @@
+use std::cell::RefCell;
+
+use objc2::rc::Retained;
+use objc2::runtime::ProtocolObject;
+use objc2::{
+    define_class, msg_send, AllocAnyThread, DefinedClass, MainThreadMarker, MainThreadOnly,
+};
+use objc2_authentication_services::{
+    ASAuthorization, ASAuthorizationAppleIDCredential, ASAuthorizationAppleIDProvider,
+    ASAuthorizationController, ASAuthorizationControllerDelegate, ASAuthorizationRequest,
+    ASAuthorizationScopeEmail, ASAuthorizationScopeFullName,
+};
+use objc2_foundation::{NSArray, NSError, NSObject, NSObjectProtocol, NSString};
+
+use serde::{Deserialize, Serialize};
+use serde_json::json;
+
+use tauri::{command, AppHandle, Emitter};
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AppleIDAuthorizationRequest {
+    pub scope: Vec<String>,
+    pub nonce: Option<String>,
+    pub state: Option<String>,
+}
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AppleIDAuthorizationResponse {
+    pub user_identifier: Option<String>,
+    pub given_name: Option<String>,
+    pub family_name: Option<String>,
+    pub email: Option<String>,
+    pub authorization_code: Option<String>,
+    pub identity_token: Option<String>,
+    pub state: Option<String>,
+}
+
+thread_local! {
+    static APPLE_SIGN_IN_DELEGATE: RefCell<Option<Retained<ASAuthorizationControllerDelegateImpl>>> = RefCell::new(None);
+    static AUTHORIZATION_CONTROLLER: RefCell<Option<Retained<ASAuthorizationController>>> = RefCell::new(None);
+}
+
+#[derive(Clone)]
+pub struct Ivars {
+    app: AppHandle,
+}
+
+define_class!(
+    #[unsafe(super(NSObject))]
+    #[thread_kind = MainThreadOnly]
+    #[name = "ASAuthorizationControllerDelegateImpl"]
+    #[ivars = Ivars]
+    pub struct ASAuthorizationControllerDelegateImpl;
+
+    unsafe impl NSObjectProtocol for ASAuthorizationControllerDelegateImpl {}
+
+    unsafe impl ASAuthorizationControllerDelegate for ASAuthorizationControllerDelegateImpl {
+        #[unsafe(method(authorizationController:didCompleteWithAuthorization:))]
+        #[allow(non_snake_case)]
+        unsafe fn authorizationController_didCompleteWithAuthorization(
+            &self,
+            _controller: &ASAuthorizationController,
+            authorization: &ASAuthorization,
+        ) {
+            if let Ok(credential) = authorization
+                .credential()
+                .downcast::<ASAuthorizationAppleIDCredential>()
+            {
+                let user_identifier = {
+                    let user = credential.user();
+                    if user.len() > 0 {
+                        Some(user.to_string())
+                    } else {
+                        None
+                    }
+                };
+                let given_name = credential
+                    .fullName()
+                    .and_then(|name| name.givenName())
+                    .map(|nsstr| nsstr.to_string());
+                let family_name = credential
+                    .fullName()
+                    .and_then(|name| name.familyName())
+                    .map(|nsstr| nsstr.to_string());
+                let email = credential.email().map(|nsstr| nsstr.to_string());
+
+                let authorization_code = credential
+                    .authorizationCode()
+                    .and_then(|code_data| String::from_utf8(code_data.to_vec()).ok());
+
+                let identity_token = credential
+                    .identityToken()
+                    .and_then(|token_data| String::from_utf8(token_data.to_vec()).ok());
+
+                let state = credential.state().map(|nsstr| nsstr.to_string());
+
+                let resp = AppleIDAuthorizationResponse {
+                    user_identifier,
+                    given_name,
+                    family_name,
+                    email,
+                    authorization_code,
+                    identity_token,
+                    state,
+                };
+                let _ = self.ivars().app.emit("apple-sign-in-complete", json!(resp));
+                log::info!("Apple authorization complete");
+            } else {
+                let _ = self
+                    .ivars()
+                    .app
+                    .emit("apple-sign-in-error", "Invalid credential type");
+                log::error!("Invalid credential type received");
+            }
+        }
+
+        #[unsafe(method(authorizationController:didCompleteWithError:))]
+        #[allow(non_snake_case)]
+        unsafe fn authorizationController_didCompleteWithError(
+            &self,
+            _controller: &ASAuthorizationController,
+            error: &NSError,
+        ) {
+            let code = error.code();
+            let description = error.localizedDescription().to_string();
+            let _ = self.ivars().app.emit(
+                "apple-sign-in-error",
+                json!({
+                    "code": code,
+                    "description": description,
+                }),
+            );
+
+            log::error!(
+                "Authorization error: code={}, description={}",
+                code,
+                description
+            );
+        }
+    }
+);
+
+impl ASAuthorizationControllerDelegateImpl {
+    fn new(app: AppHandle) -> Retained<Self> {
+        let mtm = MainThreadMarker::new().expect("must run on main thread");
+        let this = Self::alloc(mtm).set_ivars(Ivars { app });
+        unsafe { msg_send![super(this), init] }
+    }
+}
+
+#[command]
+pub fn start_apple_sign_in(app: AppHandle, payload: AppleIDAuthorizationRequest) {
+    unsafe {
+        let provider = ASAuthorizationAppleIDProvider::new();
+        let request = provider.createRequest();
+
+        if let Some(ref nonce) = payload.nonce {
+            let ns_nonce = NSString::from_str(nonce);
+            request.setNonce(Some(&ns_nonce));
+        }
+
+        if let Some(ref state) = payload.state {
+            let ns_state = NSString::from_str(state);
+            request.setState(Some(&ns_state));
+        }
+
+        let mut scopes = Vec::new();
+        for scope in payload.scope.iter() {
+            match scope.as_str() {
+                "email" => scopes.push(ASAuthorizationScopeEmail),
+                "fullName" => scopes.push(ASAuthorizationScopeFullName),
+                _ => {
+                    log::warn!("[Apple Sign-In] Unsupported scope: {}", scope);
+                }
+            }
+        }
+        if !scopes.is_empty() {
+            request.setRequestedScopes(Some(&*NSArray::from_slice(&scopes)));
+        }
+
+        let auth_request = &request as &ASAuthorizationRequest;
+        let controller = ASAuthorizationController::initWithAuthorizationRequests(
+            ASAuthorizationController::alloc(),
+            &*NSArray::from_slice(&[auth_request]),
+        );
+
+        let delegate = ASAuthorizationControllerDelegateImpl::new(app.clone());
+        APPLE_SIGN_IN_DELEGATE.with(|cell| {
+            *cell.borrow_mut() = Some(delegate.clone());
+        });
+
+        AUTHORIZATION_CONTROLLER.with(|cell| {
+            *cell.borrow_mut() = Some(controller.clone());
+        });
+
+        controller.setDelegate(Some(ProtocolObject::from_ref(&*delegate)));
+
+        log::info!("Starting Apple Sign-In authorization request");
+        controller.performRequests();
+    }
+}
@@ -0,0 +1,4 @@
+pub mod apple_auth;
+pub mod menu;
+pub mod safari_auth;
+pub mod traffic_light;
@@ -0,0 +1,255 @@
+use std::ffi::CStr;
+use std::marker::PhantomData;
+use std::sync::{Arc, Mutex};
+
+use block::ConcreteBlock;
+use objc::declare::ClassDecl;
+use objc::runtime::{Class, Object, Sel, BOOL, YES};
+use objc::{class, msg_send, sel, sel_impl};
+use objc_foundation::{INSString, NSString};
+use objc_id::Id;
+use serde::{Deserialize, Serialize};
+
+use tauri::{
+    command,
+    plugin::{Builder, TauriPlugin},
+    Emitter, Manager, Runtime, State, Window,
+};
+
+pub struct ThreadSafeObjcPointer(*mut Object, PhantomData<*mut Object>);
+
+unsafe impl Send for ThreadSafeObjcPointer {}
+unsafe impl Sync for ThreadSafeObjcPointer {}
+
+impl ThreadSafeObjcPointer {
+    pub fn new(ptr: *mut Object) -> Self {
+        Self(ptr, PhantomData)
+    }
+
+    pub fn as_ptr(&self) -> *mut Object {
+        self.0
+    }
+
+    pub fn is_null(&self) -> bool {
+        self.0.is_null()
+    }
+}
+
+pub struct AuthSession {
+    auth_session: Option<ThreadSafeObjcPointer>,
+}
+
+impl Default for AuthSession {
+    fn default() -> Self {
+        Self { auth_session: None }
+    }
+}
+
+impl Drop for AuthSession {
+    fn drop(&mut self) {
+        if let Some(session) = &self.auth_session {
+            if !session.is_null() {
+                unsafe {
+                    let _: () = msg_send![session.as_ptr(), cancel];
+                }
+            }
+        }
+    }
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SafariAuthRequestArgs {
+    auth_url: String,
+}
+
+#[derive(Debug, Clone, Default, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct AuthResult {
+    redirect_url: String,
+}
+
+fn setup_presentation_context_provider() -> &'static Class {
+    let class_name = "TauriPresentationContextProvider";
+    let mut decl = match Class::get(class_name) {
+        Some(class) => return class,
+        None => ClassDecl::new(class_name, class!(NSObject)).unwrap(),
+    };
+
+    extern "C" fn presentation_anchor_for_web_auth_session(
+        this: &Object,
+        _sel: Sel,
+        _session: *mut Object,
+    ) -> *mut Object {
+        unsafe {
+            let window: *mut Object = *this.get_ivar("window");
+            window
+        }
+    }
+
+    unsafe {
+        decl.add_ivar::<*mut Object>("window");
+
+        let sel = sel!(presentationAnchorForWebAuthenticationSession:);
+        decl.add_method(
+            sel,
+            presentation_anchor_for_web_auth_session
+                as extern "C" fn(&Object, Sel, *mut Object) -> *mut Object,
+        );
+    }
+
+    decl.register()
+}
+
+unsafe fn create_provider(window: *mut Object) -> *mut Object {
+    let class = setup_presentation_context_provider();
+    let provider: *mut Object = msg_send![class, alloc];
+    let provider: *mut Object = msg_send![provider, init];
+
+    (*provider).set_ivar("window", window);
+
+    provider
+}
+
+unsafe fn nsstring_to_string(ns_string: *mut Object) -> String {
+    if ns_string.is_null() {
+        return String::new();
+    }
+
+    let utf8_ptr: *const i8 = msg_send![ns_string, UTF8String];
+    if utf8_ptr.is_null() {
+        return String::new();
+    }
+
+    CStr::from_ptr(utf8_ptr).to_string_lossy().into_owned()
+}
+
+#[command]
+pub async fn auth_with_safari<R: Runtime>(
+    window: Window<R>,
+    state: State<'_, Arc<Mutex<AuthSession>>>,
+    payload: SafariAuthRequestArgs,
+) -> Result<AuthResult, String> {
+    let auth_url_str = NSString::from_str(&payload.auth_url);
+    let url_class = Class::get("NSURL").unwrap();
+    let auth_url: Id<Object> = unsafe {
+        let url: *mut Object = msg_send![url_class, URLWithString:auth_url_str];
+        if url.is_null() {
+            return Err("Failed to create URL".to_string());
+        }
+        Id::from_ptr(url)
+    };
+
+    let auth_session_class = match Class::get("ASWebAuthenticationSession") {
+        Some(class) => class,
+        None => {
+            return Err(
+                "ASWebAuthenticationSession class not found. This requires macOS 10.15+"
+                    .to_string(),
+            )
+        }
+    };
+
+    let window_clone = window.clone();
+    let state_clone = Arc::clone(&*state);
+    let completion_block =
+        ConcreteBlock::new(move |callback_url: *mut Object, error: *mut Object| {
+            let mut auth_session = match state_clone.lock() {
+                Ok(guard) => guard,
+                Err(_) => return,
+            };
+
+            if !error.is_null() {
+                unsafe {
+                    let description: *mut Object = msg_send![error, localizedDescription];
+                    let error_description = nsstring_to_string(description);
+                    log::error!("Auth session error: {}", error_description);
+                }
+                return;
+            }
+
+            if !callback_url.is_null() {
+                let url_string_value = unsafe {
+                    let abs_str: *mut Object = msg_send![callback_url, absoluteString];
+                    nsstring_to_string(abs_str)
+                };
+
+                log::info!("Auth session callback URL: {}", url_string_value);
+
+                if let Some(session) = &auth_session.auth_session {
+                    unsafe {
+                        let _: () = msg_send![session.as_ptr(), cancel];
+                    }
+                }
+
+                auth_session.auth_session = None;
+
+                let result = AuthResult {
+                    redirect_url: url_string_value,
+                };
+
+                let _ = window_clone.emit("safari-auth-complete", result);
+            }
+        });
+
+    let completion_block = completion_block.copy();
+
+    let callback_scheme = NSString::from_str("readest");
+    let auth_session_ptr: *mut Object = unsafe {
+        let alloc: *mut Object = msg_send![auth_session_class, alloc];
+        if alloc.is_null() {
+            return Err("Failed to allocate ASWebAuthenticationSession".to_string());
+        }
+
+        let init: *mut Object = msg_send![
+            alloc,
+            initWithURL:auth_url
+            callbackURLScheme:callback_scheme
+            completionHandler:&*completion_block
+        ];
+
+        if init.is_null() {
+            return Err("Failed to initialize ASWebAuthenticationSession".to_string());
+        }
+        init
+    };
+
+    unsafe {
+        match window.ns_window() {
+            Ok(ns_window) => {
+                let ns_window = ns_window as *mut Object;
+                let provider = create_provider(ns_window);
+
+                let _: () = msg_send![auth_session_ptr, setPresentationContextProvider:provider];
+            }
+            Err(err) => {
+                log::warn!("Failed to get NSWindow for presentation context: {}", err);
+            }
+        }
+    }
+
+    let started: BOOL = unsafe { msg_send![auth_session_ptr, start] };
+
+    log::info!("Auth session start result: {}", started == YES);
+
+    if started != YES {
+        return Err("Failed to start authentication session".to_string());
+    }
+
+    let mut auth_session_guard = state.lock().unwrap();
+    auth_session_guard.auth_session = Some(ThreadSafeObjcPointer::new(auth_session_ptr));
+
+    Ok(AuthResult {
+        redirect_url: "pending".to_string(),
+    })
+}
+
+pub fn init<R: Runtime>() -> TauriPlugin<R> {
+    Builder::new("safari_auth")
+        .setup(|app, _| {
+            app.manage(Arc::new(Mutex::new(AuthSession::default())));
+            Ok(())
+        })
+        .invoke_handler(tauri::generate_handler![auth_with_safari])
+        .build()
+}
@@ -30,7 +30,6 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
        .build()
 }

-#[cfg(target_os = "macos")]
 #[command]
 pub fn set_traffic_lights(window: Window, visible: bool, x: f64, y: f64) {
    unsafe {
@@ -47,7 +46,6 @@ pub fn set_traffic_lights(window: Window, visible: bool, x: f64, y: f64) {
    }
 }

-#[cfg(target_os = "macos")]
 fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, visible: bool, x: f64, y: f64) {
    use cocoa::appkit::{NSView, NSWindow, NSWindowButton};
    use cocoa::foundation::NSRect;
@@ -83,13 +81,11 @@ fn position_traffic_lights(ns_window_handle: UnsafeWindowHandle, visible: bool,
    }
 }

-#[cfg(target_os = "macos")]
 #[derive(Debug)]
 struct WindowState<R: Runtime> {
    window: Window<R>,
 }

-#[cfg(target_os = "macos")]
 pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
    use cocoa::appkit::NSWindow;
    use cocoa::base::{id, BOOL};
@@ -148,13 +144,14 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                        .expect("NS window should exist on state to handle resize")
                        as id;

-                    #[cfg(target_os = "macos")]
-                    position_traffic_lights(
-                        UnsafeWindowHandle(id as *mut std::ffi::c_void),
-                        TRAFFIC_LIGHTS_VISIBLE,
-                        WINDOW_CONTROL_PAD_X,
-                        WINDOW_CONTROL_PAD_Y,
-                    );
+                    if state.window.label() == "main" {
+                        position_traffic_lights(
+                            UnsafeWindowHandle(id as *mut std::ffi::c_void),
+                            TRAFFIC_LIGHTS_VISIBLE,
+                            WINDOW_CONTROL_PAD_X,
+                            WINDOW_CONTROL_PAD_Y,
+                        );
+                    }
                });

                let super_del: id = *this.get_ivar("super_delegate");
@@ -281,12 +278,14 @@ pub fn setup_traffic_light_positioner<R: Runtime>(window: Window<R>) {
                        .expect("Failed to emit event");

                    let id = state.window.ns_window().expect("Failed to emit event") as id;
-                    position_traffic_lights(
-                        UnsafeWindowHandle(id as *mut std::ffi::c_void),
-                        TRAFFIC_LIGHTS_VISIBLE,
-                        WINDOW_CONTROL_PAD_X,
-                        WINDOW_CONTROL_PAD_Y,
-                    );
+                    if state.window.label() == "main" {
+                        position_traffic_lights(
+                            UnsafeWindowHandle(id as *mut std::ffi::c_void),
+                            TRAFFIC_LIGHTS_VISIBLE,
+                            WINDOW_CONTROL_PAD_X,
+                            WINDOW_CONTROL_PAD_Y,
+                        );
+                    }
                });

                let super_del: id = *this.get_ivar("super_delegate");
@@ -17,15 +17,20 @@
        "default-src": "'self' 'unsafe-inline' blob: data: customprotocol: asset: http://asset.localhost ipc: http://ipc.localhost",
        "connect-src": "'self' blob: data: asset: http://asset.localhost ipc: http://ipc.localhost https://*.sentry.io https://*.posthog.com https://*.deepl.com https://*.wikipedia.org https://*.wiktionary.org https://*.supabase.co https://*.readest.com wss://speech.platform.bing.com https://*.cloudflarestorage.com",
        "img-src": "'self' blob: data: asset: http://asset.localhost https://*",
-        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com",
-        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://fonts.gstatic.com https://db.onlinewebfonts.com https://cdn.jsdelivr.net",
+        "style-src": "'self' 'unsafe-inline' blob: asset: http://asset.localhost https://cdn.jsdelivr.net https://fonts.googleapis.com https://fontsapi.zeoseven.com",
+        "font-src": "'self' blob: data: asset: http://asset.localhost tauri: https://db.onlinewebfonts.com https://cdn.jsdelivr.net https://fonts.gstatic.com https://fontsapi.zeoseven.com",
        "frame-src": "'self' blob: asset: http://asset.localhost",
        "script-src": "'self' 'unsafe-inline' 'unsafe-eval' blob: asset: http://asset.localhost https://*.sentry.io https://*.posthog.com"
      },
      "assetProtocol": {
        "enable": true,
        "scope": {
-          "allow": ["$RESOURCE/**", "$APPDATA/**/*", "$TEMP/**/*"],
+          "allow": [
+            "$RESOURCE/**",
+            "$APPDATA/**/*",
+            "$TEMP/**/*",
+            "/private/var/mobile/Containers/Data/Application/**/*"
+          ],
          "deny": []
        }
      }
@@ -6,7 +6,7 @@ import { useTheme } from '@/hooks/useTheme';

 export default function AuthErrorPage() {
  const router = useRouter();
-  useTheme();
+  useTheme({ systemUIVisible: false });

  useEffect(() => {
    const timer = setTimeout(() => {
@@ -13,6 +13,7 @@ import { IoArrowBack } from 'react-icons/io5';
 import { useAuth } from '@/context/AuthContext';
 import { supabase } from '@/utils/supabase';
 import { useEnv } from '@/context/EnvContext';
+import { useTheme } from '@/hooks/useTheme';
 import { useThemeStore } from '@/store/themeStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
@@ -23,7 +24,7 @@ import { start, cancel, onUrl, onInvalidUrl } from '@fabianlars/tauri-plugin-oau
 import { openUrl } from '@tauri-apps/plugin-opener';
 import { handleAuthCallback } from '@/helpers/auth';
 import { getAppleIdAuth, Scope } from './utils/appleIdAuth';
-import { authWithSafari } from './utils/safariAuth';
+import { authWithCustomTab, authWithSafari } from './utils/nativeAuth';
 import { READEST_WEB_BASE_URL } from '@/services/constants';
 import WindowButtons from '@/components/WindowButtons';

@@ -42,7 +43,8 @@ interface ProviderLoginProp {
 }

 const WEB_AUTH_CALLBACK = `${READEST_WEB_BASE_URL}/auth/callback`;
-const DEEPLINK_CALLBACK = 'readest://auth/callback';
+const DEEPLINK_CALLBACK = 'readest://auth-callback';
+const USE_APPLE_SIGN_IN = process.env['NEXT_PUBLIC_USE_APPLE_SIGN_IN'] === 'true';

 const ProviderLogin: React.FC<ProviderLoginProp> = ({ provider, handleSignIn, Icon, label }) => {
  return (
@@ -73,16 +75,19 @@ export default function AuthPage() {

  const headerRef = useRef<HTMLDivElement>(null);

+  useTheme({ systemUIVisible: false });
+
  const getTauriRedirectTo = (isOAuth: boolean) => {
-    if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
-      if (appService?.isIOSApp) {
+    if (process.env.NODE_ENV === 'production' || appService?.isMobile || USE_APPLE_SIGN_IN) {
+      if (appService?.isMobile) {
        return isOAuth ? DEEPLINK_CALLBACK : WEB_AUTH_CALLBACK;
-      } else if (appService?.isAndroidApp) {
-        return WEB_AUTH_CALLBACK;
      }
      return DEEPLINK_CALLBACK;
    }
-    return `http://localhost:${port}`; // only for development env on Desktop
+    // For development env on Desktop, use a custom OAuth callback server
+    // it's possible to register a custom URL scheme for the app
+    // but this is not supported by macOS, so we use a local server instead
+    return `http://localhost:${port}`;
  };

  const getWebRedirectTo = () => {
@@ -99,15 +104,19 @@ export default function AuthPage() {
    const request = {
      scope: ['fullName', 'email'] as Scope[],
    };
-    const appleAuthResponse = await getAppleIdAuth(request);
-    if (appleAuthResponse.identityToken) {
-      const { error } = await supabase.auth.signInWithIdToken({
-        provider: 'apple',
-        token: appleAuthResponse.identityToken,
-      });
-      if (error) {
-        console.error('Authentication error:', error);
+    if (appService?.isIOSApp || USE_APPLE_SIGN_IN) {
+      const appleAuthResponse = await getAppleIdAuth(request);
+      if (appleAuthResponse.identityToken) {
+        const { error } = await supabase.auth.signInWithIdToken({
+          provider: 'apple',
+          token: appleAuthResponse.identityToken,
+        });
+        if (error) {
+          console.error('Authentication error:', error);
+        }
      }
+    } else {
+      console.log('Sign in with Apple on this platform is not supported yet');
    }
  };

@@ -130,11 +139,16 @@ export default function AuthPage() {
    }
    // Open the OAuth URL in a ASWebAuthenticationSession on iOS to comply with Apple's guidelines
    // for other platforms, open the OAuth URL in the default browser
-    if (appService?.isIOSApp) {
+    if (appService?.isIOSApp || appService?.isMacOSApp) {
      const res = await authWithSafari({ authUrl: data.url });
      if (res) {
        handleOAuthUrl(res.redirectUrl);
      }
+    } else if (appService?.isAndroidApp) {
+      const res = await authWithCustomTab({ authUrl: data.url });
+      if (res) {
+        handleOAuthUrl(res.redirectUrl);
+      }
    } else {
      await openUrl(data.url);
    }
@@ -158,7 +172,7 @@ export default function AuthPage() {

  const startTauriOAuth = async () => {
    try {
-      if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
+      if (process.env.NODE_ENV === 'production' || appService?.isMobile || USE_APPLE_SIGN_IN) {
        const { getCurrentWindow } = await import('@tauri-apps/api/window');
        const currentWindow = getCurrentWindow();
        currentWindow.listen('single-instance', ({ event, payload }) => {
@@ -304,14 +318,15 @@ export default function AuthPage() {
  return isTauriAppPlatform() ? (
    <div
      className={clsx(
-        'bg-base-100 border-base-200 flex h-dvh w-full select-none flex-col items-center border',
+        'fixed inset-0 z-0 flex select-none flex-col items-center overflow-y-auto',
+        'bg-base-100 border-base-200 border',
        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
      )}
    >
      <div
        ref={headerRef}
        className={clsx(
-          'fixed flex w-full items-center justify-between py-2 pe-6 ps-4',
+          'fixed z-10 flex w-full items-center justify-between py-2 pe-6 ps-4',
          appService?.hasTrafficLight && 'pt-11',
        )}
      >
@@ -329,7 +344,10 @@ export default function AuthPage() {
          />
        )}
      </div>
-      <div style={{ maxWidth: '420px', margin: 'auto', padding: '2rem' }}>
+      <div
+        className={clsx('z-20 pb-8', appService?.hasTrafficLight ? 'mt-24' : 'mt-12')}
+        style={{ maxWidth: '420px' }}
+      >
        <ProviderLogin
          provider='google'
          handleSignIn={tauriSignIn}
@@ -338,7 +356,7 @@ export default function AuthPage() {
        />
        <ProviderLogin
          provider='apple'
-          handleSignIn={appService?.isIOSApp ? tauriSignInApple : tauriSignIn}
+          handleSignIn={appService?.isIOSApp || USE_APPLE_SIGN_IN ? tauriSignInApple : tauriSignIn}
          Icon={FaApple}
          label={_('Sign in with Apple')}
        />
@@ -1,4 +1,6 @@
 import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';

 export type Scope = 'fullName' | 'email';
 export interface AppleIDAuthorizationRequest {
@@ -23,12 +25,46 @@ export interface AppleIDAuthorizationResponse {
 export async function getAppleIdAuth(
  request: AppleIDAuthorizationRequest,
 ): Promise<AppleIDAuthorizationResponse> {
-  const result = await invoke<AppleIDAuthorizationResponse>(
-    'plugin:sign-in-with-apple|get_apple_id_credential',
-    {
-      payload: request,
-    },
-  );
+  const OS_TYPE = osType();
+  if (OS_TYPE === 'ios') {
+    const result = await invoke<AppleIDAuthorizationResponse>(
+      'plugin:sign-in-with-apple|get_apple_id_credential',
+      {
+        payload: request,
+      },
+    );

-  return result;
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AppleIDAuthorizationResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AppleIDAuthorizationResponse>(
+        'apple-sign-in-complete',
+        ({ payload }) => {
+          cleanup();
+          resolve(payload);
+        },
+      );
+
+      const unlistenError = await listen<string>('apple-sign-in-error', ({ payload }) => {
+        cleanup();
+        reject(
+          typeof payload === 'string' ? new Error(payload) : new Error('Apple sign‑in failed'),
+        );
+      });
+
+      function cleanup() {
+        unlistenComplete();
+        unlistenError();
+      }
+
+      try {
+        await invoke('start_apple_sign_in', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported platform');
+  }
 }
@@ -0,0 +1,49 @@
+import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';
+
+export interface AuthRequest {
+  authUrl: string;
+}
+
+export interface AuthResponse {
+  redirectUrl: string;
+}
+
+export async function authWithSafari(request: AuthRequest): Promise<AuthResponse> {
+  const OS_TYPE = osType();
+  if (OS_TYPE === 'ios') {
+    const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_safari', {
+      payload: request,
+    });
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AuthResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AuthResponse>('safari-auth-complete', ({ payload }) => {
+        cleanup();
+        resolve(payload);
+      });
+
+      function cleanup() {
+        unlistenComplete();
+      }
+
+      try {
+        await invoke<AuthResponse>('auth_with_safari', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported OS type');
+  }
+}
+
+export async function authWithCustomTab(request: AuthRequest): Promise<AuthResponse> {
+  const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_custom_tab', {
+    payload: request,
+  });
+
+  return result;
+}
@@ -1,17 +0,0 @@
-import { invoke } from '@tauri-apps/api/core';
-
-export interface SafariAuthRequest {
-  authUrl: string;
-}
-
-export interface SafariAuthResponse {
-  redirectUrl: string;
-}
-
-export async function authWithSafari(request: SafariAuthRequest): Promise<SafariAuthResponse> {
-  const result = await invoke<SafariAuthResponse>('plugin:native-bridge|auth_with_safari', {
-    payload: request,
-  });
-
-  return result;
-}
@@ -1,14 +1,16 @@
 import clsx from 'clsx';
 import Image from 'next/image';
 import { Book } from '@/types/book';
+import { LibraryViewModeType } from '@/types/settings';
 import { formatAuthors, formatTitle } from '@/utils/book';

 interface BookCoverProps {
  book: Book;
  isPreview?: boolean;
+  mode?: LibraryViewModeType;
 }

-const BookCover: React.FC<BookCoverProps> = ({ book, isPreview }) => {
+const BookCover: React.FC<BookCoverProps> = ({ mode = 'grid', book, isPreview }) => {
  return (
    <div className='relative flex h-full w-full'>
      <Image
@@ -31,8 +33,8 @@ const BookCover: React.FC<BookCoverProps> = ({ book, isPreview }) => {
        <div className='flex h-1/2 items-center justify-center'>
          <span
            className={clsx(
-              isPreview ? 'line-clamp-2' : 'line-clamp-3',
-              isPreview ? 'text-[0.5em]' : 'text-lg',
+              isPreview ? 'line-clamp-2' : mode === 'grid' ? 'line-clamp-3' : 'line-clamp-2',
+              isPreview ? 'text-[0.5em]' : mode === 'grid' ? 'text-lg' : 'text-sm',
            )}
          >
            {formatTitle(book.title)}
@@ -43,7 +45,7 @@ const BookCover: React.FC<BookCoverProps> = ({ book, isPreview }) => {
          <span
            className={clsx(
              'text-neutral-content/50 line-clamp-1',
-              isPreview ? 'text-[0.4em]' : 'text-base',
+              isPreview ? 'text-[0.4em]' : mode === 'grid' ? 'text-base' : 'text-xs',
            )}
          >
            {formatAuthors(book.author)}
@@ -6,10 +6,13 @@ import { LiaCloudUploadAltSolid, LiaCloudDownloadAltSolid } from 'react-icons/li
 import { Book } from '@/types/book';
 import { useEnv } from '@/context/EnvContext';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { LibraryViewModeType } from '@/types/settings';
+import { formatAuthors } from '@/utils/book';
 import ReadingProgress from './ReadingProgress';
 import BookCover from './BookCover';

 interface BookItemProps {
+  mode: LibraryViewModeType;
  book: Book;
  isSelectMode: boolean;
  selectedBooks: string[];
@@ -20,6 +23,7 @@ interface BookItemProps {
 }

 const BookItem: React.FC<BookItemProps> = ({
+  mode,
  book,
  isSelectMode,
  selectedBooks,
@@ -39,12 +43,19 @@ const BookItem: React.FC<BookItemProps> = ({
  return (
    <div
      className={clsx(
-        'book-item flex h-full flex-col',
+        'book-item flex',
+        mode === 'grid' && 'h-full flex-col',
+        mode === 'list' && 'h-28 flex-row gap-4 overflow-hidden',
        appService?.hasContextMenu ? 'cursor-pointer' : '',
      )}
    >
-      <div className='bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md'>
-        <BookCover book={book} />
+      <div
+        className={clsx(
+          'bg-base-100 relative flex aspect-[28/41] items-center justify-center overflow-hidden shadow-md',
+          mode === 'list' && 'min-w-20',
+        )}
+      >
+        <BookCover mode={mode} book={book} />
        {selectedBooks.includes(book.hash) && (
          <div className='absolute inset-0 bg-black opacity-30 transition-opacity duration-300'></div>
        )}
@@ -58,11 +69,28 @@ const BookItem: React.FC<BookItemProps> = ({
          </div>
        )}
      </div>
-      <div className={clsx('flex w-full flex-col p-0 pt-2')}>
-        <div className='min-w-0 flex-1'>
-          <h4 className='block overflow-hidden text-ellipsis whitespace-nowrap text-[0.6em] text-xs font-semibold'>
+      <div
+        className={clsx(
+          'flex w-full flex-col p-0',
+          mode === 'grid' && 'pt-2',
+          mode === 'list' && 'py-2',
+        )}
+      >
+        <div className={clsx('min-w-0 flex-1', mode === 'list' && 'flex flex-col gap-2')}>
+          <h4
+            className={clsx(
+              'overflow-hidden text-ellipsis font-semibold',
+              mode === 'grid' && 'block whitespace-nowrap text-[0.6em] text-xs',
+              mode === 'list' && 'line-clamp-2 text-base',
+            )}
+          >
            {book.title}
          </h4>
+          {mode === 'list' && (
+            <p className='text-neutral-content line-clamp-1 text-sm'>
+              {formatAuthors(book.author, book.primaryLanguage) || ''}
+            </p>
+          )}
        </div>
        <div
          className={clsx('flex items-center', book.progress ? 'justify-between' : 'justify-end')}
@@ -6,15 +6,18 @@ import { MdDelete, MdOpenInNew, MdOutlineCancel } from 'react-icons/md';
 import { LuFolderPlus } from 'react-icons/lu';
 import { PiPlus } from 'react-icons/pi';
 import { Book, BooksGroup } from '@/types/book';
+import { LibraryViewModeType } from '@/types/settings';
 import { useEnv } from '@/context/EnvContext';
+import { useSettingsStore } from '@/store/settingsStore';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { navigateToLibrary, navigateToReader } from '@/utils/nav';
+import { formatAuthors, formatTitle } from '@/utils/book';
 import { isMd5 } from '@/utils/md5';

 import Alert from '@/components/Alert';
 import Spinner from '@/components/Spinner';
-import BookshelfItem, { generateBookshelfItems } from './BookshelfItem';
+import BookshelfItem, { generateGridItems, generateListItems } from './BookshelfItem';
 import GroupingModal from './GroupingModal';

 interface BookshelfProps {
@@ -44,17 +47,25 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  const router = useRouter();
  const searchParams = useSearchParams();
  const { appService } = useEnv();
+  const { settings } = useSettingsStore();
  const [loading, setLoading] = useState(false);
  const [selectedBooks, setSelectedBooks] = useState<string[]>([]);
  const [showSelectModeActions, setShowSelectModeActions] = useState(false);
  const [showDeleteAlert, setShowDeleteAlert] = useState(false);
  const [showGroupingModal, setShowGroupingModal] = useState(false);
+  const [queryTerm, setQueryTerm] = useState<string | null>(null);
  const [navBooksGroup, setNavBooksGroup] = useState<BooksGroup | null>(null);
  const [importBookUrl] = useState(searchParams?.get('url') || '');
+  const [viewMode, setViewMode] = useState(searchParams?.get('view') || settings.libraryViewMode);
+  const [sortBy, setSortBy] = useState(searchParams?.get('sort') || settings.librarySortBy);
+  const [sortOrder, setSortOrder] = useState(
+    searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc'),
+  );
  const isImportingBook = useRef(false);

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

  useEffect(() => {
    if (isSelectMode) {
@@ -86,18 +97,56 @@ const Bookshelf: React.FC<BookshelfProps> = ({

  useEffect(() => {
    const group = searchParams?.get('group') || '';
+    const query = searchParams?.get('q') || '';
+    const view = searchParams?.get('view') || settings.libraryViewMode;
+    const sort = searchParams?.get('sort') || settings.librarySortBy;
+    const order = searchParams?.get('order') || (settings.librarySortAscending ? 'asc' : 'desc');
+    const params = new URLSearchParams(searchParams?.toString());
+    if (query) {
+      params.set('q', query);
+      setQueryTerm(query);
+    } else {
+      params.delete('q');
+      setQueryTerm(null);
+    }
+    if (sort) {
+      params.set('sort', sort);
+      setSortBy(sort);
+    } else {
+      params.delete('sort');
+    }
+    if (order) {
+      params.set('order', order);
+      setSortOrder(order);
+    } else {
+      params.delete('order');
+    }
+    if (view) {
+      params.set('view', view);
+      setViewMode(view);
+    } else {
+      params.delete('view');
+    }
+    if (sort === 'updated' && order === 'desc' && view === 'grid') {
+      params.delete('sort');
+      params.delete('order');
+      params.delete('view');
+    }
    if (group) {
      const booksGroup = allBookshelfItems.find(
        (item) => 'name' in item && item.id === group,
      ) as BooksGroup;
      if (booksGroup) {
        setNavBooksGroup(booksGroup);
+        params.set('group', group);
      } else {
-        navigateToLibrary(router);
+        params.delete('group');
+        navigateToLibrary(router, `${params.toString()}`);
      }
    } else {
      setNavBooksGroup(null);
-      navigateToLibrary(router);
+      params.delete('group');
+      navigateToLibrary(router, `${params.toString()}`);
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [searchParams, libraryBooks, showGroupingModal]);
@@ -137,18 +186,72 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  };

  const currentBookshelfItems = navBooksGroup ? navBooksGroup.books : allBookshelfItems;
+  const bookFilter = (item: Book, queryTerm: string) => {
+    if (item.deletedAt) return false;
+    const searchTerm = new RegExp(queryTerm, 'i');
+    const title = formatTitle(item.title);
+    const authors = formatAuthors(item.author);
+    return searchTerm.test(title) || searchTerm.test(authors);
+  };
+  const bookSorter = (a: Book, b: Book) => {
+    const uiLanguage = localStorage?.getItem('i18nextLng') || '';
+    switch (sortBy) {
+      case 'title':
+        const aTitle = formatTitle(a.title);
+        const bTitle = formatTitle(b.title);
+        return aTitle.localeCompare(bTitle, uiLanguage || navigator.language);
+      case 'author':
+        const aAuthors = formatAuthors(a.author);
+        const bAuthors = formatAuthors(b.author);
+        return aAuthors.localeCompare(bAuthors, uiLanguage || navigator.language);
+      case 'updated':
+        return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
+      case 'created':
+        return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+      case 'format':
+        return a.format.localeCompare(b.format, uiLanguage || navigator.language);
+      default:
+        return new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
+    }
+  };
+  const sortOrderMultiplier = sortOrder === 'asc' ? 1 : -1;
+  const filteredBookshelfItems = currentBookshelfItems
+    .filter((item) => {
+      if ('name' in item) return item.books.some((book) => bookFilter(book, queryTerm || ''));
+      else if (queryTerm) return bookFilter(item, queryTerm);
+      return true;
+    })
+    .sort((a, b) => {
+      const uiLanguage = localStorage?.getItem('i18nextLng') || '';
+      if (sortBy === 'updated') {
+        return (
+          (new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime()) * sortOrderMultiplier
+        );
+      } else if ('name' in a || 'name' in b) {
+        const aName = 'name' in a ? a.name : formatTitle(a.title);
+        const bName = 'name' in b ? b.name : formatTitle(b.title);
+        return aName.localeCompare(bName, uiLanguage || navigator.language) * sortOrderMultiplier;
+      } else if (!('name' in a || 'name' in b)) {
+        return bookSorter(a, b) * sortOrderMultiplier;
+      } else {
+        return 0;
+      }
+    });

  return (
    <div className='bookshelf'>
      <div
        className={clsx(
-          'transform-wrapper grid flex-1 gap-x-4 sm:gap-x-0',
-          'grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
+          'transform-wrapper',
+          viewMode === 'grid' && 'grid flex-1 grid-cols-3 gap-x-4 px-4 sm:gap-x-0 sm:px-2',
+          viewMode === 'grid' && 'sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
+          viewMode === 'list' && 'flex flex-col',
        )}
      >
-        {currentBookshelfItems.map((item, index) => (
+        {filteredBookshelfItems.map((item, index) => (
          <BookshelfItem
            key={`library-item-${index}`}
+            mode={viewMode as LibraryViewModeType}
            item={item}
            isSelectMode={isSelectMode}
            selectedBooks={selectedBooks}
@@ -164,7 +267,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
            }
          />
        ))}
-        {!navBooksGroup && allBookshelfItems.length > 0 && (
+        {viewMode === 'grid' && !navBooksGroup && allBookshelfItems.length > 0 && (
          <div
            className={clsx(
              'border-1 bg-base-100 hover:bg-base-300/50 flex items-center justify-center',
@@ -210,7 +313,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
              )}
            >
              <LuFolderPlus />
-              <div>{_('Add to Group')}</div>
+              <div>{_('Group')}</div>
            </button>
            <button
              onClick={deleteSelectedBooks}
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import { useRouter } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 import { navigateToLibrary, navigateToReader } from '@/utils/nav';
 import { useEnv } from '@/context/EnvContext';
 import { useLibraryStore } from '@/store/libraryStore';
@@ -10,6 +10,7 @@ import { Menu, MenuItem } from '@tauri-apps/api/menu';
 import { revealItemInDir } from '@tauri-apps/plugin-opener';
 import { getOSPlatform } from '@/utils/misc';
 import { getLocalBookFilename } from '@/utils/book';
+import { LibraryViewModeType } from '@/types/settings';
 import { BOOK_UNGROUPED_ID, BOOK_UNGROUPED_NAME } from '@/services/constants';
 import { FILE_REVEAL_LABELS, FILE_REVEAL_PLATFORMS } from '@/utils/os';
 import { Book, BookGroupType, BooksGroup } from '@/types/book';
@@ -18,7 +19,7 @@ import GroupItem from './GroupItem';

 export type BookshelfItem = Book | BooksGroup;

-export const generateBookshelfItems = (books: Book[]): (Book | BooksGroup)[] => {
+export const generateGridItems = (books: Book[]): (Book | BooksGroup)[] => {
  const groups: BooksGroup[] = books.reduce((acc: BooksGroup[], book: Book) => {
    if (book.deletedAt) return acc;
    book.groupId = book.groupId || BOOK_UNGROUPED_ID;
@@ -47,6 +48,10 @@ export const generateBookshelfItems = (books: Book[]): (Book | BooksGroup)[] =>
  return [...ungroupedBooks, ...groupedBooks].sort((a, b) => b.updatedAt - a.updatedAt);
 };

+export const generateListItems = (books: Book[]): (Book | BooksGroup)[] => {
+  return books.filter((book) => !book.deletedAt).sort((a, b) => b.updatedAt - a.updatedAt);
+};
+
 export const generateGroupsList = (items: Book[]): BookGroupType[] => {
  return items
    .sort((a, b) => b.updatedAt - a.updatedAt)
@@ -66,6 +71,7 @@ export const generateGroupsList = (items: Book[]): BookGroupType[] => {
 };

 interface BookshelfItemProps {
+  mode: LibraryViewModeType;
  item: BookshelfItem;
  isSelectMode: boolean;
  selectedBooks: string[];
@@ -80,6 +86,7 @@ interface BookshelfItemProps {
 }

 const BookshelfItem: React.FC<BookshelfItemProps> = ({
+  mode,
  item,
  isSelectMode,
  selectedBooks,
@@ -94,6 +101,7 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
 }) => {
  const _ = useTranslation();
  const router = useRouter();
+  const searchParams = useSearchParams();
  const { envConfig, appService } = useEnv();
  const { settings } = useSettingsStore();
  const { updateBook } = useLibraryStore();
@@ -133,7 +141,9 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
    if (isSelectMode) {
      toggleSelection(group.id);
    } else {
-      navigateToLibrary(router, `group=${group.id}`);
+      const params = new URLSearchParams(searchParams?.toString());
+      params.set('group', group.id);
+      navigateToLibrary(router, `${params.toString()}`);
    }
  };

@@ -245,30 +255,35 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
  });

  return (
-    <div
-      className={clsx(
-        'sm:hover:bg-base-300/50 group flex h-full flex-col px-0 py-4 sm:px-4',
-        pressing ? 'scale-95' : 'scale-100',
-      )}
-      style={{
-        transition: 'transform 0.2s',
-      }}
-      {...handlers}
-    >
-      <div className='flex-grow'>
-        {'format' in item ? (
-          <BookItem
-            book={item}
-            isSelectMode={isSelectMode}
-            selectedBooks={selectedBooks}
-            transferProgress={transferProgress}
-            handleBookUpload={handleBookUpload}
-            handleBookDownload={handleBookDownload}
-            showBookDetailsModal={showBookDetailsModal}
-          />
-        ) : (
-          <GroupItem group={item} isSelectMode={isSelectMode} selectedBooks={selectedBooks} />
+    <div className={clsx(mode === 'list' && 'sm:hover:bg-base-300/50 px-4 sm:px-6')}>
+      <div
+        className={clsx(
+          'group',
+          mode === 'grid' && 'sm:hover:bg-base-300/50 flex h-full flex-col px-0 py-4 sm:px-4',
+          mode === 'list' && 'border-base-300 flex flex-col border-b py-2',
+          pressing ? (mode === 'grid' ? 'scale-95' : 'scale-98') : 'scale-100',
        )}
+        style={{
+          transition: 'transform 0.2s',
+        }}
+        {...handlers}
+      >
+        <div className='flex-grow'>
+          {'format' in item ? (
+            <BookItem
+              mode={mode}
+              book={item}
+              isSelectMode={isSelectMode}
+              selectedBooks={selectedBooks}
+              transferProgress={transferProgress}
+              handleBookUpload={handleBookUpload}
+              handleBookDownload={handleBookDownload}
+              showBookDetailsModal={showBookDetailsModal}
+            />
+          ) : (
+            <GroupItem group={item} isSelectMode={isSelectMode} selectedBooks={selectedBooks} />
+          )}
+        </div>
      </div>
    </div>
  );
@@ -1,22 +1,26 @@
 import clsx from 'clsx';
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { FaSearch } from 'react-icons/fa';
 import { PiPlus } from 'react-icons/pi';
 import { PiSelectionAllDuotone } from 'react-icons/pi';
-import { MdOutlineMenu } from 'react-icons/md';
-import { MdArrowBackIosNew } from 'react-icons/md';
+import { PiDotsThreeCircle } from 'react-icons/pi';
+import { MdOutlineMenu, MdArrowBackIosNew } from 'react-icons/md';
+import { IoMdCloseCircle } from 'react-icons/io';

 import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
+import { throttle } from '@/utils/throttle';
+import useShortcuts from '@/hooks/useShortcuts';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SettingsMenu from './SettingsMenu';
 import ImportMenu from './ImportMenu';
-import useShortcuts from '@/hooks/useShortcuts';
+import SortMenu from './SortMenu';

 interface LibraryHeaderProps {
  isSelectMode: boolean;
@@ -33,6 +37,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
  const router = useRouter();
  const searchParams = useSearchParams();
  const { appService } = useEnv();
+  const { statusBarHeight } = useThemeStore();
  const {
    isTrafficLightVisible,
    initializeTrafficLightStore,
@@ -40,15 +45,36 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
    setTrafficLightVisibility,
    cleanupTrafficLightListeners,
  } = useTrafficLightStore();
+  const [searchQuery, setSearchQuery] = useState(searchParams?.get('q') ?? '');

  const headerRef = useRef<HTMLDivElement>(null);
-  const iconSize16 = useResponsiveSize(16);
+  const iconSize18 = useResponsiveSize(18);
  const iconSize20 = useResponsiveSize(20);

  useShortcuts({
    onToggleSelectMode,
  });

+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const throttledUpdateQueryParam = useCallback(
+    throttle((value: string) => {
+      const params = new URLSearchParams(searchParams?.toString());
+      if (value) {
+        params.set('q', value);
+      } else {
+        params.delete('q');
+      }
+      router.push(`?${params.toString()}`);
+    }, 1000),
+    [searchParams],
+  );
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const newQuery = e.target.value;
+    setSearchQuery(newQuery);
+    throttledUpdateQueryParam(newQuery);
+  };
+
  useEffect(() => {
    if (!appService?.hasTrafficLight) return;

@@ -68,10 +94,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
    <div
      ref={headerRef}
      className={clsx(
-        'titlebar z-10 flex h-[52px] w-full items-center py-2 pr-4 sm:h-[48px] sm:pr-6',
-        appService?.hasSafeAreaInset && 'mt-[env(safe-area-inset-top)]',
+        'titlebar bg-base-200 z-10 flex h-[52px] w-full items-center py-2 pr-4 sm:h-[48px] sm:pr-6',
        isTrafficLightVisible ? 'pl-16' : 'pl-0 sm:pl-2',
      )}
+      style={{
+        marginTop: appService?.hasSafeAreaInset
+          ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+          : '',
+      }}
    >
      <div className='flex w-full items-center justify-between space-x-6 sm:space-x-12'>
        <div className='exclude-title-bar-mousedown relative flex w-full items-center pl-4'>
@@ -93,7 +123,9 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
            </span>
            <input
              type='text'
+              value={searchQuery}
              placeholder={_('Search Books...')}
+              onChange={handleSearchChange}
              spellCheck='false'
              className={clsx(
                'input rounded-badge bg-base-300/50 h-9 w-full pl-10 pr-10 sm:h-7',
@@ -103,6 +135,19 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
            />
          </div>
          <div className='absolute right-4 flex items-center space-x-2 text-gray-500 sm:space-x-4'>
+            {searchQuery && (
+              <button
+                type='button'
+                onClick={() => {
+                  setSearchQuery('');
+                  throttledUpdateQueryParam('');
+                }}
+                className='text-gray-400 hover:text-gray-600'
+                aria-label={_('Clear Search')}
+              >
+                <IoMdCloseCircle className='h-4 w-4' />
+              </button>
+            )}
            <span className='bg-base-content/50 mx-2 h-4 w-[0.5px]'></span>
            <Dropdown
              className='exclude-title-bar-mousedown dropdown-bottom flex h-6 cursor-pointer justify-center'
@@ -136,7 +181,14 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
          <Dropdown
            className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
            buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
-            toggleButton={<MdOutlineMenu size={iconSize16} />}
+            toggleButton={<PiDotsThreeCircle size={iconSize18} />}
+          >
+            <SortMenu />
+          </Dropdown>
+          <Dropdown
+            className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
+            buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
+            toggleButton={<MdOutlineMenu size={iconSize18} />}
          >
            <SettingsMenu />
          </Dropdown>
@@ -6,7 +6,7 @@ import { PiUserCircleCheck } from 'react-icons/pi';
 import { MdCheck } from 'react-icons/md';

 import { setAboutDialogVisible } from '@/components/AboutWindow';
-import { hasUpdater, isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
+import { isTauriAppPlatform, isWebAppPlatform } from '@/services/environment';
 import { DOWNLOAD_READEST_URL } from '@/services/constants';
 import { useAuth } from '@/context/AuthContext';
 import { useEnv } from '@/context/EnvContext';
@@ -14,16 +14,16 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { getStoragePlanData } from '@/utils/access';
 import { navigateToLogin, navigateToProfile } from '@/utils/nav';
-import { tauriHandleToggleFullScreen } from '@/utils/window';
+import { tauriHandleSetAlwaysOnTop, tauriHandleToggleFullScreen } from '@/utils/window';
 import { QuotaType } from '@/types/user';
 import MenuItem from '@/components/MenuItem';
 import Quota from '@/components/Quota';

-interface BookMenuProps {
+interface SettingsMenuProps {
  setIsDropdownOpen?: (isOpen: boolean) => void;
 }

-const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
+const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
  const _ = useTranslation();
  const router = useRouter();
  const { envConfig, appService } = useEnv();
@@ -32,6 +32,7 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
  const [quotas, setQuotas] = React.useState<QuotaType[]>([]);
  const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
  const [isAutoCheckUpdates, setIsAutoCheckUpdates] = useState(settings.autoCheckUpdates);
+  const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(settings.alwaysOnTop);
  const [isScreenWakeLock, setIsScreenWakeLock] = useState(settings.screenWakeLock);
  const [isAutoImportBooksOnOpen, setIsAutoImportBooksOnOpen] = useState(
    settings.autoImportBooksOnOpen,
@@ -66,6 +67,15 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
    setIsDropdownOpen?.(false);
  };

+  const toggleAlwaysOnTop = () => {
+    settings.alwaysOnTop = !settings.alwaysOnTop;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsAlwaysOnTop(settings.alwaysOnTop);
+    tauriHandleSetAlwaysOnTop(settings.alwaysOnTop);
+    setIsDropdownOpen?.(false);
+  };
+
  const toggleAutoUploadBooks = () => {
    settings.autoUpload = !settings.autoUpload;
    setSettings(settings);
@@ -122,7 +132,7 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
  return (
    <div
      tabIndex={0}
-      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-3 w-72 shadow-2xl'
+      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-2 shadow-2xl'
    >
      {user ? (
        <MenuItem
@@ -132,7 +142,7 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
              : _('Logged in')
          }
          labelClass='!max-w-40'
-          icon={
+          Icon={
            avatarUrl ? (
              <Image
                src={avatarUrl}
@@ -143,44 +153,51 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
                height={20}
              />
            ) : (
-              <PiUserCircleCheck />
+              PiUserCircleCheck
            )
          }
        >
          <ul>
-            <Quota quotas={quotas} className='h-10 pl-4 pr-2' />
+            <Quota quotas={quotas} className='h-10 pl-3 pr-2' />
            <MenuItem label={_('Account')} noIcon onClick={handleUserProfile} />
          </ul>
        </MenuItem>
      ) : (
-        <MenuItem label={_('Sign In')} icon={<PiUserCircle />} onClick={handleUserLogin}></MenuItem>
+        <MenuItem label={_('Sign In')} Icon={PiUserCircle} onClick={handleUserLogin}></MenuItem>
      )}
      <MenuItem
        label={_('Auto Upload Books to Cloud')}
-        icon={isAutoUpload ? <MdCheck className='text-base-content' /> : undefined}
+        Icon={isAutoUpload ? MdCheck : undefined}
        onClick={toggleAutoUploadBooks}
      />
      {isTauriAppPlatform() && !appService?.isMobile && (
        <MenuItem
          label={_('Auto Import on File Open')}
-          icon={isAutoImportBooksOnOpen ? <MdCheck className='text-base-content' /> : undefined}
+          Icon={isAutoImportBooksOnOpen ? MdCheck : undefined}
          onClick={toggleAutoImportBooksOnOpen}
        />
      )}
-      {hasUpdater() && (
+      {appService?.hasUpdater && (
        <MenuItem
          label={_('Check Updates on Start')}
-          icon={isAutoCheckUpdates ? <MdCheck className='text-base-content' /> : undefined}
+          Icon={isAutoCheckUpdates ? MdCheck : undefined}
          onClick={toggleAutoCheckUpdates}
        />
      )}
+      <hr className='border-base-200 my-1' />
+      {appService?.hasWindow && <MenuItem label={_('Fullscreen')} onClick={handleFullScreen} />}
+      {appService?.hasWindow && (
+        <MenuItem
+          label={_('Always on Top')}
+          Icon={isAlwaysOnTop ? MdCheck : undefined}
+          onClick={toggleAlwaysOnTop}
+        />
+      )}
      <MenuItem
        label={_('Keep Screen Awake')}
-        icon={isScreenWakeLock ? <MdCheck className='text-base-content' /> : undefined}
+        Icon={isScreenWakeLock ? MdCheck : undefined}
        onClick={toggleScreenWakeLock}
      />
-      <hr className='border-base-200 my-1' />
-      {appService?.hasWindow && <MenuItem label={_('Fullscreen')} onClick={handleFullScreen} />}
      <MenuItem label={_('Reload Page')} onClick={handleReloadPage} />
      <hr className='border-base-200 my-1' />
      {isWebApp && <MenuItem label={_('Download Readest')} onClick={downloadReadest} />}
@@ -0,0 +1,121 @@
+import React from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { MdCheck } from 'react-icons/md';
+import { useEnv } from '@/context/EnvContext';
+import { useSettingsStore } from '@/store/settingsStore';
+import { useTranslation } from '@/hooks/useTranslation';
+import { LibrarySortByType, LibraryViewModeType } from '@/types/settings';
+import { navigateToLibrary } from '@/utils/nav';
+import MenuItem from '@/components/MenuItem';
+
+interface SortMenuProps {
+  setIsDropdownOpen?: (isOpen: boolean) => void;
+}
+
+const SortMenu: React.FC<SortMenuProps> = ({ setIsDropdownOpen }) => {
+  const _ = useTranslation();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const { envConfig } = useEnv();
+  const { settings, setSettings, saveSettings } = useSettingsStore();
+
+  const viewMode = settings.libraryViewMode;
+  const sortBy = settings.librarySortBy;
+  const isAscending = settings.librarySortAscending;
+
+  const viewOptions = [
+    { label: _('List'), value: 'list' },
+    { label: _('Grid'), value: 'grid' },
+  ];
+
+  const sortByOptions = [
+    { label: _('Title'), value: 'title' },
+    { label: _('Author'), value: 'author' },
+    { label: _('Format'), value: 'format' },
+    { label: _('Date Read'), value: 'updated' },
+    { label: _('Date Added'), value: 'created' },
+  ];
+
+  const sortingOptions = [
+    { label: _('Ascending'), value: true },
+    { label: _('Descending'), value: false },
+  ];
+
+  const handleSetViewMode = (value: LibraryViewModeType) => {
+    settings.libraryViewMode = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('view', value);
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  const handleSetSortBy = (value: LibrarySortByType) => {
+    settings.librarySortBy = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('sort', value);
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  const handleSetSortAscending = (value: boolean) => {
+    settings.librarySortAscending = value;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsDropdownOpen?.(false);
+
+    const params = new URLSearchParams(searchParams?.toString());
+    params.set('order', value ? 'asc' : 'desc');
+    navigateToLibrary(router, `${params.toString()}`);
+  };
+
+  return (
+    <div
+      tabIndex={0}
+      className='settings-menu dropdown-content no-triangle border-base-100 z-20 mt-2 shadow-2xl'
+    >
+      {viewOptions.map((option) => (
+        <MenuItem
+          key={option.value}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={viewMode === option.value ? MdCheck : undefined}
+          onClick={() => handleSetViewMode(option.value as LibraryViewModeType)}
+        />
+      ))}
+      <hr className='border-base-200 my-1' />
+      <MenuItem
+        label={_('Sort by...')}
+        buttonClass='h-8'
+        labelClass='text-sm sm:text-xs'
+        disabled
+      />
+      {sortByOptions.map((option) => (
+        <MenuItem
+          key={option.value}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={sortBy === option.value ? MdCheck : undefined}
+          onClick={() => handleSetSortBy(option.value as LibrarySortByType)}
+        />
+      ))}
+      <hr className='border-base-200 my-1' />
+      {sortingOptions.map((option) => (
+        <MenuItem
+          key={option.value.toString()}
+          label={option.label}
+          buttonClass='h-8'
+          Icon={isAscending === option.value ? MdCheck : undefined}
+          onClick={() => handleSetSortAscending(option.value)}
+        />
+      ))}
+    </div>
+  );
+};
+
+export default SortMenu;
@@ -98,11 +98,12 @@ export const useBooksSync = ({ onSyncStart, onSyncEnd }: UseBooksSyncProps) => {
        if (newBook.uploadedAt && !newBook.deletedAt) {
          try {
            await appService?.downloadBook(newBook, true);
+          } catch {
+            console.error('Failed to download book:', newBook);
+          } finally {
            newBook.coverImageUrl = await appService?.generateCoverImageUrl(newBook);
            updatedLibrary.push(newBook);
            setLibrary(updatedLibrary);
-          } catch {
-            console.error('Failed to download book:', newBook);
          }
        }
      }
@@ -19,7 +19,6 @@ interface DemoBooks {

 export const useDemoBooks = () => {
  const { envConfig } = useEnv();
-  const userLang = getUserLang() as keyof typeof libraries;
  const [books, setBooks] = useState<Book[]>([]);
  const isLoading = useRef(false);

@@ -27,6 +26,7 @@ export const useDemoBooks = () => {
    if (isLoading.current) return;
    isLoading.current = true;

+    const userLang = getUserLang() as keyof typeof libraries;
    const fetchDemoBooks = async () => {
      try {
        const appService = await envConfig.getAppService();
@@ -8,12 +8,12 @@ import { ReadonlyURLSearchParams, useRouter, useSearchParams } from 'next/naviga
 import { Book } from '@/types/book';
 import { AppService } from '@/types/system';
 import { navigateToLogin, navigateToReader } from '@/utils/nav';
-import { getBaseFilename, listFormater } from '@/utils/book';
+import { getFilename, listFormater } from '@/utils/book';
 import { eventDispatcher } from '@/utils/event';
 import { ProgressPayload } from '@/utils/transfer';
 import { throttle } from '@/utils/throttle';
-import { parseOpenWithFiles } from '@/helpers/cli';
-import { isTauriAppPlatform, hasUpdater } from '@/services/environment';
+import { parseOpenWithFiles } from '@/helpers/openWith';
+import { isTauriAppPlatform } from '@/services/environment';
 import { checkForAppUpdates } from '@/helpers/updater';
 import { FILE_ACCEPT_FORMATS, SUPPORTED_FILE_EXTS } from '@/services/constants';
 import { impactFeedback } from '@tauri-apps/plugin-haptics';
@@ -21,7 +21,6 @@ import { getCurrentWebview } from '@tauri-apps/api/webview';

 import { useEnv } from '@/context/EnvContext';
 import { useAuth } from '@/context/AuthContext';
-import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useSettingsStore } from '@/store/settingsStore';
@@ -29,11 +28,17 @@ import { usePullToRefresh } from '@/hooks/usePullToRefresh';
 import { useTheme } from '@/hooks/useTheme';
 import { useDemoBooks } from './hooks/useDemoBooks';
 import { useBooksSync } from './hooks/useBooksSync';
+import { useThemeStore } from '@/store/themeStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
-import { tauriQuitApp } from '@/utils/window';
+import {
+  tauriHandleSetAlwaysOnTop,
+  tauriHandleToggleFullScreen,
+  tauriQuitApp,
+} from '@/utils/window';

 import { AboutWindow } from '@/components/AboutWindow';
+import { UpdaterWindow } from '@/components/UpdaterWindow';
 import { Toast } from '@/components/Toast';
 import Spinner from '@/components/Spinner';
 import LibraryHeader from './components/LibraryHeader';
@@ -59,9 +64,9 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    setCheckOpenWithBooks,
  } = useLibraryStore();
  const _ = useTranslation();
-  useTheme();
-  const { updateAppTheme } = useThemeStore();
+  useTheme({ systemUIVisible: true, appThemeColor: 'base-200' });
  const { settings, setSettings, saveSettings } = useSettingsStore();
+  const { statusBarHeight } = useThemeStore();
  const [loading, setLoading] = useState(false);
  const isInitiating = useRef(false);
  const [libraryLoaded, setLibraryLoaded] = useState(false);
@@ -86,6 +91,11 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  useScreenWakeLock(settings.screenWakeLock);

  useShortcuts({
+    onToggleFullscreen: async () => {
+      if (isTauriAppPlatform()) {
+        await tauriHandleToggleFullScreen();
+      }
+    },
    onQuitApp: async () => {
      if (isTauriAppPlatform()) {
        await tauriQuitApp();
@@ -93,17 +103,15 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    },
  });

-  useEffect(() => {
-    updateAppTheme('base-200');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
  useEffect(() => {
    const doCheckAppUpdates = async () => {
-      if (hasUpdater() && settings.autoCheckUpdates) {
+      if (appService?.hasUpdater && settings.autoCheckUpdates) {
        await checkForAppUpdates(_);
      }
    };
+    if (settings.alwaysOnTop) {
+      tauriHandleSetAlwaysOnTop(settings.alwaysOnTop);
+    }
    doCheckAppUpdates();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [settings]);
@@ -161,9 +169,11 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP

  useEffect(() => {
    const libraryPage = document.querySelector('.library-page');
-    libraryPage?.addEventListener('dragover', handleDragOver as unknown as EventListener);
-    libraryPage?.addEventListener('dragleave', handleDragLeave as unknown as EventListener);
-    libraryPage?.addEventListener('drop', handleDrop as unknown as EventListener);
+    if (!appService?.isMobile) {
+      libraryPage?.addEventListener('dragover', handleDragOver as unknown as EventListener);
+      libraryPage?.addEventListener('dragleave', handleDragLeave as unknown as EventListener);
+      libraryPage?.addEventListener('drop', handleDrop as unknown as EventListener);
+    }

    if (isTauriAppPlatform()) {
      const unlisten = getCurrentWebview().onDragDropEvent((event) => {
@@ -182,9 +192,11 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    }

    return () => {
-      libraryPage?.removeEventListener('dragover', handleDragOver as unknown as EventListener);
-      libraryPage?.removeEventListener('dragleave', handleDragLeave as unknown as EventListener);
-      libraryPage?.removeEventListener('drop', handleDrop as unknown as EventListener);
+      if (!appService?.isMobile) {
+        libraryPage?.removeEventListener('dragover', handleDragOver as unknown as EventListener);
+        libraryPage?.removeEventListener('dragleave', handleDragLeave as unknown as EventListener);
+        libraryPage?.removeEventListener('drop', handleDrop as unknown as EventListener);
+      }
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [pageRef.current]);
@@ -196,7 +208,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
      for (const file of openWithFiles) {
        console.log('Open with book:', file);
        try {
-          const temp = !settings.autoImportBooksOnOpen;
+          const temp = appService.isMobile ? false : !settings.autoImportBooksOnOpen;
          const book = await appService.importBook(file, libraryBooks, true, true, false, temp);
          if (book) {
            bookIds.push(book.hash);
@@ -311,7 +323,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
        }
      } catch (error) {
        const filename = typeof file === 'string' ? file : file.name;
-        const baseFilename = getBaseFilename(filename);
+        const baseFilename = getFilename(filename);
        failedFiles.push(baseFilename);
        const errorMessage =
          error instanceof Error
@@ -332,7 +344,10 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  };

  const selectFilesTauri = async () => {
-    return appService?.selectFiles('Select Books', SUPPORTED_FILE_EXTS);
+    const exts = appService?.isAndroidApp ? [] : SUPPORTED_FILE_EXTS;
+    const files = (await appService?.selectFiles(_('Select Books'), exts)) || [];
+    // Cannot filter out files on Android since some content providers may not return the file name
+    return files;
  };

  const selectFilesWeb = () => {
@@ -453,7 +468,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    let files;

    if (isTauriAppPlatform()) {
-      if (appService?.isMobile) {
+      if (appService?.isIOSApp) {
        files = (await selectFilesWeb()) as [File];
      } else {
        files = (await selectFilesTauri()) as [string];
@@ -522,11 +537,16 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
          <div
            ref={containerRef}
            className={clsx(
-              'scroll-container drop-zone mt-[48px] flex-grow overflow-y-auto px-4 sm:px-2',
-              appService?.hasSafeAreaInset && 'mt-[calc(52px+env(safe-area-inset-top))]',
+              'scroll-container drop-zone flex-grow overflow-y-auto',
+              appService?.hasSafeAreaInset && 'pt-[52px]',
              appService?.hasSafeAreaInset && 'pb-[calc(env(safe-area-inset-bottom))]',
              isDragging && 'drag-over',
            )}
+            style={{
+              marginTop: appService?.hasSafeAreaInset
+                ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+                : '48px',
+            }}
          >
            <DropIndicator />
            <Bookshelf
@@ -564,9 +584,13 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
          isOpen={!!showDetailsBook}
          book={showDetailsBook}
          onClose={() => setShowDetailsBook(null)}
+          handleBookUpload={handleBookUpload}
+          handleBookDownload={handleBookDownload}
+          handleBookDelete={handleBookDelete}
        />
      )}
      <AboutWindow />
+      {appService?.isAndroidApp && <UpdaterWindow />}
      <Toast />
    </div>
  );
@@ -27,8 +27,8 @@ interface BooksGridProps {
 const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
  const { appService } = useEnv();
  const { getConfig, getBookData } = useBookDataStore();
-  const { getProgress, getViewState, getViewSettings } = useReaderStore();
-  const { sideBarBookKey } = useSidebarStore();
+  const { getProgress, getViewState, getViewSettings, hoveredBookKey } = useReaderStore();
+  const { isSideBarVisible, sideBarBookKey } = useSidebarStore();
  const { isFontLayoutSettingsDialogOpen, setFontLayoutSettingsDialogOpen } = useSettingsStore();
  const gridTemplate = getGridTemplate(bookKeys.length, window.innerWidth / window.innerHeight);

@@ -42,10 +42,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {

  return (
    <div
-      className={clsx(
-        'grid h-full flex-grow',
-        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
-      )}
+      className={clsx('grid h-full flex-grow')}
      style={{
        gridTemplateColumns: gridTemplate.columns,
        gridTemplateRows: gridTemplate.rows,
@@ -63,14 +60,25 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
        const isBookmarked = getViewState(bookKey)?.ribbonVisible;
        const horizontalGapPercent = viewSettings.gapPercent;
        const verticalMarginPixels = viewSettings.marginPx;
+        const scrolled = viewSettings.scrolled;
+        const showBarsOnScroll = viewSettings.showBarsOnScroll;
+        const showHeader = viewSettings.showHeader && (scrolled ? showBarsOnScroll : true);
+        const showFooter = viewSettings.showFooter && (scrolled ? showBarsOnScroll : true);

        return (
          <div
            id={`gridcell-${bookKey}`}
            key={bookKey}
-            className={`${appService?.hasRoundedWindow ? 'rounded-window' : ''} relative h-full w-full overflow-hidden`}
+            className={clsx(
+              'relative h-full w-full overflow-hidden',
+              index === 0 &&
+                !viewSettings?.scrolled &&
+                appService?.hasSafeAreaInset &&
+                'pt-[env(safe-area-inset-top)]',
+              !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window',
+            )}
          >
-            {isBookmarked && <Ribbon width={`${horizontalGapPercent}%`} />}
+            {isBookmarked && !hoveredBookKey && <Ribbon width={`${horizontalGapPercent}%`} />}
            <HeaderBar
              bookKey={bookKey}
              bookTitle={book.title}
@@ -80,35 +88,38 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              onSetSettingsDialogOpen={setFontLayoutSettingsDialogOpen}
            />
            <FoliateViewer bookKey={bookKey} bookDoc={bookDoc} config={config} />
-            <FootnotePopup bookKey={bookKey} bookDoc={bookDoc} />
            {viewSettings.vertical && viewSettings.scrolled && (
              <>
-                <div
-                  className='bg-base-100 absolute left-0 top-0 h-full'
-                  style={{
-                    width: `calc(${horizontalGapPercent}%)`,
-                    height: `calc(100% - ${verticalMarginPixels}px)`,
-                  }}
-                />
-                <div
-                  className='bg-base-100 absolute right-0 top-0 h-full'
-                  style={{
-                    width: `calc(${horizontalGapPercent}%)`,
-                    height: `calc(100% - ${verticalMarginPixels}px)`,
-                  }}
-                />
+                {(showFooter || viewSettings.doubleBorder) && (
+                  <div
+                    className='bg-base-100 absolute left-0 top-0 h-full'
+                    style={{
+                      width: `calc(${horizontalGapPercent}%)`,
+                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                    }}
+                  />
+                )}
+                {(showHeader || viewSettings.doubleBorder) && (
+                  <div
+                    className='bg-base-100 absolute right-0 top-0 h-full'
+                    style={{
+                      width: `calc(${horizontalGapPercent}%)`,
+                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                    }}
+                  />
+                )}
              </>
            )}
            {viewSettings.vertical && viewSettings.doubleBorder && (
              <DoubleBorder
-                showHeader={viewSettings.showHeader}
-                showFooter={viewSettings.showFooter}
+                showHeader={showHeader}
+                showFooter={showFooter}
                borderColor={viewSettings.borderColor}
                horizontalGap={horizontalGapPercent}
                verticalMargin={verticalMarginPixels}
              />
            )}
-            {viewSettings.showHeader && (
+            {showHeader && (
              <SectionInfo
                section={sectionLabel}
                showDoubleBorder={viewSettings.vertical && viewSettings.doubleBorder}
@@ -125,7 +136,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              horizontalGap={horizontalGapPercent}
              verticalMargin={verticalMarginPixels}
            />
-            {viewSettings.showFooter && (
+            {showFooter && (
              <PageInfoView
                bookFormat={book.format}
                section={section}
@@ -138,6 +149,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              />
            )}
            <Annotator bookKey={bookKey} />
+            <FootnotePopup bookKey={bookKey} bookDoc={bookDoc} />
            <FooterBar
              bookKey={bookKey}
              bookFormat={book.format}
@@ -23,6 +23,7 @@ import {
  handleTouchEnd,
 } from '../utils/iframeEventHandlers';
 import { getMaxInlineSize } from '@/utils/config';
+import { getDirFromUILanguage } from '@/utils/rtl';
 import { transformContent } from '@/services/transformService';

 const FoliateViewer: React.FC<{
@@ -58,13 +59,14 @@ const FoliateViewer: React.FC<{
    const { detail } = event as CustomEvent;
    detail.data = Promise.resolve(detail.data)
      .then((data) => {
-        const viewSettings = getViewSettings(bookKey)!;
+        const viewSettings = getViewSettings(bookKey);
        if (detail.type === 'text/css') return transformStylesheet(data);
-        if (detail.type === 'application/xhtml+xml') {
+        if (viewSettings && detail.type === 'application/xhtml+xml') {
          const ctx = {
            bookKey,
            viewSettings,
            content: data,
+            transformers: ['punctuation'],
          };
          return Promise.resolve(transformContent(ctx));
        }
@@ -78,13 +80,17 @@ const FoliateViewer: React.FC<{

  const docLoadHandler = (event: Event) => {
    const detail = (event as CustomEvent).detail;
-    console.log('doc loaded:', detail);
+    console.log('doc index loaded:', detail.index);
    if (detail.doc) {
      const writingDir = viewRef.current?.renderer.setStyles && getDirection(detail.doc);
      const viewSettings = getViewSettings(bookKey)!;
      viewSettings.vertical =
        writingDir?.vertical || viewSettings.writingMode.includes('vertical') || false;
-      viewSettings.rtl = writingDir?.rtl || viewSettings.writingMode.includes('rl') || false;
+      viewSettings.rtl =
+        writingDir?.rtl ||
+        getDirFromUILanguage() === 'rtl' ||
+        viewSettings.writingMode.includes('rl') ||
+        false;
      setViewSettings(bookKey, { ...viewSettings });

      mountAdditionalFonts(detail.doc);
@@ -149,7 +149,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
        className={clsx(
          'footer-bar shadow-xs absolute bottom-0 z-50 flex w-full flex-col',
          'sm:h-[52px] sm:justify-center',
-          'sm:bg-base-100 border-base-300/50 border sm:border-none',
+          'sm:bg-base-100 border-base-300/50 border-t sm:border-none',
          'transition-[opacity,transform] duration-300',
          appService?.hasRoundedWindow && 'rounded-window-bottom-right',
          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-bottom-left',
@@ -3,6 +3,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';

 import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
@@ -42,7 +43,8 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
    cleanupTrafficLightListeners,
  } = useTrafficLightStore();
  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  const { hoveredBookKey, setHoveredBookKey, bookKeys } = useReaderStore();
+  const { bookKeys, hoveredBookKey, setHoveredBookKey } = useReaderStore();
+  const { systemUIVisible, statusBarHeight } = useThemeStore();
  const { isSideBarVisible } = useSidebarStore();
  const iconSize16 = useResponsiveSize(16);

@@ -70,56 +72,88 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [isSideBarVisible]);

+  const isVisible = hoveredBookKey === bookKey || isDropdownOpen;
+
  return (
    <div
-      ref={headerRef}
      className={clsx(
-        `header-bar absolute top-0 z-10 flex h-11 w-full items-center pr-4`,
-        isTrafficLightVisible && isTopLeft && !isSideBarVisible ? 'pl-16' : 'pl-4',
-        `shadow-xs bg-base-100 transition-opacity duration-300`,
-        appService?.hasRoundedWindow && 'rounded-window-top-right',
-        !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-top-left',
-        isHoveredAnim && 'hover-bar-anim',
-        hoveredBookKey === bookKey || isDropdownOpen ? `visible` : `opacity-0`,
-        isDropdownOpen && 'header-bar-pinned',
+        'bg-base-100 absolute top-0 w-full',
+        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
      )}
-      onMouseEnter={() => setHoveredBookKey(bookKey)}
-      onMouseLeave={() => setHoveredBookKey('')}
    >
-      <div className='sidebar-bookmark-toggler bg-base-100 z-20 flex h-full items-center gap-x-4'>
-        <div className='hidden sm:flex'>
-          <SidebarToggler bookKey={bookKey} />
+      <div
+        className={clsx('absolute top-0 z-10 hidden h-11 w-full sm:flex')}
+        onMouseEnter={() => !appService?.isMobile && setHoveredBookKey(bookKey)}
+        onTouchStart={() => !appService?.isMobile && setHoveredBookKey(bookKey)}
+      />
+      <div
+        className={clsx(
+          'bg-base-100 absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          isVisible ? 'visible' : 'hidden',
+        )}
+        style={{
+          height: systemUIVisible ? `max(env(safe-area-inset-top), ${statusBarHeight}px)` : '',
+        }}
+      />
+      <div
+        ref={headerRef}
+        className={clsx(
+          `header-bar bg-base-100 absolute top-0 z-10 flex h-11 w-full items-center pr-4`,
+          `shadow-xs transition-[opacity,margin-top] duration-300`,
+          isTrafficLightVisible && isTopLeft && !isSideBarVisible ? 'pl-16' : 'pl-4',
+          appService?.hasRoundedWindow && 'rounded-window-top-right',
+          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-top-left',
+          isHoveredAnim && 'hover-bar-anim',
+          isVisible ? 'pointer-events-auto visible' : 'pointer-events-none opacity-0',
+          isDropdownOpen && 'header-bar-pinned',
+        )}
+        style={{
+          marginTop: systemUIVisible
+            ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
+            : 'env(safe-area-inset-top)',
+        }}
+        onMouseLeave={() => !appService?.isMobile && setHoveredBookKey('')}
+      >
+        <div className='sidebar-bookmark-toggler z-20 flex h-full items-center gap-x-4'>
+          <div className='hidden sm:flex'>
+            <SidebarToggler bookKey={bookKey} />
+          </div>
+          <BookmarkToggler bookKey={bookKey} />
        </div>
-        <BookmarkToggler bookKey={bookKey} />
-      </div>

-      <div className='header-title z-15 pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
-        <h2 className='line-clamp-1 max-w-[50%] text-center text-xs font-semibold'>{bookTitle}</h2>
-      </div>
+        <div className='header-title z-15 bg-base-100 pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
+          <h2 className='line-clamp-1 max-w-[50%] text-center text-xs font-semibold'>
+            {bookTitle}
+          </h2>
+        </div>

-      <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
-        <SettingsToggler />
-        <NotebookToggler bookKey={bookKey} />
-        <Dropdown
-          className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
-          buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
-          toggleButton={<PiDotsThreeVerticalBold size={iconSize16} />}
-          onToggle={handleToggleDropdown}
-        >
-          <ViewMenu bookKey={bookKey} onSetSettingsDialogOpen={onSetSettingsDialogOpen} />
-        </Dropdown>
+        <div className='bg-base-100 z-20 ml-auto flex h-full items-center space-x-4'>
+          <SettingsToggler />
+          <NotebookToggler bookKey={bookKey} />
+          <Dropdown
+            className='exclude-title-bar-mousedown dropdown-bottom dropdown-end'
+            buttonClassName='btn btn-ghost h-8 min-h-8 w-8 p-0'
+            toggleButton={<PiDotsThreeVerticalBold size={iconSize16} />}
+            onToggle={handleToggleDropdown}
+          >
+            <ViewMenu bookKey={bookKey} onSetSettingsDialogOpen={onSetSettingsDialogOpen} />
+          </Dropdown>

-        <WindowButtons
-          className='window-buttons flex h-full items-center'
-          headerRef={headerRef}
-          showMinimize={
-            bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
-          }
-          showMaximize={
-            bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
-          }
-          onClose={() => onCloseBook(bookKey)}
-        />
+          <WindowButtons
+            className='window-buttons flex h-full items-center'
+            headerRef={headerRef}
+            showMinimize={
+              bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
+            }
+            showMaximize={
+              bookKeys.length == 1 && !isTrafficLightVisible && appService?.appPlatform !== 'web'
+            }
+            onClose={() => {
+              setHoveredBookKey(null);
+              onCloseBook(bookKey);
+            }}
+          />
+        </div>
      </div>
    </div>
  );
@@ -45,26 +45,35 @@ const HintInfo: React.FC<SectionInfoProps> = ({
  }, [hintMessage]);

  return (
-    <div
-      className={clsx(
-        'hintinfo absolute flex items-center justify-end overflow-hidden',
-        hintMessage ? 'bg-base-100' : 'bg-transparent',
-        isVertical ? 'writing-vertical-rl max-h-[50%]' : 'top-0 h-[44px] max-w-[50%]',
-      )}
-      style={
-        isVertical
-          ? {
-              bottom: `${verticalMargin * 1.5}px`,
-              left: `calc(100% - ${horizontalGap}%)`,
-              width: showDoubleBorder ? '30px' : `${horizontalGap}%`,
-            }
-          : { insetInlineEnd: `${horizontalGap}%` }
-      }
-    >
-      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
-        {hintMessage || ''}
-      </h2>
-    </div>
+    <>
+      <div
+        className={clsx(
+          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          hintMessage ? 'bg-base-100' : 'bg-transparent',
+        )}
+      />
+      <div
+        className={clsx(
+          'hintinfo absolute flex items-center justify-end overflow-hidden ps-2',
+          'mt-[env(safe-area-inset-top)]',
+          hintMessage ? 'bg-base-100' : 'bg-transparent',
+          isVertical ? 'writing-vertical-rl max-h-[50%]' : 'top-0 h-[44px] max-w-[50%]',
+        )}
+        style={
+          isVertical
+            ? {
+                bottom: `${verticalMargin * 1.5}px`,
+                left: `calc(100% - ${horizontalGap}%)`,
+                width: showDoubleBorder ? '30px' : `${horizontalGap}%`,
+              }
+            : { insetInlineEnd: `${horizontalGap}%` }
+        }
+      >
+        <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
+          {hintMessage || ''}
+        </h2>
+      </div>
+    </>
  );
 };

@@ -57,7 +57,9 @@ const PageInfoView: React.FC<PageInfoProps> = ({
            }
          : {
              insetInlineEnd: `${horizontalGap}%`,
-              paddingBottom: appService?.hasSafeAreaInset ? 'env(safe-area-inset-bottom)' : 0,
+              paddingBottom: appService?.hasSafeAreaInset
+                ? 'calc(env(safe-area-inset-bottom)*0.67)'
+                : 0,
            }
      }
    >
@@ -2,30 +2,50 @@

 import clsx from 'clsx';
 import * as React from 'react';
-import { useEffect, Suspense, useRef } from 'react';
+import { useEffect, Suspense, useRef, useState } from 'react';

 import { useEnv } from '@/context/EnvContext';
 import { useTheme } from '@/hooks/useTheme';
 import { useThemeStore } from '@/store/themeStore';
+import { useReaderStore } from '@/store/readerStore';
 import { useLibraryStore } from '@/store/libraryStore';
+import { useSidebarStore } from '@/store/sidebarStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
+import { setSystemUIVisibility } from '@/utils/bridge';
 import { AboutWindow } from '@/components/AboutWindow';
+import { UpdaterWindow } from '@/components/UpdaterWindow';
 import { Toast } from '@/components/Toast';
 import ReaderContent from './ReaderContent';

 const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
  const { envConfig, appService } = useEnv();
  const { settings, setSettings } = useSettingsStore();
-  const { getVisibleLibrary, setLibrary } = useLibraryStore();
+  const { isDarkMode, showSystemUI, dismissSystemUI } = useThemeStore();
+  const { hoveredBookKey } = useReaderStore();
+  const { isSideBarVisible } = useSidebarStore();
+  const { setLibrary } = useLibraryStore();
+  const [libraryLoaded, setLibraryLoaded] = useState(false);
  const isInitiating = useRef(false);

-  const { updateAppTheme } = useThemeStore();
-  useTheme();
+  useTheme({ systemUIVisible: false, appThemeColor: 'base-100' });
  useScreenWakeLock(settings.screenWakeLock);

  useEffect(() => {
-    updateAppTheme('base-100');
+    const handleVisibilityChange = () => {
+      if (appService?.isMobile && !document.hidden) {
+        dismissSystemUI();
+        setSystemUIVisibility({ visible: false, darkMode: isDarkMode });
+      }
+    };
+    document.addEventListener('visibilitychange', handleVisibilityChange);
+    return () => {
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [appService, isDarkMode]);
+
+  useEffect(() => {
    if (isInitiating.current) return;
    isInitiating.current = true;
    const initLibrary = async () => {
@@ -33,24 +53,38 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
      const settings = await appService.loadSettings();
      setSettings(settings);
      setLibrary(await appService.loadLibraryBooks());
+      setLibraryLoaded(true);
    };

    initLibrary();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

+  useEffect(() => {
+    if (!appService?.isMobile) return;
+    const systemUIVisible = !!hoveredBookKey;
+    setSystemUIVisibility({ visible: systemUIVisible, darkMode: isDarkMode });
+    if (systemUIVisible) {
+      showSystemUI();
+    } else {
+      dismissSystemUI();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hoveredBookKey]);
+
  return (
-    getVisibleLibrary().length > 0 &&
+    libraryLoaded &&
    settings.globalReadSettings && (
      <div
        className={clsx(
          `reader-page bg-base-100 text-base-content select-none`,
-          appService?.hasRoundedWindow && 'rounded-window',
+          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window',
        )}
      >
        <Suspense>
          <ReaderContent ids={ids} settings={settings} />
          <AboutWindow />
+          {appService?.isAndroidApp && <UpdaterWindow />}
          <Toast />
        </Suspense>
      </div>
@@ -12,7 +12,7 @@ import { useReaderStore } from '@/store/readerStore';
 import { useSidebarStore } from '@/store/sidebarStore';
 import { Book } from '@/types/book';
 import { SystemSettings } from '@/types/settings';
-import { parseOpenWithFiles } from '@/helpers/cli';
+import { parseOpenWithFiles } from '@/helpers/openWith';
 import { tauriHandleClose, tauriHandleOnCloseWindow } from '@/utils/window';
 import { isTauriAppPlatform } from '@/services/environment';
 import { uniqueId } from '@/utils/misc';
@@ -135,7 +135,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
    dismissBook(bookKey);
    if (bookKeys.filter((key) => key !== bookKey).length == 0) {
      const openWithFiles = (await parseOpenWithFiles()) || [];
-      if (openWithFiles.length > 0) {
+      if (openWithFiles.length > 0 && !appService?.isMobile) {
        tauriHandleClose();
      } else {
        saveSettingsAndGoToLibrary();
@@ -5,22 +5,24 @@ interface RibbonProps {
  width: string;
 }

-const Ribbon: React.FC<RibbonProps> = ({ width }) => {
+const Ribbon: React.FC<RibbonProps> = ({}) => {
  return (
    <div
-      className={clsx('absolute inset-0 z-10 flex h-11 justify-center')}
-      style={{ width: width }}
+      className={clsx(
+        'fixed inset-0 z-10 flex w-8 justify-center sm:w-6',
+        'h-[calc(env(safe-area-inset-top)+44px)]',
+      )}
    >
      <svg
-        stroke='currentColor'
-        fill='currentColor'
-        strokeWidth='0'
-        version='1'
-        viewBox='0 0 20 45'
-        enableBackground='new 0 0 20 45'
+        width='100%'
+        height='100%'
+        preserveAspectRatio='none'
+        viewBox='0 0 100 100'
        xmlns='http://www.w3.org/2000/svg'
+        shapeRendering='geometricPrecision'
+        imageRendering='optimizeQuality'
      >
-        <path fill='#F44336' d='M 20 45 L 10 35 L 0 45 L 0 0 L 20 0'></path>
+        <polygon fill='#F44336' points='100 100, 50 78, 0 100, 0 0, 100 0' />
      </svg>
    </div>
  );
@@ -19,32 +19,41 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
  verticalMargin,
 }) => {
  return (
-    <div
-      className={clsx(
-        'sectioninfo absolute flex items-center overflow-hidden',
-        isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
-        isScrolled && !isVertical && 'bg-base-100',
-      )}
-      style={
-        isVertical
-          ? {
-              top: `${verticalMargin * 1.5}px`,
-              left: `calc(100% - ${horizontalGap}%)`,
-              width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
-              height: `calc(100% - ${verticalMargin * 2}px)`,
-            }
-          : { insetInlineStart: `${horizontalGap}%`, width: `calc(100% - ${horizontalGap * 2}%)` }
-      }
-    >
-      <h2
+    <>
+      <div
        className={clsx(
-          'text-neutral-content text-center font-sans text-xs font-light',
-          isVertical ? '' : 'line-clamp-1',
+          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          isScrolled && !isVertical && 'bg-base-100',
        )}
+      />
+      <div
+        className={clsx(
+          'sectioninfo absolute flex items-center overflow-hidden',
+          'mt-[env(safe-area-inset-top)]',
+          isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
+          isScrolled && !isVertical && 'bg-base-100',
+        )}
+        style={
+          isVertical
+            ? {
+                top: `${verticalMargin * 1.5}px`,
+                left: `calc(100% - ${horizontalGap}%)`,
+                width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
+                height: `calc(100% - ${verticalMargin * 2}px)`,
+              }
+            : { insetInlineStart: `${horizontalGap}%`, width: `calc(100% - ${horizontalGap * 2}%)` }
+        }
      >
-        {section || ''}
-      </h2>
-    </div>
+        <h2
+          className={clsx(
+            'text-neutral-content text-center font-sans text-xs font-light',
+            isVertical ? '' : 'line-clamp-1',
+          )}
+        >
+          {section || ''}
+        </h2>
+      </div>
+    </>
  );
 };

@@ -117,7 +117,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
      <MenuItem
        label={_('Scrolled Mode')}
        shortcut='Shift+J'
-        icon={isScrolledMode ? <MdCheck /> : undefined}
+        Icon={isScrolledMode ? MdCheck : undefined}
        onClick={toggleScrolledMode}
      />

@@ -132,7 +132,7 @@ const ViewMenu: React.FC<ViewMenuProps> = ({
              ? _('Light Mode')
              : _('Auto Mode')
        }
-        icon={themeMode === 'dark' ? <BiMoon /> : themeMode === 'light' ? <BiSun /> : <TbSunMoon />}
+        Icon={themeMode === 'dark' ? BiMoon : themeMode === 'light' ? BiSun : TbSunMoon}
        onClick={cycleThemeMode}
      />
    </div>
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import React from 'react';
 import Popup from '@/components/Popup';
 import PopupButton from './PopupButton';
@@ -8,6 +9,7 @@ import { useResponsiveSize } from '@/hooks/useResponsiveSize';

 interface AnnotationPopupProps {
  dir: 'ltr' | 'rtl';
+  isVertical: boolean;
  buttons: Array<{ tooltipText: string; Icon: React.ElementType; onClick: () => void }>;
  position: Position;
  trianglePosition: Position;
@@ -24,6 +26,7 @@ const OPTIONS_PADDING_PIX = 16;

 const AnnotationPopup: React.FC<AnnotationPopupProps> = ({
  dir,
+  isVertical,
  buttons,
  position,
  trianglePosition,
@@ -39,17 +42,20 @@ const AnnotationPopup: React.FC<AnnotationPopupProps> = ({
  return (
    <div dir={dir}>
      <Popup
-        width={popupWidth}
-        height={popupHeight}
+        width={isVertical ? popupHeight : popupWidth}
+        height={isVertical ? popupWidth : popupHeight}
        position={position}
        trianglePosition={trianglePosition}
-        className='selection-popup bg-gray-600 px-4 text-white'
+        className='selection-popup bg-gray-600 text-white'
        triangleClassName='text-gray-600'
      >
        <div
-          className='selection-buttons flex items-center justify-between'
+          className={clsx(
+            'selection-buttons flex items-center justify-between p-2',
+            isVertical ? 'flex-col' : 'flex-row',
+          )}
          style={{
-            height: popupHeight,
+            height: isVertical ? popupWidth : popupHeight,
          }}
        >
          {buttons.map((button, index) => (
@@ -65,15 +71,27 @@ const AnnotationPopup: React.FC<AnnotationPopupProps> = ({
      </Popup>
      {highlightOptionsVisible && (
        <HighlightOptions
+          isVertical={isVertical}
          style={{
-            width: `${popupWidth}px`,
-            height: `${popupHeight}px`,
-            left: `${position.point.x}px`,
-            top: `${
-              position.point.y +
-              (highlightOptionsHeightPx + highlightOptionsPaddingPx) *
-                (trianglePosition.dir === 'up' ? -1 : 1)
-            }px`,
+            width: `${isVertical ? popupHeight : popupWidth}px`,
+            height: `${isVertical ? popupWidth : popupHeight}px`,
+            ...(isVertical
+              ? {
+                  left: `${
+                    position.point.x +
+                    (highlightOptionsHeightPx + highlightOptionsPaddingPx) *
+                      (trianglePosition.dir === 'left' ? -1 : 1)
+                  }px`,
+                  top: `${position.point.y}px`,
+                }
+              : {
+                  left: `${position.point.x}px`,
+                  top: `${
+                    position.point.y +
+                    (highlightOptionsHeightPx + highlightOptionsPaddingPx) *
+                      (trianglePosition.dir === 'up' ? -1 : 1)
+                  }px`,
+                }),
          }}
          selectedStyle={selectedStyle}
          selectedColor={selectedColor}
@@ -25,6 +25,7 @@ import { useNotesSync } from '../../hooks/useNotesSync';
 import { getPopupPosition, getPosition, Position, TextSelection } from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
 import { findTocItemBS } from '@/utils/toc';
+import { transformContent } from '@/services/transformService';
 import { HIGHLIGHT_COLOR_HEX } from '@/services/constants';
 import AnnotationPopup from './AnnotationPopup';
 import WiktionaryPopup from './WiktionaryPopup';
@@ -88,25 +89,34 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    const isValidSelection = (sel: Selection) => {
      return sel && sel.toString().trim().length > 0 && sel.rangeCount > 0;
    };
-    const makeSelection = (sel: Selection, rebuildRange = false) => {
+    const transformCtx = {
+      bookKey,
+      viewSettings: getViewSettings(bookKey)!,
+      content: '',
+      transformers: ['punctuation'],
+      reversePunctuationTransform: true,
+    };
+    const makeSelection = async (sel: Selection, rebuildRange = false) => {
      isTextSelected.current = true;
      const range = sel.getRangeAt(0);
      if (rebuildRange) {
        sel.removeAllRanges();
        sel.addRange(range);
      }
-      setSelection({ key: bookKey, text: sel.toString(), range, index });
+      transformCtx['content'] = sel.toString();
+      setSelection({ key: bookKey, text: await transformContent(transformCtx), range, index });
    };
    // FIXME: extremely hacky way to dismiss system selection tools on iOS
-    const makeSelectionOnIOS = (sel: Selection) => {
+    const makeSelectionOnIOS = async (sel: Selection) => {
      isTextSelected.current = true;
      const range = sel.getRangeAt(0);
      setTimeout(() => {
        sel.removeAllRanges();
-        setTimeout(() => {
+        setTimeout(async () => {
          if (!isTextSelected.current) return;
          sel.addRange(range);
-          setSelection({ key: bookKey, text: range.toString(), range, index });
+          transformCtx['content'] = range.toString();
+          setSelection({ key: bookKey, text: await transformContent(transformCtx), range, index });
        }, 40);
      }, 0);
    };
@@ -175,6 +185,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  };

  const onDrawAnnotation = (event: Event) => {
+    const viewSettings = getViewSettings(bookKey)!;
    const detail = (event as CustomEvent).detail;
    const { draw, annotation, doc, range } = detail;
    const { style, color } = annotation as BookNote;
@@ -185,8 +196,15 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      const { defaultView } = doc;
      const node = range.startContainer;
      const el = node.nodeType === 1 ? node : node.parentElement;
-      const { writingMode } = defaultView.getComputedStyle(el);
-      draw(Overlayer[style as keyof typeof Overlayer], { writingMode, color: hexColor });
+      const { writingMode, lineHeight, fontSize } = defaultView.getComputedStyle(el);
+      const lineHeightValue =
+        parseFloat(lineHeight) || viewSettings.lineHeight * viewSettings.defaultFontSize;
+      const fontSizeValue = parseFloat(fontSize) || viewSettings.defaultFontSize;
+      const strokeWidth = 2;
+      const padding = viewSettings.vertical
+        ? (lineHeightValue - fontSizeValue - strokeWidth) / 2
+        : strokeWidth;
+      draw(Overlayer[style as keyof typeof Overlayer], { writingMode, color: hexColor, padding });
    }
  };

@@ -259,8 +277,8 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      const annotPopupPos = getPopupPosition(
        triangPos,
        rect,
-        annotPopupWidth,
-        annotPopupHeight,
+        viewSettings.vertical ? annotPopupHeight : annotPopupWidth,
+        viewSettings.vertical ? annotPopupWidth : annotPopupHeight,
        popupPadding,
      );
      if (isTextSelected.current && annotPopupPos.dir === 'down' && osPlatform === 'android') {
@@ -577,6 +595,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      {showAnnotPopup && trianglePosition && annotPopupPosition && (
        <AnnotationPopup
          dir={viewSettings.rtl ? 'rtl' : 'ltr'}
+          isVertical={viewSettings.vertical}
          buttons={buttons}
          position={annotPopupPosition}
          trianglePosition={trianglePosition}
@@ -21,9 +21,7 @@ const LANGUAGES = {
  RU: 'Russian',
  AR: 'Arabic',
  TR: 'Turkish',
-  HI: 'Hindi',
  ID: 'Indonesian',
-  VI: 'Vietnamese',
  KO: 'Korean',
  JA: 'Japanese',
  'ZH-HANS': 'Chinese (Simplified)',
@@ -105,7 +103,11 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
        setTranslation(translatedText);
      } catch (err) {
        console.error(err);
-        setError(_('Unable to fetch the translation. Try again later.'));
+        if (!token) {
+          setError(_('Unable to fetch the translation. Please log in first and try again.'));
+        } else {
+          setError(_('Unable to fetch the translation. Try again later.'));
+        }
      } finally {
        setLoading(false);
      }
@@ -9,6 +9,7 @@ const styles = ['highlight', 'underline', 'squiggly'] as HighlightStyle[];
 const colors = ['red', 'violet', 'blue', 'green', 'yellow'] as HighlightColor[];

 interface HighlightOptionsProps {
+  isVertical: boolean;
  style: React.CSSProperties;
  selectedStyle: HighlightStyle;
  selectedColor: HighlightColor;
@@ -17,6 +18,7 @@ interface HighlightOptionsProps {

 const HighlightOptions: React.FC<HighlightOptionsProps> = ({
  style,
+  isVertical,
  selectedStyle: _selectedStyle,
  selectedColor: _selectedColor,
  onHandleHighlight,
@@ -44,13 +46,22 @@ const HighlightOptions: React.FC<HighlightOptionsProps> = ({
    onHandleHighlight(true);
  };
  return (
-    <div className='highlight-options absolute flex items-center justify-between' style={style}>
-      <div className='flex gap-2' style={{ height: size28 }}>
+    <div
+      className={clsx(
+        'highlight-options absolute flex items-center justify-between',
+        isVertical ? 'flex-col' : 'flex-row',
+      )}
+      style={style}
+    >
+      <div
+        className={clsx('flex gap-2', isVertical ? 'flex-col' : 'flex-row')}
+        style={isVertical ? { width: size28 } : { height: size28 }}
+      >
        {styles.map((style) => (
          <button
            key={style}
            onClick={() => handleSelectStyle(style)}
-            className={`flex items-center justify-center rounded-full bg-gray-700 p-0`}
+            className='flex items-center justify-center rounded-full bg-gray-700 p-0'
            style={{ width: size28, height: size28, minHeight: size28 }}
          >
            <div
@@ -78,8 +89,11 @@ const HighlightOptions: React.FC<HighlightOptionsProps> = ({
      </div>

      <div
-        className='flex items-center justify-center gap-2 rounded-3xl bg-gray-700 px-2'
-        style={{ height: size28 }}
+        className={clsx(
+          'flex items-center justify-center gap-2 rounded-3xl bg-gray-700',
+          isVertical ? 'flex-col py-2' : 'flex-row px-2',
+        )}
+        style={isVertical ? { width: size28 } : { height: size28 }}
      >
        {colors.map((color) => (
          <button
@@ -20,7 +20,7 @@ const PopupButton: React.FC<PopupButtonProps> = ({ showTooltip, tooltipText, Ico
    >
      <button
        onClick={handleClick}
-        className='my-2 flex h-8 min-h-8 w-8 items-center justify-center p-0'
+        className='flex h-8 min-h-8 w-8 items-center justify-center p-0'
      >
        <Icon />
      </button>
@@ -41,7 +41,10 @@ const FontDropdown: React.FC<DropdownProps> = ({
      </button>
      <ul
        tabIndex={0}
-        className='dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute right-[-32px] z-[1] mt-4 w-44 shadow sm:right-0'
+        className={clsx(
+          'dropdown-content bgcolor-base-200 no-triangle menu rounded-box absolute right-[-32px] z-[1] mt-4 w-44 shadow sm:right-0',
+          moreOptions?.length ? '' : 'inline max-h-80 overflow-y-scroll',
+        )}
      >
        {options.map(({ option, label }) => (
          <li key={option} onClick={() => onSelect(option)}>
@@ -3,6 +3,10 @@ import React, { useEffect, useState } from 'react';

 import {
  ANDROID_FONTS,
+  CJK_FONTS_PATTENS,
+  CJK_NAMES_PATTENS,
+  CJK_SANS_SERIF_FONTS,
+  CJK_SERIF_FONTS,
  IOS_FONTS,
  LINUX_FONTS,
  MACOS_FONTS,
@@ -14,7 +18,7 @@ import {
 import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useEnv } from '@/context/EnvContext';
-import { getOSPlatform } from '@/utils/misc';
+import { getOSPlatform, isCJKEnv } from '@/utils/misc';
 import { getSysFontsList } from '@/utils/font';
 import { isTauriAppPlatform } from '@/services/environment';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
@@ -63,8 +67,9 @@ const FontFace = ({
 const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
-  const { getViewSettings } = useReaderStore();
+  const { getView, getViewSettings } = useReaderStore();
  const viewSettings = getViewSettings(bookKey)!;
+  const view = getView(bookKey)!;

  const fontFamilyOptions = [
    {
@@ -103,10 +108,16 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [minFontSize, setMinFontSize] = useState(viewSettings.minimumFontSize!);
  const [overrideFont, setOverrideFont] = useState(viewSettings.overrideFont!);
  const [defaultFont, setDefaultFont] = useState(viewSettings.defaultFont!);
+  const [defaultCJKFont, setDefaultCJKFont] = useState(viewSettings.defaultCJKFont!);
  const [serifFont, setSerifFont] = useState(viewSettings.serifFont!);
  const [sansSerifFont, setSansSerifFont] = useState(viewSettings.sansSerifFont!);
  const [monospaceFont, setMonospaceFont] = useState(viewSettings.monospaceFont!);
  const [fontWeight, setFontWeight] = useState(viewSettings.fontWeight!);
+  const [CJKFonts] = useState<string[]>(() => {
+    return Array.from(new Set([...sysFonts, ...CJK_SERIF_FONTS, ...CJK_SANS_SERIF_FONTS]))
+      .filter((font) => CJK_FONTS_PATTENS.test(font) || CJK_NAMES_PATTENS.test(font))
+      .sort((a, b) => a.localeCompare(b));
+  });

  useEffect(() => {
    if (isTauriAppPlatform() && appService?.hasSysFontsList) {
@@ -122,6 +133,11 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [defaultFont]);

+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'defaultCJKFont', defaultCJKFont);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [defaultCJKFont]);
+
  useEffect(() => {
    saveViewSettings(envConfig, bookKey, 'defaultFontSize', defaultFontSize);
    // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -224,6 +240,17 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              />
            </div>

+            {(isCJKEnv() || view?.language.isCJK) && (
+              <FontFace
+                className='config-item-top'
+                family='serif'
+                label={_('CJK Font')}
+                options={CJKFonts}
+                selected={defaultCJKFont}
+                onSelect={setDefaultCJKFont}
+              />
+            )}
+
            <div className='config-item'>
              <span className=''>{_('Override Book Font')}</span>
              <input
@@ -245,7 +272,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              className='config-item-top'
              family='serif'
              label={_('Serif Font')}
-              options={SERIF_FONTS}
+              options={[...SERIF_FONTS, ...CJK_SERIF_FONTS]}
              moreOptions={sysFonts}
              selected={serifFont}
              onSelect={setSerifFont}
@@ -253,7 +280,7 @@ const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
            <FontFace
              family='sans-serif'
              label={_('Sans-Serif Font')}
-              options={SANS_SERIF_FONTS}
+              options={[...SANS_SERIF_FONTS, ...CJK_SANS_SERIF_FONTS]}
              moreOptions={sysFonts}
              selected={sansSerifFont}
              onSelect={setSansSerifFont}
@@ -43,6 +43,7 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const [borderColor, setBorderColor] = useState(viewSettings.borderColor!);
  const [showHeader, setShowHeader] = useState(viewSettings.showHeader!);
  const [showFooter, setShowFooter] = useState(viewSettings.showFooter!);
+  const [showBarsOnScroll, setShowBarsOnScroll] = useState(viewSettings.showBarsOnScroll!);

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

+  useEffect(() => {
+    saveViewSettings(envConfig, bookKey, 'showBarsOnScroll', showBarsOnScroll, false, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [showBarsOnScroll]);
+
  useEffect(() => {
    if (showFooter === viewSettings.showFooter) return;
    if (showFooter && !viewSettings.vertical) {
@@ -391,24 +397,6 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
        <h2 className='mb-2 font-medium'>{_('Page')}</h2>
        <div className='card bg-base-100 border-base-200 border shadow'>
          <div className='divide-base-200 divide-y'>
-            <div className='config-item'>
-              <span className=''>{_('Show Header')}</span>
-              <input
-                type='checkbox'
-                className='toggle'
-                checked={showHeader}
-                onChange={() => setShowHeader(!showHeader)}
-              />
-            </div>
-            <div className='config-item'>
-              <span className=''>{_('Show Footer')}</span>
-              <input
-                type='checkbox'
-                className='toggle'
-                checked={showFooter}
-                onChange={() => setShowFooter(!showFooter)}
-              />
-            </div>
            <NumberInput
              label={_('Vertical Margins (px)')}
              value={marginPx}
@@ -456,6 +444,41 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
          </div>
        </div>
      </div>
+
+      <div className='w-full'>
+        <h2 className='mb-2 font-medium'>{_('Header & Footer')}</h2>
+        <div className='card bg-base-100 border-base-200 border shadow'>
+          <div className='divide-base-200 divide-y'>
+            <div className='config-item'>
+              <span className=''>{_('Show Header')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showHeader}
+                onChange={() => setShowHeader(!showHeader)}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Show Footer')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showFooter}
+                onChange={() => setShowFooter(!showFooter)}
+              />
+            </div>
+            <div className='config-item'>
+              <span className=''>{_('Apply also in Scrolled Mode')}</span>
+              <input
+                type='checkbox'
+                className='toggle'
+                checked={showBarsOnScroll}
+                onChange={() => setShowBarsOnScroll(!showBarsOnScroll)}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
    </div>
  );
 };
@@ -90,7 +90,9 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

  const handleInputBlur = () => {
    if (appService?.isAndroidApp) {
-      setInputFocusInAndroid(false);
+      setTimeout(() => {
+        setInputFocusInAndroid(false);
+      }, 100);
    }
  };

@@ -145,7 +147,10 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {

  return (
    <div
-      className={clsx('my-4 w-full space-y-6', inputFocusInAndroid && 'h-[50%] overflow-y-auto')}
+      className={clsx(
+        'my-4 w-full space-y-6',
+        inputFocusInAndroid && 'h-[50%] overflow-y-auto pb-[200px]',
+      )}
    >
      <div className='w-full'>
        <h2 className='mb-2 font-medium'>{_('Language')}</h2>
@@ -8,8 +8,8 @@ import { RiDashboardLine } from 'react-icons/ri';
 import { VscSymbolColor } from 'react-icons/vsc';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';
 import { IoAccessibilityOutline } from 'react-icons/io5';
-import { MdArrowBackIosNew } from 'react-icons/md';
-
+import { MdArrowBackIosNew, MdArrowForwardIos } from 'react-icons/md';
+import { getDirFromUILanguage } from '@/utils/rtl';
 import FontPanel from './FontPanel';
 import LayoutPanel from './LayoutPanel';
 import ColorPanel from './ColorPanel';
@@ -28,6 +28,7 @@ type TabConfig = {

 const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ bookKey }) => {
  const _ = useTranslation();
+  const [isRtl] = useState(() => getDirFromUILanguage() === 'rtl');
  const [activePanel, setActivePanel] = useState<SettingsPanelType>(
    (localStorage.getItem('lastConfigPanel') || 'Font') as SettingsPanelType,
  );
@@ -79,10 +80,10 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
              tabIndex={-1}
              onClick={handleClose}
              className={
-                'btn btn-ghost btn-circle flex h-6 min-h-6 w-6 hover:bg-transparent focus:outline-none sm:hidden'
+                'btn btn-ghost btn-circle flex h-8 min-h-8 w-8 hover:bg-transparent focus:outline-none sm:hidden'
              }
            >
-              <MdArrowBackIosNew />
+              {isRtl ? <MdArrowForwardIos /> : <MdArrowBackIosNew />}
            </button>
            <div className='dialog-tabs flex h-10 max-w-[100%] flex-grow items-center gap-2 pl-4'>
              {tabConfig.map(({ tab, icon: Icon, label }) => (
@@ -42,13 +42,13 @@ const ThemeEditor: React.FC<ThemeEditorProps> = ({ customTheme, onSave, onDelete
    <div className='mb-2 mt-4'>
      <label className='mb-1 block text-sm font-medium'>{label}</label>
      <div
-        className='border-base-300 overflow-hidden rounded border p-3'
+        className='border-base-300 overflow-hidden rounded border p-2'
        style={{
          backgroundColor: backgroundColor,
          color: textColor,
        }}
      >
-        <p className='mb-2 whitespace-pre-line text-sm'>
+        <p className='mb-2 whitespace-pre-line text-xs'>
          {_(
            "All the world's a stage,\nAnd all the men and women merely players;\nThey have their exits and their entrances,\nAnd one man in his time plays many parts,\nHis acts being seven ages.\n\n— William Shakespeare",
          )}
@@ -62,13 +62,13 @@ const BookMenu: React.FC<BookMenuProps> = ({ menuClassName, setIsDropdownOpen })
            .map((book) => (
              <MenuItem
                key={book.hash}
-                icon={
+                Icon={
                  <Image
                    src={book.coverImageUrl!}
                    alt={book.title}
                    width={56}
                    height={80}
-                    className='aspect-auto max-h-8 max-w-6 rounded-sm shadow-md'
+                    className='aspect-auto max-h-8 max-w-4 rounded-sm shadow-md'
                    onError={(e) => {
                      (e.target as HTMLImageElement).style.display = 'none';
                    }}
@@ -11,6 +11,7 @@ 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 Popup from '@/components/Popup';
 import TTSPanel from './TTSPanel';
 import TTSIcon from './TTSIcon';
@@ -33,21 +34,43 @@ const TTSControl = () => {
  const [panelPosition, setPanelPosition] = useState<Position>();
  const [trianglePosition, setTrianglePosition] = useState<Position>();

-  const popupWidth = useResponsiveSize(POPUP_WIDTH);
-  const popupHeight = useResponsiveSize(POPUP_HEIGHT);
+  const [timeoutOption, setTimeoutOption] = useState(0);
+  const [timeoutTimestamp, setTimeoutTimestamp] = useState(0);
+  const [timeoutFunc, setTimeoutFunc] = useState<ReturnType<typeof setTimeout> | null>(null);
+
  const popupPadding = useResponsiveSize(POPUP_PADDING);
+  const maxWidth = window.innerWidth - 2 * popupPadding;
+  const popupWidth = Math.min(maxWidth, useResponsiveSize(POPUP_WIDTH));
+  const popupHeight = useResponsiveSize(POPUP_HEIGHT);

  const iconRef = useRef<HTMLDivElement>(null);
  const ttsControllerRef = useRef<TTSController | null>(null);
+  const unblockerAudioRef = useRef<HTMLAudioElement | null>(null);

  // this enables WebAudio to play even when the mute toggle switch is ON
  const unblockAudio = () => {
-    const audio = document.createElement('audio');
-    audio.setAttribute('x-webkit-airplay', 'deny');
-    audio.preload = 'auto';
-    audio.loop = true;
-    audio.src = SILENCE_DATA;
-    audio.play();
+    if (unblockerAudioRef.current) return;
+    unblockerAudioRef.current = document.createElement('audio');
+    unblockerAudioRef.current.setAttribute('x-webkit-airplay', 'deny');
+    unblockerAudioRef.current.preload = 'auto';
+    unblockerAudioRef.current.loop = true;
+    unblockerAudioRef.current.src = SILENCE_DATA;
+    unblockerAudioRef.current.play();
+  };
+
+  const releaseUnblockAudio = () => {
+    if (!unblockerAudioRef.current) return;
+    try {
+      unblockerAudioRef.current.pause();
+      unblockerAudioRef.current.currentTime = 0;
+      unblockerAudioRef.current.removeAttribute('src');
+      unblockerAudioRef.current.src = '';
+      unblockerAudioRef.current.load();
+      unblockerAudioRef.current = null;
+      console.log('Unblock audio released');
+    } catch (err) {
+      console.warn('Error releasing unblock audio:', err);
+    }
  };

  useEffect(() => {
@@ -76,7 +99,7 @@ const TTSControl = () => {
    const view = getView(bookKey);
    const viewSettings = getViewSettings(bookKey);
    const bookData = getBookData(bookKey);
-    if (!view || !viewSettings || !bookData) return;
+    if (!view || !viewSettings || !bookData || !bookData.book) return;
    if (bookData.book?.format === 'PDF') {
      eventDispatcher.dispatch('toast', {
        message: _('TTS not supported for PDF'),
@@ -85,6 +108,7 @@ const TTSControl = () => {
      return;
    }

+    const primaryLang = bookData.book.primaryLanguage;
    setBookKey(bookKey);

    if (ttsControllerRef.current) {
@@ -94,6 +118,9 @@ const TTSControl = () => {
    setShowIndicator(true);

    try {
+      if (appService?.isIOSApp) {
+        await invokeUseBackgroundAudio({ enabled: true });
+      }
      if (getOSPlatform() === 'ios' || appService?.isIOSApp) {
        unblockAudio();
      }
@@ -102,9 +129,13 @@ const TTSControl = () => {
      await ttsController.initViewTTS();
      const ssml = view.tts?.from(range);
      if (ssml) {
-        const lang = parseSSMLLang(ssml) || 'en';
-        setTtsLang(lang);
+        let lang = parseSSMLLang(ssml) || 'en';
+        // We will not trust 'en' language from ssml, as it may be a fallback or hardcoded value
+        if (lang === 'en' && primaryLang && primaryLang !== 'en') {
+          lang = primaryLang.split('-')[0]!;
+        }
        setIsPlaying(true);
+        setTtsLang(lang);

        ttsController.setLang(lang);
        ttsController.setRate(viewSettings.ttsRate);
@@ -121,11 +152,8 @@ const TTSControl = () => {
    }
  };

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

  const handleQueryIsSpeaking = () => {
@@ -177,6 +205,12 @@ const TTSControl = () => {
      setShowPanel(false);
      setShowIndicator(false);
    }
+    if (appService?.isIOSApp) {
+      await invokeUseBackgroundAudio({ enabled: false });
+    }
+    if (getOSPlatform() === 'ios' || appService?.isIOSApp) {
+      releaseUnblockAudio();
+    }
  };

  // rate range: 0.5 - 3, 1.0 is normal speed
@@ -230,6 +264,23 @@ const TTSControl = () => {
    return '';
  };

+  const handleSelectTimeout = (value: number) => {
+    setTimeoutOption(value);
+    if (timeoutFunc) {
+      clearTimeout(timeoutFunc);
+    }
+    if (value > 0) {
+      setTimeoutFunc(
+        setTimeout(() => {
+          handleStop();
+        }, value * 1000),
+      );
+      setTimeoutTimestamp(Date.now() + value * 1000);
+    } else {
+      setTimeoutTimestamp(0);
+    }
+  };
+
  const updatePanelPosition = () => {
    if (iconRef.current) {
      const rect = iconRef.current.getBoundingClientRect();
@@ -296,14 +347,16 @@ const TTSControl = () => {
            bookKey={bookKey}
            ttsLang={ttsLang}
            isPlaying={isPlaying}
+            timeoutOption={timeoutOption}
+            timeoutTimestamp={timeoutTimestamp}
            onTogglePlay={handleTogglePlay}
            onBackward={handleBackward}
            onForward={handleForward}
-            onStop={handleStop}
            onSetRate={handleSetRate}
            onGetVoices={handleGetVoices}
            onSetVoice={handleSetVoice}
            onGetVoiceId={handleGetVoiceId}
+            onSelectTimeout={handleSelectTimeout}
          />
        </Popup>
      )}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Huang Xin	b91d7b7a61	release: version 0.9.37 (#957 )	2025-04-24 21:14:57 +02:00
Huang Xin	7c0d9bf375	fix: popup footnotes for anchors without epub namespace, closes #948 (#956 )	2025-04-24 21:03:05 +02:00
Huang Xin	ea8ab91ed3	feat: add list view for the bookshelf, closes #542 (#955 )	2025-04-24 19:53:09 +02:00
Huang Xin	efd415ece2	fix: dismiss status bar when resumed from background on Android (#952 )	2025-04-24 11:12:10 +02:00
Huang Xin	ec86d68b80	fix: check xdg-mime before registering deeplink in Linux, closes #475 (#951 )	2025-04-24 16:19:14 +08:00
Huang Xin	172ab382bc	fix: query status bar height on Android, closes #943 (#947 )	2025-04-23 14:01:37 +02:00
Huang Xin	ad551a04a1	feat: add description from metadata in book details, closes #913 (#946 )	2025-04-22 19:01:43 +02:00
Huang Xin	4dc943d23e	fix: tts now fallbacks to metadata language of the book, closes #916 (#945 )	2025-04-22 18:12:14 +02:00
Huang Xin	ee93885c04	fix: sync custom themes from global settings to localstorage, closes #917 (#944 )	2025-04-22 14:52:46 +02:00
Huang Xin	14c032aaff	feat: add global keyboard shortcut to toggle fullscreen with F11, closes #933 (#942 )	2025-04-22 14:13:52 +02:00
Huang Xin	2f619ca745	fix: open book even the library is empty, closes #937 (#941 )	2025-04-22 13:56:07 +02:00
Huang Xin	8979827cf5	fix: compat language code for api versions (#940 )	2025-04-22 12:38:07 +02:00
Huang Xin	ae16eeffa7	fix: prevent scrollToAnchor on focus outside content container, closes #906 (#928 )	2025-04-21 14:57:01 +02:00
Huang Xin	8e96ef3e5d	fix: hide navigation bar on reader page on Android 11, closes #921 (#927 )	2025-04-21 14:49:16 +02:00
Huang Xin	38e24da968	fix: support v1 and v2 of translate API (#919 )	2025-04-20 12:30:25 +08:00
Huang Xin	7371efe1d1	release: version 0.9.36 (#915 )	2025-04-19 18:07:45 +02:00
Huang Xin	3cb37bca5d	feat: add GuanKiapTsingKhai-T in the CJK fonts list, closes #884 (#914 )	2025-04-19 18:00:35 +02:00
Huang Xin	b9fa204eda	fix: show system navigation bar by swiping up from bottom on Android, closes #592 (#912 )	2025-04-19 17:02:17 +02:00
Huang Xin	cf66665096	feat: immersive UI in reader page on iOS and Android, closes #886 and closes #864 (#911 )	2025-04-19 16:43:39 +02:00
Huang Xin	759779a98d	fix: links in about window is now clickable in apps (#902 )	2025-04-17 11:17:07 +02:00
Huang Xin	68409db8a0	compat: more accessible iframes to support LingKuma and Immersive Translate extension, closes #889 (#901 )	2025-04-17 10:36:04 +02:00
Huang Xin	46f0e8e7f6	feat: open files with readest from file manager on iOS (#898 )	2025-04-16 17:36:11 +02:00
davimed	6260168caa	Fix filename with quotes (#897 ) * Escape double quotes in filenames * Format code	2025-04-16 17:34:15 +02:00
Huang Xin	a8430a7be1	feat: open files with readest from file manager on Android, closes #865 (#895 )	2025-04-16 07:04:30 +02:00
Huang Xin	7bfaa38746	feat: add download/upload buttons in book detail dialogs (#891 )	2025-04-15 06:19:29 +02:00
Huang Xin	c5b2feda48	release: version 0.9.35 (#888 )	2025-04-14 17:50:39 +02:00
Huang Xin	59f875f590	feat: add books sorting by title and author in the library page, closes #540 (#887 )	2025-04-14 17:38:41 +02:00
Huang Xin	8efad90932	feat: in-app updater for Android (#885 )	2025-04-14 14:21:58 +02:00
Huang Xin	5c23642ac0	chore: generate Android package signature and download url in update file	2025-04-13 23:59:56 +08:00
Huang Xin	ee6500cecb	fix: books without cover images now can be synced across devices (#878 )	2025-04-13 10:47:50 +02:00
Huang Xin	f004d7b3ea	release: version 0.9.33 (#875 )	2025-04-13 02:31:13 +08:00
Huang Xin	f7d53508a6	refactor: new updater dialog (#874 )	2025-04-13 02:06:14 +08:00
Huang Xin	53e7f2526c	fix: window maximized and fullscreen now don't conflict with each other (#872 )	2025-04-12 13:42:36 +02:00
Huang Xin	8f0e2d1642	chore: show webview version info in the about window (#869 )	2025-04-12 16:35:54 +08:00
Huang Xin	c807f0ccc8	refactor: OAuth flow is now handled via ASWebAuthenticationSession on macOS (#866 )	2025-04-12 12:49:41 +08:00
Huang Xin	6ba15319a8	fix: reverse punctuation transform when highlighting (#862 )	2025-04-11 06:30:08 +02:00
Huang Xin	3ea3a50baa	fix: handle file basename from content provider uri (#861 )	2025-04-11 05:18:12 +02:00
Huang Xin	ccd467ebcf	feat: support separate header/footer visibility for paginated and scrolled modes (#859 )	2025-04-11 03:40:26 +02:00
Huang Xin	fe25c3e995	feat: support native sign-in-with-apple on macOS (#856 )	2025-04-10 14:49:11 +02:00
Huang Xin	d4af2d3ef5	feat: also add sans-serif CJK fonts (#853 )	2025-04-09 16:03:24 +02:00
Huang Xin	6ff1edb67c	fix: no padding top for bookmark ribbon (#851 )	2025-04-09 13:03:23 +02:00
Huang Xin	3d2847e427	fix: RTL layout for the bottom configuration panel, closes #849 (#850 )	2025-04-09 10:47:15 +02:00
Huang Xin	ff4d8af054	release: version 0.9.32 (#848 )	2025-04-09 06:01:55 +02:00
Huang Xin	612302f42f	feat: add LXGW WenKai TC in CJK fonts list (#847 )	2025-04-09 05:57:06 +02:00
Huang Xin	a26607a154	fix: don't inline the font menu if more options are available (#846 )	2025-04-09 05:32:24 +02:00
Huang Xin	939c7049ed	fix: position the underline and squiggly highlight decoration at the middle between text lines (#845 )	2025-04-09 05:26:22 +02:00
Huang Xin	0ead07e704	fix: don't reset all font-size and font color when override book style (#842 )	2025-04-09 01:55:36 +02:00
Huang Xin	f4908c4536	release: version 0.9.31 (#839 )	2025-04-08 15:54:34 +02:00
Huang Xin	37951c2ebf	feat: add book metadata search in the bookshelf, closes #100 (#838 )	2025-04-08 15:37:18 +02:00
Huang Xin	915f222e08	doc: add a troubleshooting section in README (#837 )	2025-04-08 18:05:22 +08:00
Huang Xin	9446df1b9c	feat: add an option to configure default CJK fonts in CJK environments, closes #780 (#836 )	2025-04-08 11:27:59 +02:00
Huang Xin	bfcf89b093	fix: toggle the menus on the whole screen when Click-To-Flip is disabled, closes #831 (#834 )	2025-04-08 08:09:46 +02:00
Huang Xin	b0cf087d78	fix: support opening content URIs by copying to cache when direct access fails, closes #829 (#833 )	2025-04-08 07:45:33 +02:00
Huang Xin	5863586766	feat: vertical layout for highlighting tools, closes #787 (#830 )	2025-04-07 17:24:14 +02:00
Huang Xin	99182a1f9e	feat: add configurable timeout to stop TTS playback automatically, closes #747 (#826 )	2025-04-07 12:40:14 +02:00
Huang Xin	2599f40dfb	feat: add option to keep window on top, closes #820 (#825 )	2025-04-07 08:23:46 +02:00
Huang Xin	aa66ba54c5	fix: set proper default theme mode, closes #823 (#824 )	2025-04-07 07:16:31 +02:00
Huang Xin	4f0ef01a17	fix: tts now works in background in iOS, closes #547 (#822 ) To enable background playback in Android, go to Settings > Apps & Notifications > Readest > Battery > Battery Optimization, and disable battery optimization for Readest.	2025-04-06 18:42:58 +02:00
Huang Xin	267e1656db	release: version 0.9.30 (#817 )	2025-04-05 11:39:37 +02:00
Huang Xin	dcecda2984	fix: cache NativeFile with LRU, closes #797 (#816 )	2025-04-05 11:27:07 +02:00
Huang Xin	ce88f0229a	fix: rounded reader widget only when sidebar is invisible , closes #809 (#815 )	2025-04-05 10:08:39 +02:00
Huang Xin	316c82ea52	fix: override link color only when overriding font, closes #812 (#814 )	2025-04-05 09:34:29 +02:00
Huang Xin	25be60ce2a	chore: bump tauri to 2.4.1 (#813 )	2025-04-05 07:40:33 +02:00
Huang Xin	4703eec045	fix: set correct filename in openFile API, closes #803 (#810 )	2025-04-05 12:41:26 +08:00
Huang Xin	ab22a83332	fix: open default file chooser on Android, closes #798 and closes #799 (#807 )	2025-04-04 05:01:12 +02:00
Huang Xin	a3d6ebe44d	feat: add fixed storage quota for self-hosted instance, closes #805 (#806 )	2025-04-04 03:48:43 +02:00
Huang Xin	f8804b5d3c	fix: revert font family, size and color when overrideFont is set, closes #792 (#804 )	2025-04-03 17:15:19 +02:00
Huang Xin	ee3785ad51	fix: hack to decode incorrectly encoded url in href (#796 )	2025-04-02 07:35:00 +02:00
Huang Xin	5ba40cd2d6	release: version 0.9.29 (#790 )	2025-04-01 18:27:15 +02:00
Huang Xin	6131180a31	fix: initiate OAuth using Custom Tabs on Android, closes #361 (#788 )	2025-04-01 17:04:17 +02:00
Huang Xin	7ccf3d0632	refactor: read local file with fs plugin for Tauri App, closes #553 and closes #489 (#785 )	2025-04-01 14:26:26 +02:00
Huang Xin	39fb7f759e	fix: handle preflight on tauri apps (#776 )	2025-03-31 03:38:47 +02:00
Huang Xin	d89834a53d	chore: balance translator load between auth and guest users (#771 )	2025-03-30 16:35:13 +02:00
Huang Xin	3c4dd2a143	fix: fix translation api with retry (#770 )	2025-03-30 15:59:57 +02:00
Huang Xin	847efb7082	fix: head bar may hide login buttons in auth page (#769 )	2025-03-30 11:32:57 +02:00
Huang Xin	01db8f90fa	fix: store the filepath for transient import, closes #760 (#768 )	2025-03-30 10:27:45 +02:00
Huang Xin	e70c46ff02	fix: only replace quote punctuations for vertical layout, closes #761 (#767 )	2025-03-30 09:49:22 +02:00
Huang Xin	7cb1998ebb	fix: soft keyboard in custom css textarea, closes #762 and closes #763 (#766 )	2025-03-30 09:33:27 +02:00