release: version 0.9.60 (#1452 )

fix: allow inline scripts on Tauri platforms (#1451 )
android: dismiss the splash screen and change icon background color in task list (#1450 )
2025-06-22 11:24:47 +02:00 · 2025-06-22 11:22:39 +02:00 · 2025-06-22 09:10:03 +02:00 · 2025-06-22 07:10:22 +02:00 · 2025-06-22 06:32:23 +02:00 · 2025-06-22 05:55:40 +02:00
159 changed files with 5778 additions and 1248 deletions
@@ -177,6 +177,11 @@ jobs:
          pnpm tauri icon ../../data/icons/readest-book.png
          git checkout .

+          MANIFEST="src-tauri/gen/android/app/src/main/AndroidManifest.xml"
+          PERMISSION_LINE='<uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES"/>'
+          grep -q 'REQUEST_INSTALL_PACKAGES' "$MANIFEST" || \
+            sed -i "/android.permission.INTERNET/a \    $PERMISSION_LINE" "$MANIFEST"
+
          pushd src-tauri/gen/android
          echo "keyAlias=${{ secrets.ANDROID_KEY_ALIAS }}" > keystore.properties
          echo "password=${{ secrets.ANDROID_KEY_PASSWORD }}" >> keystore.properties
@@ -0,0 +1,60 @@
+name: Upload Release Assets to R2
+
+on:
+  workflow_call:
+    inputs:
+      tag:
+        required: true
+        type: string
+
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: 'Release tag name (e.g., v1.2.3)'
+        required: true
+        type: string
+
+jobs:
+  upload-to-r2:
+    runs-on: ubuntu-latest
+    env:
+      RELEASE_R2_BUCKET: readest-releases
+      RELEASE_R2_ACCOUNT_ID: ${{ secrets.RELEASE_R2_ACCOUNT_ID }}
+      RELEASE_R2_ACCESS_KEY_ID: ${{ secrets.RELEASE_R2_ACCESS_KEY_ID }}
+      RELEASE_R2_SECRET_ACCESS_KEY: ${{ secrets.RELEASE_R2_SECRET_ACCESS_KEY }}
+
+    steps:
+      - name: Download release assets
+        run: |
+          gh release download "${{ inputs.tag }}" --repo readest/readest --dir ./release-assets
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Install rclone
+        run: curl https://rclone.org/install.sh | sudo bash
+
+      - name: Configure rclone
+        run: |
+          mkdir -p ~/.config/rclone
+          cat > ~/.config/rclone/rclone.conf <<EOF
+          [r2]
+          type = s3
+          provider = Cloudflare
+          access_key_id = $RELEASE_R2_ACCESS_KEY_ID
+          secret_access_key = $RELEASE_R2_SECRET_ACCESS_KEY
+          endpoint = https://${RELEASE_R2_ACCOUNT_ID}.r2.cloudflarestorage.com
+          EOF
+
+      - name: Modify latest.json download URLs
+        run: |
+          GITHUB_BASE_URL="https://github.com/readest/readest/releases/download"
+          READEST_BASE_URL="https://download.readest.com/releases"
+          sed -i "s#${GITHUB_BASE_URL}#${READEST_BASE_URL}#g" ./release-assets/latest.json
+
+      - name: Upload to R2
+        run: |
+          mkdir releases
+          mv ./release-assets/latest.json releases
+          mv ./release-assets/release-notes.json releases
+          rclone copy ./release-assets r2:${RELEASE_R2_BUCKET}/releases/${{ inputs.tag }}/
+          rclone copy ./releases r2:${RELEASE_R2_BUCKET}/releases/
@@ -4,4 +4,13 @@
    "packages/tauri/Cargo.toml",
    "apps/readest-app/src-tauri/Cargo.toml"
  ],
+  // "editor.formatOnSave": true, // uncomment to add format on save
+  "typescript.inlayHints.parameterNames.enabled": "all",
+  "typescript.inlayHints.variableTypes.enabled": true,
+  "typescript.inlayHints.propertyDeclarationTypes.enabled": true,
+  "typescript.inlayHints.functionLikeReturnTypes.enabled": true,
+  "typescript.inlayHints.enumMemberValues.enabled": true,
+  "javascript.validate.enable": false,
+  "javascript.format.enable": false,
+  "typescript.format.enable": false,
 }
@@ -37,6 +37,7 @@ dependencies = [
 "tauri-plugin-http",
 "tauri-plugin-log",
 "tauri-plugin-native-bridge",
+ "tauri-plugin-native-tts",
 "tauri-plugin-oauth",
 "tauri-plugin-opener",
 "tauri-plugin-os",
@@ -5443,6 +5444,17 @@ dependencies = [
 "thiserror 2.0.12",
 ]

+[[package]]
+name = "tauri-plugin-native-tts"
+version = "0.1.0"
+dependencies = [
+ "schemars",
+ "serde",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.12",
+]
+
 [[package]]
 name = "tauri-plugin-oauth"
 version = "2.0.0"
@@ -55,6 +55,7 @@
 | **Translate with DeepL**                | From a single sentence to the entire book—translate instantly with DeepL.                      | ✅         |
 | **Text-to-Speech (TTS) Support**        | Enjoy smooth, multilingual narration—even within a single book.                                | ✅         |
 | **Library Management**                  | Organize, sort, and manage your entire ebook library.                                          | ✅         |
+| **Code Syntax Highlighting**            | Read software manuals with rich coloring of code examples.                                     | ✅         |

 ## Planned Features

@@ -86,7 +87,7 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion

 ![Wikipedia](./data/screenshots/wikipedia_vertical.png)

-![Themeing Dark Mode](./data/screenshots/theming_dark_mode.png)
+![Theming Dark Mode](./data/screenshots/theming_dark_mode.png)

 ---

@@ -94,7 +95,7 @@ Stay tuned for continuous improvements and updates! Contributions and suggestion

 The Readest app is available for download! 🥳 🚀

- macOS / iOS / iPadOS : Search for "Readest" on the [App Store][link-appstore], also available on TestFlight for beta test (send your Apple ID to readestapp@gmail.com to request access).
+- macOS / iOS / iPadOS : Search for "Readest" on the [App Store][link-appstore], also available on TestFlight for beta test (send your Apple ID to <readestapp@gmail.com> to request access).
 - Windows / Linux / Android: Visit [https://readest.com][link-website] or the [Releases on GitHub][link-gh-releases].
 - Web: Visit [https://web.readest.com][link-web-readest].

@@ -6,6 +6,8 @@ NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY

 NEXT_PUBLIC_STORAGE_FIXED_QUOTA=1073741824

+NEXT_PUBLIC_API_BASE_URL=https://your-api-base-url.com
+
 SUPABASE_ADMIN_KEY=YOUR_SUPABASE_ADMIN_KEY

 DEEPL_PRO_API_KEYS=YOUR_DEEPL_PRO_API_KEYS
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.9.53",
+  "version": "0.9.60",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -30,6 +30,7 @@
    "build-ios-appstore": "dotenv -e .env.ios-appstore.local -- tauri ios build --export-method app-store-connect",
    "release-macos-universial-appstore": "dotenv -e .env.tauri.local -e .env.apple-appstore.local -- bash scripts/release-mac-appstore.sh",
    "release-ios-appstore": "dotenv -e .env.ios-appstore.local -- bash scripts/release-ios-appstore.sh",
+    "release-google-play": "dotenv -e .env.google-play.local -- bash scripts/release-google-play.sh",
    "config-wrangler": "sed -i \"s/\\${TRANSLATIONS_KV_ID}/$TRANSLATIONS_KV_ID/g\" wrangler.toml",
    "preview": "NEXT_PUBLIC_APP_PLATFORM=web opennextjs-cloudflare build && opennextjs-cloudflare preview",
    "deploy": "NEXT_PUBLIC_APP_PLATFORM=web opennextjs-cloudflare build && opennextjs-cloudflare deploy",
@@ -44,7 +45,7 @@
    "@opennextjs/cloudflare": "^1.1.0",
    "@supabase/auth-ui-react": "^0.4.7",
    "@supabase/auth-ui-shared": "^0.1.8",
-    "@supabase/supabase-js": "^2.47.7",
+    "@supabase/supabase-js": "^2.49.10",
    "@tauri-apps/api": "2.5.0",
    "@tauri-apps/plugin-cli": "^2.2.0",
    "@tauri-apps/plugin-deep-link": "^2.2.1",
@@ -63,14 +64,16 @@
    "clsx": "^2.1.1",
    "cors": "^2.8.5",
    "cssbeautify": "^0.3.1",
+    "dayjs": "^1.11.13",
    "foliate-js": "workspace:*",
+    "highlight.js": "^11.11.1",
    "i18next": "^24.2.0",
    "i18next-browser-languagedetector": "^8.0.2",
    "i18next-http-backend": "^3.0.1",
    "js-md5": "^0.8.3",
    "jwt-decode": "^4.0.0",
    "marked": "^15.0.12",
-    "next": "15.2.4",
+    "next": "15.3.3",
    "posthog-js": "^1.246.0",
    "react": "19.0.0",
    "react-color": "^2.19.3",
@@ -78,6 +81,7 @@
    "react-i18next": "^15.2.0",
    "react-icons": "^5.4.0",
    "react-responsive": "^10.0.0",
+    "react-window": "^1.8.11",
    "semver": "^7.7.1",
    "tinycolor2": "^1.6.0",
    "zustand": "5.0.1"
@@ -91,6 +95,7 @@
    "@types/react": "18.3.12",
    "@types/react-color": "^3.0.13",
    "@types/react-dom": "18.3.1",
+    "@types/react-window": "^1.8.8",
    "@types/semver": "^7.7.0",
    "@types/tinycolor2": "^1.4.6",
    "autoprefixer": "^10.4.20",
@@ -19,7 +19,7 @@
  "Copied to notebook": "تم النسخ إلى المفكرة",
  "Copy": "نسخ",
  "Custom CSS": "CSS مخصص",
-  "Dark Mode": "الوضع المظلم",
+  "Dark Mode": "الوضع الداكن",
  "Default": "الافتراضي",
  "Default Font": "الخط الافتراضي",
  "Default Font Size": "حجم الخط الافتراضي",
@@ -114,8 +114,6 @@
  "Your Library": "المكتبة الخاصة بك",
  "TTS not supported for PDF": "القراءة الصوتية غير مدعومة لملفات PDF",
  "Override Book Font": "تجاوز خط الكتاب",
-  "Vertical Margins (px)": "هوامش عمودية (بكسل)",
-  "Horizontal Margins (%)": "هوامش أفقية (%)",
  "Apply to All Books": "تطبيق على جميع الكتب",
  "Apply to This Book": "تطبيق على هذا الكتاب",
  "Unable to fetch the translation. Try again later.": "تعذر جلب الترجمة. حاول مرة أخرى لاحقًا.",
@@ -187,26 +185,26 @@
  "Sign in with GitHub": "تسجيل الدخول عبر GitHub",
  "Account": "الحساب",
  "Failed to delete user. Please try again later.": "فشل حذف المستخدم. يرجى المحاولة مرة أخرى لاحقًا.",
-  "Unlimited Offline/Online Reading": "قراءة غير محدودة بدون اتصال/متصلة بالإنترنت",
-  "Unlimited Cloud Sync Devices": "أجهزة مزامنة سحابية غير محدودة",
+  "Unlimited Offline/Online Reading": "القراءة بدون حدود للكتب المتوفر على الجهاز أو عبر الانترنت",
+  "Unlimited Cloud Sync Devices": "مزامنة عبر السحابة لعدد غير محدود من الأجهزة",
  "Essential Text-to-Speech Voices": "أصوات أساسية لتحويل النص إلى كلام",
-  "DeepL Free Access": "وصول مجاني إلى DeepL",
+  "DeepL Free Access": "وصول مجاني لـ DeepL",
  "Community Support": "دعم المجتمع",
-  "500 MB Cloud Sync Space": "مساحة مزامنة سحابية 500 ميجابايت",
-  "Includes All Free Tier Benefits": "يتضمن جميع مزايا الفئة المجانية",
+  "500 MB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 500 ميجابايت",
+  "Includes All Free Tier Benefits": "تشمل جميع مزايا الفئة المجانية",
  "AI Summaries": "ملخصات الذكاء الاصطناعي",
  "AI Translations": "ترجمات الذكاء الاصطناعي",
  "Priority Support": "دعم ذو أولوية",
-  "DeepL Pro Access": "وصول إلى DeepL Pro",
+  "DeepL Pro Access": "وصول لميزات DeepL Pro",
  "Expanded Text-to-Speech Voices": "أصوات موسعة لتحويل النص إلى كلام",
-  "2000 MB Cloud Sync Space": "مساحة مزامنة سحابية 2000 ميجابايت",
-  "Includes All Plus Tier Benefits": "يتضمن جميع مزايا فئة Plus",
+  "2000 MB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 2000 ميجابايت",
+  "Includes All Plus Tier Benefits": "تشمل جميع مزايا فئة Plus",
  "Unlimited AI Summaries": "ملخصات ذكاء اصطناعي غير محدودة",
  "Unlimited AI Translations": "ترجمات ذكاء اصطناعي غير محدودة",
-  "Unlimited DeepL Pro Access": "وصول غير محدود إلى DeepL Pro",
+  "Unlimited DeepL Pro Access": "وصول غير محدود لميزات DeepL Pro",
  "Advanced AI Tools": "أدوات ذكاء اصطناعي متقدمة",
  "Early Feature Access": "وصول مبكر للميزات",
-  "10 GB Cloud Sync Space": "مساحة مزامنة سحابية 10 جيجابايت",
+  "10 GB Cloud Sync Space": "مزامنة سحابية بمساحة تخزين 10 جيجابايت",
  "Loading profile...": "جارٍ تحميل الملف الشخصي...",
  "Features": "الميزات",
  "Delete Account": "حذف الحساب",
@@ -222,7 +220,7 @@
  "Continuous Scroll": "التمرير المستمر",
  "Fullscreen": "ملء الشاشة",
  "No supported files found. Supported formats: {{formats}}": "لم يتم العثور على ملفات مدعومة. الصيغ المدعومة: {{formats}}",
-  "Drop to Import Books": "اسحب لاستيراد الكتب",
+  "Drop to Import Books": "قم بالسحب والإسقاط لاستيراد الكتب",
  "Custom": "مخصص",
  "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": "العالم مسرح،\nوالناس فيه ممثلون؛\nلهم مخارج ومداخل،\nوالإنسان في حياته يلعب دورًا كثيرًا،\nوأفعاله تمر بسبع مراحل.\n\n— ويليام شكسبير",
  "Custom Theme": "سمة مخصصة",
@@ -235,8 +233,8 @@
  "Double Border": "حدود مزدوجة",
  "Border Color": "لون الحدود",
  "Border Frame": "إطار الحدود",
-  "Show Header": "عرض الرأس",
-  "Show Footer": "عرض التذييل",
+  "Show Header": "إظهار الترويسة",
+  "Show Footer": "إظهار التذييل",
  "Small": "صغير",
  "Large": "كبير",
  "Auto": "تلقائي",
@@ -251,24 +249,24 @@
  "Auto Import on File Open": "استيراد تلقائي عند فتح الملف",
  "LXGW WenKai GB Screen": "LXGW WenKai SC",
  "LXGW WenKai TC": "LXGW WenKai TC",
-  "No chapters detected.": "لم يتم التعرف على فصول.",
+  "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": "لا مهلة",
+  "No Timeout": "بدون مهلة",
  "{{value}} minute": "{{value}} دقيقة",
  "{{value}} minutes": "{{value}} دقائق",
  "{{value}} hour": "{{value}} ساعة",
  "{{value}} hours": "{{value}} ساعات",
  "CJK Font": "خط CJK",
  "Clear Search": "مسح البحث",
-  "Header & Footer": "الرأس والتذييل",
+  "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?": "هل ترغب في تنزيل وتثبيت الآن؟",
+  "A new version of Readest is available!": "يتوفر إصدار جديد من Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "إصدار {{newVersion}} من ريديست متاح للتنزيل (الإصدار المثبت حاليًا {{currentVersion}}).",
+  "Download and install now?": "هل ترغب في تنزيله وتثبيته الآن؟",
  "Downloading {{downloaded}} of {{contentLength}}": "جارٍ تنزيل {{downloaded}} من {{contentLength}}",
  "Download finished": "اكتمل التنزيل",
  "DOWNLOAD & INSTALL": "تنزيل وتثبيت",
@@ -295,8 +293,8 @@
  "Swap Clicks Area": "تبديل منطقة النقرات",
  "Screen": "الشاشة",
  "Orientation": "الاتجاه",
-  "Portrait": "العمودي",
-  "Landscape": "الأفقي",
+  "Portrait": "عمودي",
+  "Landscape": "أفقي",
  "Open Last Book on Start": "فتح آخر كتاب عند البدء",
  "Checking for updates...": "جارٍ التحقق من التحديثات...",
  "Error checking for updates": "خطأ في التحقق من التحديثات",
@@ -314,14 +312,14 @@
  "Are you sure to delete {{count}} selected book(s)?_many": "هل أنت متأكد من حذف {{count}} كتابًا محددًا؟",
  "Are you sure to delete {{count}} selected book(s)?_other": "هل أنت متأكد من حذف {{count}} من الكتب المحددة؟",
  "Are you sure to delete the selected book?": "هل أنت متأكد من حذف الكتاب المحدد؟",
-  "Deselect": "إلغاء",
-  "Select All": "الكل",
+  "Deselect": "إلغاء التحديد",
+  "Select All": "تحديد الكل",
  "No translation available.": "لا توجد ترجمة متاحة.",
-  "Translated by {{provider}}.": "ترجم بواسطة {{provider}}.",
-  "DeepL": "ديب إل",
-  "Google Translate": "ترجمة جوجل",
-  "Azure Translator": "مترجم أزور",
-  "Invert Image In Dark Mode": "عكس الصورة في الوضع المظلم",
+  "Translated by {{provider}}.": "تمت الترجمة بواسطة {{provider}}.",
+  "DeepL": "DeepL",
+  "Google Translate": "ترجمة Google",
+  "Azure Translator": "مترجم Azure",
+  "Invert Image In Dark Mode": "عكس ألوان الصورة في الوضع الداكن",
  "Help improve Readest": "ساعد في تحسين ريديست",
  "Sharing anonymized statistics": "مشاركة إحصائيات مجهولة الهوية",
  "Interface Language": "لغة الواجهة",
@@ -336,7 +334,7 @@
  "System Language": "لغة النظام",
  "Security": "الأمان",
  "Allow JavaScript": "السماح بـ JavaScript",
-  "Enable only if you trust the file.": "تمكين فقط إذا كنت تثق في الملف.",
+  "Enable only if you trust the file.": "قم بالتمكين فقط في حال وثوقك بالملف.",
  "Sort TOC by Page": "ترتيب جدول المحتويات حسب الصفحة",
  "Search in {{count}} Book(s)..._zero": "بحث في الكتب...",
  "Search in {{count}} Book(s)..._one": "بحث في كتاب...",
@@ -346,15 +344,37 @@
  "Search in {{count}} Book(s)..._other": "بحث في {{count}} من الكتب...",
  "No notes match your search": "لا توجد ملاحظات تطابق بحثك",
  "Search notes and excerpts...": "بحث في الملاحظات والمقتطفات...",
-  "Sign in to Sync": "سجّل للمزامنة",
-  "Synced at {{time}}": "تمت عند {{time}}",
-  "Never synced": "لم تُزامَن",
+  "Sign in to Sync": "قم بتسجيل الدخول للمزامنة",
+  "Synced at {{time}}": "تمت المزامنة في {{time}}",
+  "Never synced": "لم تتم المزامنة بعد",
  "Show Remaining Time": "إظهار الوقت المتبقي",
  "Show Page Number": "إظهار رقم الصفحة",
-  "{{time}} min left in chapter": "{{time}} دقيقة متبقية في الفصل",
+  "{{time}} min left in chapter": "{{time}} دقيقة متبقية حتى نهاية الفصل",
  "Override Book Color": "تجاوز لون الكتاب",
-  "Login Required": "يلزم الدخول",
-  "Quota Exceeded": "تجاوز السعة",
-  "{{percentage}}% of Daily Translation Characters Used.": "تم استخدام {{percentage}}% من أحرف الترجمة اليومية.",
-  "Translation Characters": "أحرف الترجمة"
+  "Login Required": "يتطلب الأمر تسجيل الدخول",
+  "Quota Exceeded": "تجاوزت الحصة المخصصة",
+  "{{percentage}}% of Daily Translation Characters Used.": "تم استخدام ما نسبته {{percentage}}% من إجمالي أحرف الترجمة المسموح بها يوميًا.",
+  "Translation Characters": "أحرف الترجمة",
+  "Daily translation quota reached. Select another translate service to proceed.": "تم استنفاد حصة الترجمة اليومية. قم بتحديد خدمة ترجمة أخرى للاستمرار.",
+  "{{engine}}: {{count}} voices_zero": "{{engine}}: لا توجد أصوات",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: صوت واحد",
+  "{{engine}}: {{count}} voices_two": "{{engine}}: صوتان",
+  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} أصوات",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} صوتاً",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} صوت",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "حدث خطأ ما. لا تقلق، لقد تم إبلاغ فريقنا ونحن نعمل على إصلاحه.",
+  "Error Details:": "تفاصيل الخطأ:",
+  "Try Again": "حاول مرة أخرى",
+  "Need help?": "تحتاج مساعدة؟",
+  "Contact Support": "اتصل بالدعم الفني",
+  "Code Highlighting": "تمييز الكود",
+  "Enable Highlighting": "تمكين التمييز",
+  "Code Language": "لغة الكود",
+  "Top Margin (px)": "الهامش العلوي (بكسل)",
+  "Bottom Margin (px)": "الهامش السفلي (بكسل)",
+  "Right Margin (px)": "الهامش الأيمن (بكسل)",
+  "Left Margin (px)": "الهامش الأيسر (بكسل)",
+  "Column Gap (%)": "تباعد الأعمدة (%)",
+  "Always Show Status Bar": "دائمًا إظهار شريط الحالة",
+  "Translation Not Available": "الترجمة غير متاحة"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Ihre Bibliothek",
  "TTS not supported for PDF": "TTS wird für PDF nicht unterstützt",
  "Override Book Font": "Buch-Schriftart überschreiben",
-  "Vertical Margins (px)": "Vertikale Ränder (px)",
-  "Horizontal Margins (%)": "Horizontale Ränder (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -348,5 +346,23 @@
  "Login Required": "Anmeldung nötig",
  "Quota Exceeded": "Limit überschritten",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% der täglichen Übersetzungszeichen verwendet.",
-  "Translation Characters": "Übersetzungszeichen"
+  "Translation Characters": "Übersetzungszeichen",
+  "Daily translation quota reached. Select another translate service to proceed.": "Das tägliche Übersetzungslimit wurde erreicht. Wählen Sie einen anderen Übersetzungsdienst, um fortzufahren.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} Stimme",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} Stimmen",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Etwas ist schief gelaufen. Keine Sorge, unser Team wurde benachrichtigt und arbeitet an einer Lösung.",
+  "Error Details:": "Fehlerdetails:",
+  "Try Again": "Erneut versuchen",
+  "Need help?": "Brauchen Sie Hilfe?",
+  "Contact Support": "Support kontaktieren",
+  "Code Highlighting": "Code-Hervorhebung",
+  "Enable Highlighting": "Code-Hervorhebung aktivieren",
+  "Code Language": "Programmiersprache",
+  "Top Margin (px)": "Oberer Rand (px)",
+  "Bottom Margin (px)": "Unterer Rand (px)",
+  "Right Margin (px)": "Rechter Rand (px)",
+  "Left Margin (px)": "Linker Rand (px)",
+  "Column Gap (%)": "Spaltenabstand (%)",
+  "Always Show Status Bar": "Statusleiste immer anzeigen",
+  "Translation Not Available": "Übersetzung nicht verfügbar"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Η βιβλιοθήκη σας",
  "TTS not supported for PDF": "Η μετατροπή κειμένου σε ομιλία δεν υποστηρίζεται για αρχεία PDF",
  "Override Book Font": "Παράκαμψη γραμματοσειράς βιβλίου",
-  "Vertical Margins (px)": "Κάθετα περιθώρια (px)",
-  "Horizontal Margins (%)": "Οριζόντια περιθώρια (%)",
  "Apply to All Books": "Εφαρμογή σε όλα τα βιβλία",
  "Apply to This Book": "Εφαρμογή σε αυτό το βιβλίο",
  "Unable to fetch the translation. Try again later.": "Αδυναμία λήψης της μετάφρασης. Δοκιμάστε ξανά αργότερα.",
@@ -266,7 +264,7 @@
  "Clear Search": "Καθαρισμός αναζήτησης",
  "Header & Footer": "Κεφαλίδα & Υποσέλιδο",
  "Apply also in Scrolled Mode": "Εφαρμογή και σε λειτουργία κύλισης",
-  "A new version of Readest is Available!": "Μια νέα έκδοση του Readest είναι διαθέσιμη!",
+  "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}}",
@@ -348,5 +346,23 @@
  "Login Required": "Απαιτείται σύνδεση",
  "Quota Exceeded": "Υπέρβαση ορίου",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% των ημερήσιων χαρακτήρων μετάφρασης χρησιμοποιήθηκαν.",
-  "Translation Characters": "Χαρακτήρες μετάφρασης"
+  "Translation Characters": "Χαρακτήρες μετάφρασης",
+  "Daily translation quota reached. Select another translate service to proceed.": "Έχετε φτάσει το ημερήσιο όριο χαρακτήρων μετάφρασης. Επιλέξτε άλλη υπηρεσία μετάφρασης για να συνεχίσετε.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} φωνή",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} φωνές",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Κάτι πήγε στραβά. Μην ανησυχείτε, η ομάδα μας έχει ενημερωθεί και εργαζόμαστε για μια λύση.",
+  "Error Details:": "Λεπτομέρειες σφάλματος:",
+  "Try Again": "Δοκιμάστε ξανά",
+  "Need help?": "Χρειάζεστε βοήθεια;",
+  "Contact Support": "Επικοινωνήστε με την υποστήριξη",
+  "Code Highlighting": "Επισήμανση κώδικα",
+  "Enable Highlighting": "Ενεργοποίηση επισήμανσης",
+  "Code Language": "Γλώσσα κώδικα",
+  "Top Margin (px)": "Πάνω περιθώριο (px)",
+  "Bottom Margin (px)": "Κάτω περιθώριο (px)",
+  "Right Margin (px)": "Δεξί περιθώριο (px)",
+  "Left Margin (px)": "Αριστερό περιθώριο (px)",
+  "Column Gap (%)": "Απόσταση στηλών (%)",
+  "Always Show Status Bar": "Πάντα εμφάνιση γραμμής κατάστασης",
+  "Translation Not Available": "Η μετάφραση δεν είναι διαθέσιμη"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Tu biblioteca",
  "TTS not supported for PDF": "TTS no es compatible con PDF",
  "Override Book Font": "Sobrescribir fuente del libro",
-  "Vertical Margins (px)": "Márgenes verticales (px)",
-  "Horizontal Margins (%)": "Márgenes horizontales (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -350,5 +348,24 @@
  "Login Required": "Iniciar sesión",
  "Quota Exceeded": "Límite superado",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% de caracteres de traducción diarios utilizados.",
-  "Translation Characters": "Caracteres de traducción"
+  "Translation Characters": "Caracteres de traducción",
+  "Daily translation quota reached. Select another translate service to proceed.": "Cuota diaria de traducción alcanzada. Selecciona otro servicio de traducción para continuar.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voz",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} voces",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} voces",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Algo salió mal. No te preocupes, nuestro equipo ha sido notificado y estamos trabajando en una solución.",
+  "Error Details:": "Detalles del error:",
+  "Try Again": "Intentar de nuevo",
+  "Need help?": "¿Necesitas ayuda?",
+  "Contact Support": "Contactar con soporte",
+  "Code Highlighting": "Resaltado de código",
+  "Enable Highlighting": "Activar resaltado",
+  "Code Language": "Lenguaje de código",
+  "Top Margin (px)": "Margen superior (px)",
+  "Bottom Margin (px)": "Margen inferior (px)",
+  "Right Margin (px)": "Margen derecho (px)",
+  "Left Margin (px)": "Margen izquierdo (px)",
+  "Column Gap (%)": "Espacio entre columnas (%)",
+  "Always Show Status Bar": "Mostrar siempre la barra de estado",
+  "Translation Not Available": "Traducción no disponible"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Votre bibliothèque",
  "TTS not supported for PDF": "La synthèse vocale n'est pas prise en charge pour les fichiers PDF",
  "Override Book Font": "Remplacer la police du livre",
-  "Vertical Margins (px)": "Marges verticales (px)",
-  "Horizontal Margins (%)": "Marges horizontales (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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",
+  "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}}",
@@ -350,5 +348,24 @@
  "Login Required": "Connexion requise",
  "Quota Exceeded": "Quota dépassé",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% des caractères de traduction quotidiens utilisés.",
-  "Translation Characters": "Caractères de traduction"
+  "Translation Characters": "Caractères de traduction",
+  "Daily translation quota reached. Select another translate service to proceed.": "Quota de traduction quotidien atteint. Sélectionnez un autre service de traduction pour continuer.",
+  "{{engine}}: {{count}} voices_one": "{{engine}} : {{count}} voix",
+  "{{engine}}: {{count}} voices_many": "{{engine}} : {{count}} voix",
+  "{{engine}}: {{count}} voices_other": "{{engine}} : {{count}} voix",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Quelque chose s'est mal passé. Ne vous inquiétez pas, notre équipe a été informée et nous travaillons sur une solution.",
+  "Error Details:": "Erreur :",
+  "Try Again": "Réessayer",
+  "Need help?": "Besoin d'aide ?",
+  "Contact Support": "Contacter le support",
+  "Code Highlighting": "Coloration syntaxique",
+  "Enable Highlighting": "Activer la coloration syntaxique",
+  "Code Language": "Langage de programmation",
+  "Top Margin (px)": "Marge supérieure (px)",
+  "Bottom Margin (px)": "Marge inférieure (px)",
+  "Right Margin (px)": "Marge droite (px)",
+  "Left Margin (px)": "Marge gauche (px)",
+  "Column Gap (%)": "Espacement des colonnes (%)",
+  "Always Show Status Bar": "Afficher toujours la barre d'état",
+  "Translation Not Available": "Traduction non disponible"
 }
@@ -114,8 +114,6 @@
  "Your Library": "आपकी लाइब्रेरी",
  "TTS not supported for PDF": "PDF के लिए TTS समर्थित नहीं है",
  "Override Book Font": "पुस्तक फ़ॉन्ट ओवरराइड करें",
-  "Vertical Margins (px)": "ऊर्ध्वाधर मार्जिन (px)",
-  "Horizontal Margins (%)": "क्षैतिज मार्जिन (%)",
  "Apply to All Books": "सभी पुस्तकों पर लागू करें",
  "Apply to This Book": "इस पुस्तक पर लागू करें",
  "Unable to fetch the translation. Try again later.": "अनुवाद प्राप्त करने में असमर्थ। बाद में पुनः प्रयास करें।",
@@ -266,7 +264,7 @@
  "Clear Search": "खोज साफ करें",
  "Header & Footer": "हेडर और फ़ुटर",
  "Apply also in Scrolled Mode": "स्क्रॉल मोड में भी लागू करें",
-  "A new version of Readest is Available!": "Readest का एक नया संस्करण उपलब्ध है!",
+  "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}}",
@@ -348,5 +346,23 @@
  "Login Required": "लॉगिन ज़रूरी",
  "Quota Exceeded": "सीमा पार",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% दैनिक अनुवाद वर्णों का उपयोग किया गया है।",
-  "Translation Characters": "अनुवाद वर्ण"
+  "Translation Characters": "अनुवाद वर्ण",
+  "Daily translation quota reached. Select another translate service to proceed.": "दैनिक अनुवाद कोटा पूरा हो गया है। आगे बढ़ने के लिए कोई अन्य अनुवाद सेवा चुनें।",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} आवाज़",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} आवाज़ें",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "कुछ गलत हो गया। चिंता न करें, हमारी टीम को सूचित कर दिया गया है और हम एक समाधान पर काम कर रहे हैं।",
+  "Error Details:": "त्रुटि विवरण:",
+  "Try Again": "फिर से प्रयास करें",
+  "Need help?": "मदद चाहिए?",
+  "Contact Support": "सहायता से संपर्क करें",
+  "Code Highlighting": "कोड हाइलाइटिंग",
+  "Enable Highlighting": "हाइलाइटिंग सक्षम करें",
+  "Code Language": "कोड भाषा",
+  "Top Margin (px)": "ऊपरी हाशिया (px)",
+  "Bottom Margin (px)": "निचला हाशिया (px)",
+  "Right Margin (px)": "दायां हाशिया (px)",
+  "Left Margin (px)": "बायां हाशिया (px)",
+  "Column Gap (%)": "स्तंभों के बीच की दूरी (%)",
+  "Always Show Status Bar": "स्थिति पट्टी हमेशा दिखाएं",
+  "Translation Not Available": "अनुवाद उपलब्ध नहीं है"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Perpustakaan Anda",
  "TTS not supported for PDF": "TTS tidak didukung untuk PDF",
  "Override Book Font": "Ganti Font Buku",
-  "Vertical Margins (px)": "Margin Vertikal (px)",
-  "Horizontal Margins (%)": "Margin Horizontal (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "Perlu masuk",
  "Quota Exceeded": "Kuota terlampaui",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dari Karakter Terjemahan Harian Digunakan.",
-  "Translation Characters": "Karakter Terjemahan"
+  "Translation Characters": "Karakter Terjemahan",
+  "Daily translation quota reached. Select another translate service to proceed.": "Kuota terjemahan harian tercapai. Pilih layanan terjemahan lain untuk melanjutkan.",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} suara",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Terjadi kesalahan. Jangan khawatir, tim kami telah diberitahu dan kami sedang bekerja untuk memperbaikinya.",
+  "Error Details:": "Rincian Kesalahan:",
+  "Try Again": "Coba Lagi",
+  "Need help?": "Butuh bantuan?",
+  "Contact Support": "Hubungi Dukungan",
+  "Code Highlighting": "Penyorotan Kode",
+  "Enable Highlighting": "Aktifkan Penyorotan",
+  "Code Language": "Bahasa Kode",
+  "Top Margin (px)": "Margin Atas (px)",
+  "Bottom Margin (px)": "Margin Bawah (px)",
+  "Right Margin (px)": "Margin Kanan (px)",
+  "Left Margin (px)": "Margin Kiri (px)",
+  "Column Gap (%)": "Jarak Antar Kolom (%)",
+  "Always Show Status Bar": "Selalu Tampilkan Bilah Status",
+  "Translation Not Available": "Terjemahan Tidak Tersedia"
 }
@@ -114,8 +114,6 @@
  "Your Library": "La tua biblioteca",
  "TTS not supported for PDF": "TTS non supportato per PDF",
  "Override Book Font": "Sovrascrivi font libro",
-  "Vertical Margins (px)": "Margini verticali (px)",
-  "Horizontal Margins (%)": "Margini orizzontali (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -350,5 +348,24 @@
  "Login Required": "Accesso richiesto",
  "Quota Exceeded": "Limite superato",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dei caratteri di traduzione giornalieri utilizzati.",
-  "Translation Characters": "Caratteri di traduzione"
+  "Translation Characters": "Caratteri di traduzione",
+  "Daily translation quota reached. Select another translate service to proceed.": "Quota di traduzione giornaliera raggiunta. Seleziona un altro servizio di traduzione per procedere.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voce",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} voci",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} voci",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Qualcosa è andato storto. Non preoccuparti, il nostro team è stato avvisato e stiamo lavorando a una soluzione.",
+  "Error Details:": "Dettagli errore:",
+  "Try Again": "Riprova",
+  "Need help?": "Hai bisogno di aiuto?",
+  "Contact Support": "Contatta il supporto",
+  "Code Highlighting": "Evidenziazione codice",
+  "Enable Highlighting": "Abilita evidenziazione",
+  "Code Language": "Tipo di codice",
+  "Top Margin (px)": "Margine Superiore (px)",
+  "Bottom Margin (px)": "Margine Inferiore (px)",
+  "Right Margin (px)": "Margine Destro (px)",
+  "Left Margin (px)": "Margine Sinistro (px)",
+  "Column Gap (%)": "Spazio tra Colonne (%)",
+  "Always Show Status Bar": "Mostra sempre la barra di stato",
+  "Translation Not Available": "Traduzione non disponibile"
 }
@@ -114,8 +114,6 @@
  "Your Library": "ライブラリー",
  "TTS not supported for PDF": "PDFではTTSがサポートされていません",
  "Override Book Font": "書籍フォントを上書き",
-  "Vertical Margins (px)": "縦マージン（px）",
-  "Horizontal Margins (%)": "横マージン（%）",
  "Apply to All Books": "すべての書籍に適用",
  "Apply to This Book": "この書籍に適用",
  "Unable to fetch the translation. Try again later.": "翻訳を取得できません。後で再試行してください。",
@@ -266,7 +264,7 @@
  "Clear Search": "検索をクリア",
  "Header & Footer": "ヘッダーとフッター",
  "Apply also in Scrolled Mode": "スクロールモードでも適用",
-  "A new version of Readest is Available!": "新しいバージョンのReadestが利用可能です！",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "ログイン必須",
  "Quota Exceeded": "上限超過",
  "{{percentage}}% of Daily Translation Characters Used.": "日次翻訳文字数の使用量は{{percentage}}%です。",
-  "Translation Characters": "翻訳文字数"
+  "Translation Characters": "翻訳文字数",
+  "Daily translation quota reached. Select another translate service to proceed.": "日次翻訳クォータに達しました。続行するには別の翻訳サービスを選択してください。",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}}音声",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "何か問題が発生しました。心配しないでください。私たちのチームが通知を受けており、修正に取り組んでいます。",
+  "Error Details:": "エラーの詳細：",
+  "Try Again": "再試行",
+  "Need help?": "ヘルプが必要ですか？",
+  "Contact Support": "サポートに連絡",
+  "Code Highlighting": "コードハイライト",
+  "Enable Highlighting": "ハイライトを有効にする",
+  "Code Language": "コード言語",
+  "Top Margin (px)": "上マージン (px)",
+  "Bottom Margin (px)": "下マージン (px)",
+  "Right Margin (px)": "右マージン (px)",
+  "Left Margin (px)": "左マージン (px)",
+  "Column Gap (%)": "列間の間隔 (%)",
+  "Always Show Status Bar": "ステータスバーを常に表示",
+  "Translation Not Available": "翻訳は利用できません"
 }
@@ -114,8 +114,6 @@
  "Your Library": "내 서재",
  "TTS not supported for PDF": "PDF에서 TTS가 지원되지 않음",
  "Override Book Font": "책 글꼴 덮어쓰기",
-  "Vertical Margins (px)": "수직 여백 (px)",
-  "Horizontal Margins (%)": "수평 여백 (%)",
  "Apply to All Books": "모든 책에 적용",
  "Apply to This Book": "이 책에 적용",
  "Unable to fetch the translation. Try again later.": "번역을 가져올 수 없습니다. 나중에 다시 시도하세요.",
@@ -266,7 +264,7 @@
  "Clear Search": "검색 지우기",
  "Header & Footer": "헤더 및 푸터",
  "Apply also in Scrolled Mode": "스크롤 모드에서도 적용",
-  "A new version of Readest is Available!": "Readest의 새 버전이 있습니다!",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "로그인 필요",
  "Quota Exceeded": "한도 초과",
  "{{percentage}}% of Daily Translation Characters Used.": "일일 번역 문자 사용량 {{percentage}}%.",
-  "Translation Characters": "번역 문자"
+  "Translation Characters": "번역 문자",
+  "Daily translation quota reached. Select another translate service to proceed.": "일일 번역 할당량에 도달했습니다. 계속 진행하려면 다른 번역 서비스를 선택하세요.",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}}개의 음성",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "문제가 발생했습니다. 걱정하지 마세요, 저희 팀이 이미 알림을 받았으며 해결 작업을 진행 중입니다.",
+  "Error Details:": "오류 세부사항:",
+  "Try Again": "다시 시도",
+  "Need help?": "도움이 필요하신가요?",
+  "Contact Support": "지원팀에 문의",
+  "Code Highlighting": "코드 하이라이팅",
+  "Enable Highlighting": "하이라이팅 활성화",
+  "Code Language": "코드 언어",
+  "Top Margin (px)": "위쪽 여백 (px)",
+  "Bottom Margin (px)": "아래쪽 여백 (px)",
+  "Right Margin (px)": "오른쪽 여백 (px)",
+  "Left Margin (px)": "왼쪽 여백 (px)",
+  "Column Gap (%)": "열 간격 (%)",
+  "Always Show Status Bar": "상태 표시줄 항상 표시",
+  "Translation Not Available": "번역을 사용할 수 없음"
 }
@@ -169,8 +169,6 @@
  "Hyphenation": "Woordafbreking",
  "Override Book Layout": "Boekopmaak overschrijven",
  "Page": "Pagina",
-  "Vertical Margins (px)": "Verticale marges (px)",
-  "Horizontal Margins (%)": "Horizontale marges (%)",
  "Maximum Number of Columns": "Maximum aantal kolommen",
  "Maximum Column Height": "Maximale kolomhoogte",
  "Maximum Column Width": "Maximale kolombreedte",
@@ -277,7 +275,7 @@
  "Description:": "Beschrijving:",
  "No description available": "Geen beschrijving beschikbaar",
  "Drop to Import Books": "Sleep om boeken te importeren",
-  "A new version of Readest is Available!": "Een nieuwe versie van Readest is beschikbaar!",
+  "A new version of Readest is available!": "Een nieuwe versie van Readest is beschikbaar!",
  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} is beschikbaar (geïnstalleerde versie {{currentVersion}}).",
  "Download and install now?": "Nu downloaden en installeren?",
  "Downloading {{downloaded}} of {{contentLength}}": "Downloaden {{downloaded}} van {{contentLength}}",
@@ -348,5 +346,23 @@
  "Login Required": "Inloggen vereist",
  "Quota Exceeded": "Limiet overschreden",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% van de dagelijkse vertaaltekens gebruikt.",
-  "Translation Characters": "Vertaaltekens"
+  "Translation Characters": "Vertaaltekens",
+  "Daily translation quota reached. Select another translate service to proceed.": "Dagelijkse vertaalquotum bereikt. Selecteer een andere vertaalservice om door te gaan.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} stem",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} stemmen",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Er is iets misgegaan. Maak je geen zorgen, ons team is op de hoogte gebracht en we werken aan een oplossing.",
+  "Error Details:": "Foutdetails:",
+  "Try Again": "Probeer opnieuw",
+  "Need help?": "Heb je hulp nodig?",
+  "Contact Support": "Neem contact op met ondersteuning",
+  "Code Highlighting": "Code markering",
+  "Enable Highlighting": "Markering inschakelen",
+  "Code Language": "Code taal",
+  "Top Margin (px)": "Bovenmarge (px)",
+  "Bottom Margin (px)": "Ondermarge (px)",
+  "Right Margin (px)": "Rechter marge (px)",
+  "Left Margin (px)": "Linker marge (px)",
+  "Column Gap (%)": "Kolomafstand (%)",
+  "Always Show Status Bar": "Statusbalk altijd weergeven",
+  "Translation Not Available": "Vertaling niet beschikbaar"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Twoja biblioteka",
  "TTS not supported for PDF": "TTS nie jest obsługiwane dla plików PDF",
  "Override Book Font": "Nadpisz czcionkę książki",
-  "Vertical Margins (px)": "Marginesy pionowe (px)",
-  "Horizontal Margins (%)": "Marginesy poziome (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -352,5 +350,25 @@
  "Login Required": "Wymagane logowanie",
  "Quota Exceeded": "Limit przekroczony",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% użytych znaków tłumaczenia dziennego.",
-  "Translation Characters": "Znaki tłumaczenia"
+  "Translation Characters": "Znaki tłumaczenia",
+  "Daily translation quota reached. Select another translate service to proceed.": "Przekroczono dzienny limit znaków tłumaczenia. Wybierz inną usługę tłumaczenia, aby kontynuować.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} głos",
+  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} głosy",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} głosów",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} głosu",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Coś poszło nie tak. Nie martw się, nasz zespół został powiadomiony i pracujemy nad naprawą.",
+  "Error Details:": "Informacje o błędzie:",
+  "Try Again": "Spróbuj ponownie",
+  "Need help?": "Potrzebujesz pomocy?",
+  "Contact Support": "Skontaktuj się z pomocą techniczną",
+  "Code Highlighting": "Podświetlanie kodu",
+  "Enable Highlighting": "Zezwól na podświetlanie",
+  "Code Language": "Język kodu",
+  "Top Margin (px)": "Górny margines (px)",
+  "Bottom Margin (px)": "Dolny margines (px)",
+  "Right Margin (px)": "Prawy margines (px)",
+  "Left Margin (px)": "Lewy margines (px)",
+  "Column Gap (%)": "Odstęp między kolumnami (%)",
+  "Always Show Status Bar": "Zawsze pokazuj pasek stanu",
+  "Translation Not Available": "Brak dostępnego tłumaczenia"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Sua Biblioteca",
  "TTS not supported for PDF": "TTS não suportado para PDF",
  "Override Book Font": "Sobrescrever Fonte do Livro",
-  "Vertical Margins (px)": "Margens Verticais (px)",
-  "Horizontal Margins (%)": "Margens Horizontais (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -350,5 +348,24 @@
  "Login Required": "Login necessário",
  "Quota Exceeded": "Limite excedido",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% dos caracteres de tradução diários usados.",
-  "Translation Characters": "Caracteres de Tradução"
+  "Translation Characters": "Caracteres de Tradução",
+  "Daily translation quota reached. Select another translate service to proceed.": "Quota diária de tradução atingida. Selecione outro serviço de tradução para continuar.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} voz",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} vozes",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} vozes",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Algo deu errado. Não se preocupe, nossa equipe foi notificada e estamos trabalhando em uma correção.",
+  "Error Details:": "Detalhes do Erro:",
+  "Try Again": "Tentar Novamente",
+  "Need help?": "Precisa de ajuda?",
+  "Contact Support": "Contato com Suporte",
+  "Code Highlighting": "Realce de Código",
+  "Enable Highlighting": "Ativar Realce",
+  "Code Language": "Idioma do Código",
+  "Top Margin (px)": "Margem superior (px)",
+  "Bottom Margin (px)": "Margem inferior (px)",
+  "Right Margin (px)": "Margem direita (px)",
+  "Left Margin (px)": "Margem esquerda (px)",
+  "Column Gap (%)": "Espaço entre colunas (%)",
+  "Always Show Status Bar": "Exibir sempre a barra de status",
+  "Translation Not Available": "Tradução não disponível"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Ваша библиотека",
  "TTS not supported for PDF": "TTS не поддерживается для PDF",
  "Override Book Font": "Переопределить шрифт книги",
-  "Vertical Margins (px)": "Вертикальные поля (px)",
-  "Horizontal Margins (%)": "Горизонтальные поля (%)",
  "Apply to All Books": "Применить ко всем книгам",
  "Apply to This Book": "Применить к этой книге",
  "Unable to fetch the translation. Try again later.": "Не удалось получить перевод. Попробуйте позже.",
@@ -266,7 +264,7 @@
  "Clear Search": "Очистить поиск",
  "Header & Footer": "Заголовок и нижний колонтитул",
  "Apply also in Scrolled Mode": "Применить также в прокручиваемом режиме",
-  "A new version of Readest is Available!": "Доступна новая версия Readest!",
+  "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}}",
@@ -352,5 +350,25 @@
  "Login Required": "Требуется вход",
  "Quota Exceeded": "Лимит превышен",
  "{{percentage}}% of Daily Translation Characters Used.": "Использовано {{percentage}}% от суточного лимита символов перевода.",
-  "Translation Characters": "Символы перевода"
+  "Translation Characters": "Символы перевода",
+  "Daily translation quota reached. Select another translate service to proceed.": "Достигнут суточный лимит символов перевода. Выберите другой сервис перевода для продолжения.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} голос",
+  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} голоса",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} голосов",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} голоса",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Что-то пошло не так. Не волнуйтесь, наша команда уведомлена и работает над исправлением.",
+  "Error Details:": "Подробности ошибки:",
+  "Try Again": "Попробовать снова",
+  "Need help?": "Нужна помощь?",
+  "Contact Support": "Связаться с поддержкой",
+  "Code Highlighting": "Подсветка кода",
+  "Enable Highlighting": "Включить подсветку",
+  "Code Language": "Язык кода",
+  "Top Margin (px)": "Верхний отступ (пикс)",
+  "Bottom Margin (px)": "Нижний отступ (пикс)",
+  "Right Margin (px)": "Правый отступ (пикс)",
+  "Left Margin (px)": "Левый отступ (пикс)",
+  "Column Gap (%)": "Промежуток между колонками (%)",
+  "Always Show Status Bar": "Всегда показывать панель состояния",
+  "Translation Not Available": "Перевод недоступен"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Kütüphaneniz",
  "TTS not supported for PDF": "PDF için TTS desteklenmiyor",
  "Override Book Font": "Kitap Yazı Tipini Geçersiz Kıl",
-  "Vertical Margins (px)": "Dikey Kenar Boşlukları (px)",
-  "Horizontal Margins (%)": "Yatay Kenar Boşlukları (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -348,5 +346,23 @@
  "Login Required": "Giriş gerekli",
  "Quota Exceeded": "Kota aşıldı",
  "{{percentage}}% of Daily Translation Characters Used.": "Çeviri için günlük karakterlerin %{{percentage}}'si kullanıldı.",
-  "Translation Characters": "Çeviri Karakterleri"
+  "Translation Characters": "Çeviri Karakterleri",
+  "Daily translation quota reached. Select another translate service to proceed.": "Günlük çeviri kotası aşıldı. Devam etmek için başka bir çeviri hizmeti seçin.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} ses",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} sesler",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Bir şeyler yanlış gitti. Endişelenmeyin, ekibimiz bilgilendirildi ve bir çözüm üzerinde çalışıyoruz.",
+  "Error Details:": "Error Detayları:",
+  "Try Again": "Tekrar Dene",
+  "Need help?": "Yardıma mı ihtiyacınız var?",
+  "Contact Support": "Destekle İletişime Geç",
+  "Code Highlighting": "Code Vurgulama",
+  "Enable Highlighting": "Vurgulamayı Etkinleştir",
+  "Code Language": "Code Dili",
+  "Top Margin (px)": "Üst Kenar Boşluğu (px)",
+  "Bottom Margin (px)": "Alt Kenar Boşluğu (px)",
+  "Right Margin (px)": "Sağ Kenar Boşluğu (px)",
+  "Left Margin (px)": "Sol Kenar Boşluğu (px)",
+  "Column Gap (%)": "Sütun Aralığı (%)",
+  "Always Show Status Bar": "Durum Çubuğunu Her Zaman Göster",
+  "Translation Not Available": "Çeviri Mevcut Değil"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Ваша бібліотека",
  "TTS not supported for PDF": "TTS не підтримується для PDF",
  "Override Book Font": "Перевизначити шрифт книги",
-  "Vertical Margins (px)": "Вертикальні відступи (px)",
-  "Horizontal Margins (%)": "Горизонтальні відступи (%)",
  "Apply to All Books": "Застосувати до всіх книг",
  "Apply to This Book": "Застосувати до цієї книги",
  "Unable to fetch the translation. Try again later.": "Не вдалося отримати переклад. Спробуйте пізніше.",
@@ -266,7 +264,7 @@
  "Clear Search": "Очистити пошук",
  "Header & Footer": "Заголовок і нижній колонтитул",
  "Apply also in Scrolled Mode": "Застосувати також у прокрученому режимі",
-  "A new version of Readest is Available!": "Доступна нова версія Readest!",
+  "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}}",
@@ -352,5 +350,25 @@
  "Login Required": "Потрібен вхід",
  "Quota Exceeded": "Перевищено ліміт",
  "{{percentage}}% of Daily Translation Characters Used.": "Використано {{percentage}}% символів перекладу за день.",
-  "Translation Characters": "Символи перекладу"
+  "Translation Characters": "Символи перекладу",
+  "Daily translation quota reached. Select another translate service to proceed.": "Досягнуто добового ліміту перекладу. Виберіть іншу службу перекладу для продовження.",
+  "{{engine}}: {{count}} voices_one": "{{engine}}: {{count}} голос",
+  "{{engine}}: {{count}} voices_few": "{{engine}}: {{count}} голоси",
+  "{{engine}}: {{count}} voices_many": "{{engine}}: {{count}} голосів",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} голоси",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Щось пішло не так. Не хвилюйтеся, наша команда була сповіщена, і ми працюємо над виправленням.",
+  "Error Details:": "Деталі помилки:",
+  "Try Again": "Спробувати ще раз",
+  "Need help?": "Потрібна допомога?",
+  "Contact Support": "Зв'язатися з підтримкою",
+  "Code Highlighting": "Підсвічування коду",
+  "Enable Highlighting": "Увімкнути підсвічування",
+  "Code Language": "Мова коду",
+  "Top Margin (px)": "Верхній відступ (px)",
+  "Bottom Margin (px)": "Нижній відступ (px)",
+  "Right Margin (px)": "Правий відступ (px)",
+  "Left Margin (px)": "Лівий відступ (px)",
+  "Column Gap (%)": "Проміжок між стовпцями (%)",
+  "Always Show Status Bar": "Завжди показувати панель стану",
+  "Translation Not Available": "Переклад недоступний"
 }
@@ -114,8 +114,6 @@
  "Your Library": "Thư viện của bạn",
  "TTS not supported for PDF": "TTS không được hỗ trợ cho PDF",
  "Override Book Font": "Ghi đè phông chữ sách",
-  "Vertical Margins (px)": "Lề dọc (px)",
-  "Horizontal Margins (%)": "Lề ngang (%)",
  "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.",
@@ -266,7 +264,7 @@
  "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!",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "Cần đăng nhập",
  "Quota Exceeded": "Vượt hạn mức",
  "{{percentage}}% of Daily Translation Characters Used.": "{{percentage}}% số ký tự dịch hàng ngày đã sử dụng.",
-  "Translation Characters": "Những ký tự dịch"
+  "Translation Characters": "Những ký tự dịch",
+  "Daily translation quota reached. Select another translate service to proceed.": "Đã đạt hạn mức dịch hàng ngày. Chọn dịch vụ dịch khác để tiếp tục.",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} giọng",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "Đã xảy ra sự cố. Đừng lo, nhóm của chúng tôi đã được thông báo và chúng tôi đang làm việc để sửa chữa.",
+  "Error Details:": "Chi tiết lỗi:",
+  "Try Again": "Thử lại",
+  "Need help?": "Bạn cần giúp đỡ?",
+  "Contact Support": "Liên hệ hỗ trợ",
+  "Code Highlighting": "Đánh dấu mã",
+  "Enable Highlighting": "Cho phép đánh dấu",
+  "Code Language": "Ngôn ngữ mã",
+  "Top Margin (px)": "Lề trên (px)",
+  "Bottom Margin (px)": "Lề dưới (px)",
+  "Right Margin (px)": "Lề phải (px)",
+  "Left Margin (px)": "Lề trái (px)",
+  "Column Gap (%)": "Khoảng cách cột (%)",
+  "Always Show Status Bar": "Luôn hiển thị thanh trạng thái",
+  "Translation Not Available": "Không có bản dịch"
 }
@@ -114,8 +114,6 @@
  "Your Library": "书库",
  "TTS not supported for PDF": "PDF 文档暂不支持 TTS",
  "Override Book Font": "覆盖书籍字体",
-  "Vertical Margins (px)": "垂直边距（px）",
-  "Horizontal Margins (%)": "水平边距（%）",
  "Apply to All Books": "应用于所有书籍",
  "Apply to This Book": "应用于此书籍",
  "Unable to fetch the translation. Try again later.": "无法获取翻译，请稍后重试。",
@@ -266,7 +264,7 @@
  "Clear Search": "清除搜索",
  "Header & Footer": "页眉页脚",
  "Apply also in Scrolled Mode": "应用到滚动模式",
-  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "需登录",
  "Quota Exceeded": "额度不足",
  "{{percentage}}% of Daily Translation Characters Used.": "已使用 {{percentage}}% 的每日翻译字符数",
-  "Translation Characters": "翻译字数"
+  "Translation Characters": "翻译字数",
+  "Daily translation quota reached. Select another translate service to proceed.": "已达到每日翻译配额，请选择其他翻译服务继续。",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} 种声音",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "出了点问题。请不要担心，我们的团队已经收到通知并正在修复中。",
+  "Error Details:": "错误详情：",
+  "Try Again": "重试",
+  "Need help?": "需要帮助吗？",
+  "Contact Support": "联系客服",
+  "Code Highlighting": "代码高亮",
+  "Enable Highlighting": "启用高亮",
+  "Code Language": "代码语言",
+  "Top Margin (px)": "上边距",
+  "Bottom Margin (px)": "下边距",
+  "Right Margin (px)": "右边距",
+  "Left Margin (px)": "左边距",
+  "Column Gap (%)": "列间距",
+  "Always Show Status Bar": "始终显示状态栏",
+  "Translation Not Available": "翻译不可用"
 }
@@ -114,8 +114,6 @@
  "Your Library": "書庫",
  "TTS not supported for PDF": "PDF 文檔暫不支持 TTS",
  "Override Book Font": "覆蓋書籍字體",
-  "Vertical Margins (px)": "垂直邊距（px）",
-  "Horizontal Margins (%)": "水平邊距（%）",
  "Apply to All Books": "應用於所有書籍",
  "Apply to This Book": "應用於此書籍",
  "Unable to fetch the translation. Try again later.": "無法獲取翻譯，請稍後再試。",
@@ -266,7 +264,7 @@
  "Clear Search": "清除搜索",
  "Header & Footer": "頁眉頁腳",
  "Apply also in Scrolled Mode": "滾動模式同樣適用",
-  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "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}}",
@@ -346,5 +344,22 @@
  "Login Required": "需登入",
  "Quota Exceeded": "額度不足",
  "{{percentage}}% of Daily Translation Characters Used.": "已使用 {{percentage}}% 的每日翻譯字數",
-  "Translation Characters": "翻譯字數"
+  "Translation Characters": "翻譯字數",
+  "Daily translation quota reached. Select another translate service to proceed.": "已達到每日翻譯字數限制，請選擇其他翻譯服務繼續。",
+  "{{engine}}: {{count}} voices_other": "{{engine}}: {{count}} 種語音",
+  "Something went wrong. Don't worry, our team has been notified and we're working on a fix.": "出了點問題。別擔心，我們的團隊已經收到通知，正在努力修復。",
+  "Error Details:": "錯誤詳情：",
+  "Try Again": "再試一次",
+  "Need help?": "需要幫助嗎？",
+  "Contact Support": "聯繫支援",
+  "Code Highlighting": "程式碼高亮",
+  "Enable Highlighting": "啟用高亮",
+  "Code Language": "程式語言",
+  "Top Margin (px)": "上邊距",
+  "Bottom Margin (px)": "下邊距",
+  "Right Margin (px)": "右邊距",
+  "Left Margin (px)": "左邊距",
+  "Column Gap (%)": "欄間距",
+  "Always Show Status Bar": "始終顯示狀態欄",
+  "Translation Not Available": "翻譯不可用"
 }
@@ -1,5 +1,65 @@
 {
  "releases": {
+    "0.9.60": {
+      "date": "2025-06-22",
+      "notes": [
+        "Layout has been improved for iPad devices",
+        "Screen orientation changes are now smoother on iOS",
+        "Importing books on iOS during the first launch is now more reliable",
+        "Font size no longer changes unexpectedly in scrolled mode on iOS",
+        "Top and bottom safe insets are now ignored when no header or footer is present",
+        "Interactive books now load correctly on the Desktop platform",
+        "Translation is now disabled when the primary language is undefined",
+        "Android: the task list background color has been updated with current theme color"
+      ]
+    },
+    "0.9.59": {
+      "date": "2025-06-19",
+      "notes": [
+        "Layout: Image size now adjusts more accurately by converting screen units to pixels properly",
+        "Layout: Improved header layout on iOS landscape mode — extra spacing has been removed",
+        "Settings: Top and bottom margin settings are now more intuitive and better constrained"
+      ]
+    },
+    "0.9.58": {
+      "date": "2025-06-18",
+      "notes": [
+        "TTS: Translation now works even when TTS is playing in the background",
+        "TTS: Press T on your keyboard to quickly toggle TTS on or off",
+        "TTS: Each open book now has its own independent TTS controller",
+        "Annotations: Annotation tools now function properly while TTS is active",
+        "Settings: Margins for top, bottom, left, and right can now be adjusted individually",
+        "Settings: New option to always show the status bar while reading",
+        "Layout: Reader page now adapts better to device safe areas for a more comfortable layout",
+        "UI: Added creation timestamps to annotations and made various interface improvements",
+        "iPad: Multiple columns are now supported in portrait mode",
+        "iPad: Fixed issue where sidebars couldn't be resized by dragging",
+        "iPad: Added support for split-screen mode"
+      ]
+    },
+    "0.9.57": {
+      "date": "2025-06-14",
+      "notes": ["TTS: Fixed an issue to detect custom TTS engines on some Android devices"]
+    },
+    "0.9.56": {
+      "date": "2025-06-13",
+      "notes": [
+        "Performance: Improved TOC loading for books with very large chapter lists",
+        "TTS: Added support for native Android TTS engines (e.g., MultiTTS)",
+        "TTS: Fixed an issue where the next chapter would not load properly in the background",
+        "Translation: Improved accuracy and clarity of some Arabic translations",
+        "Reading: Added support for code syntax highlighting in books with code snippets"
+      ]
+    },
+    "0.9.55": {
+      "date": "2025-06-07",
+      "notes": [
+        "Sync: Notes deleted on other devices now correctly sync across all platforms",
+        "Layout: Now text justification can be unset in the layout settings",
+        "Translation: Added notification when daily translation quota is exceeded",
+        "Performance: Reduced unnecessary animations on Android to improve efficiency"
+      ]
+    },
    "0.9.53": {
      "date": "2025-06-05",
      "notes": [
@@ -0,0 +1,40 @@
+#!/bin/bash
+
+set -e
+
+VERSION=$(jq -r '.version' package.json)
+
+if [[ -z "$VERSION" ]]; then
+  echo "❌ Failed to extract version from package.json"
+  exit 1
+fi
+
+echo "📦 Found version: $VERSION"
+
+IFS='.' read -r MAJOR MINOR PATCH <<< "$VERSION"
+
+if [[ -z "$MAJOR" || -z "$MINOR" || -z "$PATCH" ]]; then
+  echo "❌ Invalid version format: $VERSION"
+  exit 1
+fi
+
+# Convert x.y.z => x * 10000 + y * 1000 + z
+VERSION_CODE=$((10#$MAJOR * 10000 + 10#$MINOR * 1000 + 10#$PATCH))
+echo "🔢 Computed versionCode: $VERSION_CODE"
+
+PROPERTIES_FILE="./src-tauri/gen/android/app/tauri.properties"
+
+if [[ ! -f "$PROPERTIES_FILE" ]]; then
+  echo "❌ File not found: $PROPERTIES_FILE"
+  exit 1
+fi
+
+tmpfile=$(mktemp)
+sed "s/^tauri\.android\.versionName=.*/tauri.android.versionName=$VERSION/" "$PROPERTIES_FILE" | \
+sed "s/^tauri\.android\.versionCode=.*/tauri.android.versionCode=$VERSION_CODE/" > "$tmpfile"
+mv "$tmpfile" "$PROPERTIES_FILE"
+
+echo "✅ Updated $PROPERTIES_FILE"
+
+echo "🚀 Running: pnpm tauri android build"
+pnpm tauri android build
@@ -46,6 +46,7 @@ tauri-plugin-deep-link = "2.2.1"
 tauri-plugin-sign-in-with-apple = "1.0.2"
 tauri-plugin-haptics = "2.2.4"
 tauri-plugin-native-bridge = { path = "./plugins/tauri-plugin-native-bridge" }
+tauri-plugin-native-tts = { path = "./plugins/tauri-plugin-native-tts" }

 [target."cfg(target_os = \"macos\")".dependencies]
 rand = "0.8"
@@ -11,7 +11,7 @@
    <key>UIHomeIndicatorAutoHidden</key>
    <true/>
    <key>UIRequiresFullScreen</key>
-    <true/>
+    <false/>
    <key>CFBundleDocumentTypes</key>
    <array>
      <dict>
@@ -198,4 +198,4 @@
      </dict>
    </array>
  </dict>
-</plist>
+</plist>
@@ -54,11 +54,14 @@
      "identifier": "http:default",
      "allow": [
        {
-          "url": "https://*.deepl.com"
+          "url": "https://*.readest.com"
        },
        {
          "url": "https://github.com/readest/*"
        },
+        {
+          "url": "https://*.deepl.com"
+        },
        {
          "url": "https://*.cloudflarestorage.com"
        },
@@ -104,6 +107,7 @@
    "haptics:allow-notification-feedback",
    "haptics:allow-selection-feedback",
    "native-bridge:default",
+    "native-tts:default",
    "deep-link:default"
  ]
 }
@@ -1,7 +1,6 @@
 <?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"/>

@@ -13,11 +12,13 @@
        android:largeHeap="true"
        android:label="@string/app_name"
        android:theme="@style/Theme.readest"
+	android:hardwareAccelerated="true"
        android:usesCleartextTraffic="${usesCleartextTraffic}">
        <activity
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode"
            android:launchMode="singleTask"
            android:label="@string/main_activity_title"
+            android:hardwareAccelerated="true"
            android:name=".MainActivity"
            android:exported="true">

@@ -1,10 +1,14 @@
 package com.bilingify.readest

+import android.os.Build
 import android.os.Bundle
 import androidx.activity.enableEdgeToEdge
 import android.view.KeyEvent
 import android.webkit.WebView
 import android.util.Log
+import android.graphics.Color
+import android.app.ActivityManager
+import android.content.res.Configuration
 import java.util.concurrent.CountDownLatch
 import java.util.concurrent.TimeUnit
 import java.util.concurrent.atomic.AtomicBoolean
@@ -77,5 +81,39 @@ class MainActivity : TauriActivity(), KeyDownInterceptor {
    override fun onCreate(savedInstanceState: Bundle?) {
        enableEdgeToEdge()
        super.onCreate(savedInstanceState)
+        updateTaskDescription()
+    }
+
+    override fun onConfigurationChanged(newConfig: Configuration) {
+        super.onConfigurationChanged(newConfig)
+        updateTaskDescription()
+    }
+
+    override fun onResume() {
+        super.onResume()
+        updateTaskDescription()
+    }
+
+    private fun updateTaskDescription() {
+        val backgroundColor = if (isDarkTheme()) {
+            Color.parseColor("#2D2D2D")
+        } else {
+            Color.parseColor("#FFFFFF")
+        }
+
+        setTaskDescription(
+            ActivityManager.TaskDescription(
+                "Readest",
+                null,
+                backgroundColor
+            )
+        )
+    }
+
+    private fun isDarkTheme(): Boolean {
+        return when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) {
+            Configuration.UI_MODE_NIGHT_YES -> true
+            else -> false
+        }
    }
 }
@@ -2,6 +2,9 @@
  <!-- Base application theme. -->
  <style name="Theme.readest" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- Customize your theme here. -->
+    <item name="android:windowSplashScreenBackground">@android:color/transparent</item>
+    <item name="android:windowSplashScreenAnimatedIcon" tools:targetApi="31">@null</item>
+
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:navigationBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentStatus">false</item>
@@ -154,9 +154,8 @@ class VolumeKeyHandler: NSObject {
 class NativeBridgePlugin: Plugin {
  private var webView: WKWebView?
  private var authSession: ASWebAuthenticationSession?
-  private var isOrientationLocked = false
  private var currentOrientationMask: UIInterfaceOrientationMask = .all
-  private var orientationObserver: NSObjectProtocol?
+  private var originalDelegate: UIApplicationDelegate?

  @objc public override func load(webview: WKWebView) {
    self.webView = webview
@@ -175,16 +174,19 @@ class NativeBridgePlugin: Plugin {
      name: UIApplication.didEnterBackgroundNotification,
      object: nil
    )
+
+    if let app = UIApplication.value(forKey: "sharedApplication") as? UIApplication {
+      self.originalDelegate = app.delegate
+      app.delegate = self
+    } else {
+      Logger.error("NativeBridgePlugin: Failed to get shared application")
+    }
  }

  @objc func appDidBecomeActive() {
    if volumeKeyHandler != nil {
      activateVolumeKeyInterception()
    }
-
-    if orientationObserver != nil {
-      self.setupOrientationObserver()
-    }
  }

  @objc func appDidEnterBackground() {
@@ -360,18 +362,11 @@ class NativeBridgePlugin: Plugin {
      let orientation = args.orientation ?? "auto"
      switch orientation.lowercased() {
      case "portrait":
-        self.isOrientationLocked = true
-        self.currentOrientationMask = .portrait
-        self.forceOrientation(.portrait)
-        self.setupOrientationObserver()
+        self.changeOrientation(.portrait)
      case "landscape":
-        self.isOrientationLocked = true
-        self.currentOrientationMask = .landscape
-        self.forceOrientation(.landscapeRight)
-        self.setupOrientationObserver()
+        self.changeOrientation(.landscape)
      case "auto":
-        self.isOrientationLocked = false
-        self.currentOrientationMask = .all
+        self.changeOrientation(.all)
      default:
        invoke.reject("Invalid orientation mode")
        return
@@ -381,40 +376,49 @@ class NativeBridgePlugin: Plugin {
    }
  }

-  private func forceOrientation(_ orientation: UIInterfaceOrientation) {
+  private func changeOrientation(_ orientationMask: UIInterfaceOrientationMask) {
+    self.currentOrientationMask = orientationMask
    if #available(iOS 16.0, *) {
      if let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene {
-        let orientationMask: UIInterfaceOrientationMask =
-          orientation.isPortrait ? .portrait : .landscape
-
        for window in windowScene.windows {
          if let rootVC = window.rootViewController {
            rootVC.setNeedsUpdateOfSupportedInterfaceOrientations()
          }
        }
-
-        windowScene.requestGeometryUpdate(.iOS(interfaceOrientations: orientationMask)) { error in
-          print("Orientation update error: \(error.localizedDescription)")
+        if orientationMask == .all {
+          windowScene.requestGeometryUpdate(.iOS(interfaceOrientations: .all)) { error in
+            logger.error("Orientation update error: \(error.localizedDescription)")
+            DispatchQueue.main.async {
+              UIViewController.attemptRotationToDeviceOrientation()
+            }
+          }
+        } else {
+          windowScene.requestGeometryUpdate(.iOS(interfaceOrientations: orientationMask)) { error in
+            logger.error("Orientation update error: \(error.localizedDescription)")
+          }
        }
      }
    } else {
-      UIDevice.current.setValue(orientation.rawValue, forKey: "orientation")
-      UIViewController.attemptRotationToDeviceOrientation()
-    }
-  }
-
-  private func setupOrientationObserver() {
-    orientationObserver = NotificationCenter.default.addObserver(
-      forName: UIDevice.orientationDidChangeNotification,
-      object: nil,
-      queue: .main
-    ) { [weak self] _ in
-      guard let self = self, self.isOrientationLocked else { return }
-
-      if self.currentOrientationMask == .portrait {
-        self.forceOrientation(.portrait)
-      } else if self.currentOrientationMask == .landscape {
-        self.forceOrientation(.landscapeRight)
+      if orientationMask == .all {
+        UIViewController.attemptRotationToDeviceOrientation()
+      } else {
+        let specificOrientation: UIInterfaceOrientation
+        if orientationMask.contains(.portrait) {
+          specificOrientation = .portrait
+        } else if orientationMask.contains(.landscape) {
+          let currentOrientation = UIDevice.current.orientation
+          if currentOrientation == .landscapeLeft {
+            specificOrientation = .landscapeRight
+          } else if currentOrientation == .landscapeRight {
+            specificOrientation = .landscapeLeft
+          } else {
+            specificOrientation = .landscapeRight
+          }
+        } else {
+          specificOrientation = .portrait
+        }
+        UIDevice.current.setValue(specificOrientation.rawValue, forKey: "orientation")
+        UIViewController.attemptRotationToDeviceOrientation()
      }
    }
  }
@@ -431,3 +435,66 @@ extension NativeBridgePlugin: ASWebAuthenticationPresentationContextProviding {
    return UIApplication.shared.windows.first ?? UIWindow()
  }
 }
+
+extension NativeBridgePlugin: UIApplicationDelegate {
+  public func application(
+    _ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?
+  ) -> UIInterfaceOrientationMask {
+    return self.currentOrientationMask
+  }
+
+  /*
+    Proxy all application delegate methods to the original delegate:
+      sel!(application:didFinishLaunchingWithOptions:),
+      sel!(application:openURL:options:),
+      sel!(application:continue:restorationHandler:),
+      sel!(applicationDidBecomeActive:),
+      sel!(applicationWillResignActive:),
+      sel!(applicationWillEnterForeground:),
+      sel!(applicationDidEnterBackground:),
+      sel!(applicationWillTerminate:),
+  */
+
+  public func application(
+    _ application: UIApplication,
+    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
+  ) -> Bool {
+    self.originalDelegate?.application?(application, didFinishLaunchingWithOptions: launchOptions)
+      ?? false
+  }
+
+  public func application(
+    _ application: UIApplication, open url: URL,
+    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
+  ) -> Bool {
+    self.originalDelegate?.application?(application, open: url, options: options) ?? false
+  }
+
+  public func application(
+    _ application: UIApplication, continue continueUserActivity: NSUserActivity,
+    restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void
+  ) -> Bool {
+    self.originalDelegate?.application?(
+      application, continue: continueUserActivity, restorationHandler: restorationHandler) ?? false
+  }
+
+  public func applicationDidBecomeActive(_ application: UIApplication) {
+    self.originalDelegate?.applicationDidBecomeActive?(application)
+  }
+
+  public func applicationWillResignActive(_ application: UIApplication) {
+    self.originalDelegate?.applicationWillResignActive?(application)
+  }
+
+  public func applicationWillEnterForeground(_ application: UIApplication) {
+    self.originalDelegate?.applicationWillEnterForeground?(application)
+  }
+
+  public func applicationDidEnterBackground(_ application: UIApplication) {
+    self.originalDelegate?.applicationDidEnterBackground?(application)
+  }
+
+  public func applicationWillTerminate(_ application: UIApplication) {
+    self.originalDelegate?.applicationWillTerminate?(application)
+  }
+}
@@ -0,0 +1,17 @@
+/.vs
+.DS_Store
+.Thumbs.db
+*.sublime*
+.idea/
+debug.log
+package-lock.json
+.vscode/settings.json
+yarn.lock
+
+/.tauri
+/target
+Cargo.lock
+node_modules/
+
+dist-js
+dist
@@ -0,0 +1,19 @@
+[package]
+name = "tauri-plugin-native-tts"
+version = "0.1.0"
+authors = [ "You" ]
+description = ""
+edition = "2021"
+rust-version = "1.77.2"
+exclude = ["/examples", "/dist-js", "/guest-js", "/node_modules"]
+links = "tauri-plugin-native-tts"
+
+[dependencies]
+tauri = { version = "2.5.0" }
+serde = "1.0"
+thiserror = "2"
+schemars = "0.8"
+
+[build-dependencies]
+tauri-plugin = { version = "2.2.0", features = ["build"] }
+schemars = "0.8"
@@ -0,0 +1 @@
+# Tauri Plugin native-tts
@@ -0,0 +1,2 @@
+/build
+/.tauri
@@ -0,0 +1,44 @@
+plugins {
+    id("com.android.library")
+    id("org.jetbrains.kotlin.android")
+}
+
+android {
+    namespace = "com.readest.native_tts"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 21
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation("androidx.core:core-ktx:1.9.0")
+    implementation("androidx.appcompat:appcompat:1.6.0")
+    implementation("com.google.android.material:material:1.7.0")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.5")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
+    implementation(project(":tauri-android"))
+}
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
@@ -0,0 +1,31 @@
+pluginManagement {
+    repositories {
+        mavenCentral()
+        gradlePluginPortal()
+        google()
+    }
+    resolutionStrategy {
+        eachPlugin {
+            switch (requested.id.id) {
+                case "com.android.library":
+                    useVersion("8.0.2")
+                    break
+                case "org.jetbrains.kotlin.android":
+                    useVersion("1.8.20")
+                    break
+            }
+        }
+    }
+}
+
+dependencyResolutionManagement {
+    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
+    repositories {
+        mavenCentral()
+        google()
+
+    }
+}
+
+include ':tauri-android'
+project(':tauri-android').projectDir = new File('./.tauri/tauri-api')
@@ -0,0 +1,24 @@
+package com.readest.native_tts
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.readest.native_tts", appContext.packageName)
+    }
+}
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <queries>
+    <intent>
+      <action android:name="android.intent.action.TTS_SERVICE" />
+    </intent>
+  </queries>
+</manifest>
@@ -0,0 +1,385 @@
+package com.readest.native_tts
+
+import android.os.Bundle
+import android.app.Activity
+import android.content.Context
+import android.provider.Settings
+import android.speech.tts.TextToSpeech
+import android.speech.tts.UtteranceProgressListener
+import android.speech.tts.Voice
+import android.util.Log
+import app.tauri.annotation.Command
+import app.tauri.annotation.InvokeArg
+import app.tauri.annotation.TauriPlugin
+import app.tauri.plugin.Invoke
+import app.tauri.plugin.JSObject
+import app.tauri.plugin.Plugin
+import app.tauri.plugin.PluginResult
+import kotlinx.coroutines.*
+import kotlinx.coroutines.channels.Channel
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.flow
+import org.json.JSONArray
+import org.json.JSONObject
+import java.util.concurrent.ConcurrentHashMap
+import java.util.concurrent.atomic.AtomicBoolean
+import java.util.concurrent.atomic.AtomicReference
+import java.util.*
+
+data class TTSVoiceData(
+    val id: String,
+    val name: String,
+    val lang: String,
+    val disabled: Boolean = false
+)
+
+data class TTSMessageEvent(
+    val code: String, // 'boundary' | 'error' | 'end'
+    val message: String? = null,
+    val mark: String? = null
+)
+
+@InvokeArg
+class SpeakArgs(
+    val text: String? = "",
+    val preload: Boolean? = false
+)
+
+@InvokeArg
+class SetRateArgs(
+    val rate: Float? = 1.0f
+)
+
+@InvokeArg
+class SetPitchArgs(
+    val pitch: Float? = 1.0f
+)
+
+@InvokeArg
+class SetVoiceArgs(
+    val voice: String? = null
+)
+
+@TauriPlugin
+class NativeTTSPlugin(private val activity: Activity) : Plugin(activity) {
+    
+    companion object {
+        private const val TAG = "NativeTTSPlugin"
+        private const val CHANNEL_NAME = "tts_events"
+    }
+    
+    private var textToSpeech: TextToSpeech? = null
+    private var isInitialized = AtomicBoolean(false)
+    private var isPaused = AtomicBoolean(false)
+    private var isSpeaking = AtomicBoolean(false)
+    private var currentRate = AtomicReference<Float>(1.0f)
+    private var currentPitch = AtomicReference<Float>(1.0f)
+    
+    private val eventChannels = ConcurrentHashMap<String, Channel<TTSMessageEvent>>()
+    private val speakingJobs = ConcurrentHashMap<String, Job>()
+    
+    private val coroutineScope = CoroutineScope(Dispatchers.Main + SupervisorJob())
+    
+    @Command
+    fun init(invoke: Invoke) {
+        coroutineScope.launch {
+            try {
+                val success = initializeTTS()
+                val result = JSObject().apply {
+                    put("success", success)
+                }
+                invoke.resolve(result)
+            } catch (e: Exception) {
+                Log.e(TAG, "Failed to initialize TTS", e)
+                invoke.reject("Failed to initialize TTS: ${e.message}")
+            }
+        }
+    }
+    
+    private suspend fun initializeTTS(): Boolean = suspendCancellableCoroutine { continuation ->
+        try {
+            val preferredEngine = Settings.Secure.getString(
+                activity.contentResolver,
+                Settings.Secure.TTS_DEFAULT_SYNTH
+            )
+            textToSpeech = TextToSpeech(activity, { status ->
+                when (status) {
+                    TextToSpeech.SUCCESS -> {
+                        setupTTSListener()
+                        isInitialized.set(true)
+                        @OptIn(kotlinx.coroutines.ExperimentalCoroutinesApi::class)
+                        continuation.resume(true) {}
+                    }
+                    else -> {
+                        Log.e(TAG, "TTS initialization failed with status: $status")
+                        @OptIn(kotlinx.coroutines.ExperimentalCoroutinesApi::class)
+                        continuation.resume(false) {}
+                    }
+                }
+            }, preferredEngine)
+        } catch (e: Exception) {
+            Log.e(TAG, "Exception during TTS initialization", e)
+            @OptIn(kotlinx.coroutines.ExperimentalCoroutinesApi::class)
+            continuation.resume(false) {}
+        }
+    }
+    
+    private fun setupTTSListener() {
+        textToSpeech?.setOnUtteranceProgressListener(object : UtteranceProgressListener() {
+            override fun onStart(utteranceId: String?) {
+                utteranceId?.let { id ->
+                    isSpeaking.set(true)
+                    sendEvent(id, TTSMessageEvent("boundary", "start"))
+                }
+            }
+            
+            override fun onDone(utteranceId: String?) {
+                utteranceId?.let { id ->
+                    isSpeaking.set(false)
+                    sendEvent(id, TTSMessageEvent("end"))
+                    closeEventChannel(id)
+                }
+            }
+
+            @Deprecated("deprecated in API level 21")
+            override fun onError(utteranceId: String?) {
+                utteranceId?.let { id ->
+                    isSpeaking.set(false)
+                    sendEvent(id, TTSMessageEvent("error", "TTS playback error"))
+                    closeEventChannel(id)
+                }
+            }
+            
+            override fun onError(utteranceId: String?, errorCode: Int) {
+                utteranceId?.let { id ->
+                    isSpeaking.set(false)
+                    sendEvent(id, TTSMessageEvent("error", "TTS playback error:$errorCode"))
+                    closeEventChannel(id)
+                }
+            }
+            
+            override fun onRangeStart(utteranceId: String?, start: Int, end: Int, frame: Int) {
+                utteranceId?.let { id ->
+                    sendEvent(id, TTSMessageEvent("boundary", "range", "pos:$start-$end"))
+                }
+            }
+        })
+    }
+    
+    @Command
+    fun speak(invoke: Invoke) {
+        val args = invoke.parseArgs(SpeakArgs::class.java)
+        val text = args.text ?: ""
+        
+        if (text.isEmpty()) {
+            invoke.reject("Text cannot be empty")
+            return
+        }
+        
+        val utteranceId = UUID.randomUUID().toString()
+        
+        coroutineScope.launch {
+            try {
+                val eventChannel = Channel<TTSMessageEvent>(Channel.UNLIMITED)
+                eventChannels[utteranceId] = eventChannel
+                
+                val speakJob = launch {
+                    speakText(text, utteranceId, args.preload ?: false)
+                }
+                speakingJobs[utteranceId] = speakJob
+                
+                val result = JSObject().apply {
+                    put("utteranceId", utteranceId)
+                }
+                invoke.resolve(result)
+                
+                // Start sending events to the frontend
+                startEventStream(utteranceId)
+                
+            } catch (e: Exception) {
+                Log.e(TAG, "Failed to start speaking", e)
+                invoke.reject("Failed to start speaking: ${e.message}")
+            }
+        }
+    }
+    
+    private suspend fun speakText(text: String, utteranceId: String, preload: Boolean) {
+        withContext(Dispatchers.Main) {
+            try {
+                textToSpeech?.apply {
+                    setSpeechRate(currentRate.get())
+                    setPitch(currentPitch.get())
+                }
+                
+                val params = Bundle().apply {
+                    putString(TextToSpeech.Engine.KEY_PARAM_UTTERANCE_ID, utteranceId)
+                }
+                
+                val result = textToSpeech?.speak(
+                    text,
+                    if (preload) TextToSpeech.QUEUE_ADD else TextToSpeech.QUEUE_FLUSH,
+                    params,
+                    utteranceId
+                )
+                
+                if (result != TextToSpeech.SUCCESS) {
+                    sendEvent(utteranceId, TTSMessageEvent("error", "Failed to start speech"))
+                }
+            } catch (e: Exception) {
+                sendEvent(utteranceId, TTSMessageEvent("error", "Exception during speech: ${e.message}"))
+            }
+        }
+    }
+    
+    private fun startEventStream(utteranceId: String) {
+        coroutineScope.launch {
+            val channel = eventChannels[utteranceId] ?: return@launch
+            try {
+                for (event in channel) {
+                    val eventData = JSObject().apply {
+                        put("utteranceId", utteranceId)
+                        put("code", event.code)
+                        event.message?.let { put("message", it) }
+                        event.mark?.let { put("mark", it) }
+                    }
+                    trigger(CHANNEL_NAME, eventData)
+                }
+            } catch (e: Exception) {
+                Log.e(TAG, "Error in event stream for $utteranceId", e)
+            }
+        }
+    }
+    
+    private fun sendEvent(utteranceId: String, event: TTSMessageEvent) {
+        coroutineScope.launch {
+            eventChannels[utteranceId]?.trySend(event)
+        }
+    }
+    
+    private fun closeEventChannel(utteranceId: String) {
+        coroutineScope.launch {
+            eventChannels[utteranceId]?.close()
+            eventChannels.remove(utteranceId)
+            speakingJobs[utteranceId]?.cancel()
+            speakingJobs.remove(utteranceId)
+        }
+    }
+    
+    @Command
+    fun pause(invoke: Invoke) {
+        try {
+            if (textToSpeech?.stop() == TextToSpeech.SUCCESS) {
+                isPaused.set(true)
+                invoke.resolve()
+            } else {
+                invoke.reject("Failed to pause TTS")
+            }
+        } catch (e: Exception) {
+            invoke.reject("Exception while pausing: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun resume(invoke: Invoke) {
+        try {
+            isPaused.set(false)
+            invoke.resolve()
+        } catch (e: Exception) {
+            invoke.reject("Exception while resuming: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun stop(invoke: Invoke) {
+        try {
+            if (textToSpeech?.stop() == TextToSpeech.SUCCESS) {
+                isSpeaking.set(false)
+                isPaused.set(false)
+                speakingJobs.values.forEach { it.cancel() }
+                eventChannels.values.forEach { it.close() }
+                speakingJobs.clear()
+                eventChannels.clear()
+                
+                invoke.resolve()
+            } else {
+                invoke.reject("Failed to stop TTS")
+            }
+        } catch (e: Exception) {
+            invoke.reject("Exception while stopping: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun set_rate(invoke: Invoke) {
+        val args = invoke.parseArgs(SetRateArgs::class.java)
+        try {
+            currentRate.set(args.rate)
+            invoke.resolve()
+        } catch (e: Exception) {
+            invoke.reject("Exception setting rate: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun set_pitch(invoke: Invoke) {
+        val args = invoke.parseArgs(SetPitchArgs::class.java)
+        try {
+            currentPitch.set(args.pitch)
+            invoke.resolve()
+        } catch (e: Exception) {
+            invoke.reject("Exception setting pitch: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun set_voice(invoke: Invoke) {
+        val args = invoke.parseArgs(SetVoiceArgs::class.java)
+        try {
+            val voices = textToSpeech?.voices
+            val targetVoice = voices?.find { it.name == args.voice }
+            
+            if (targetVoice != null) {
+                val result = textToSpeech?.setVoice(targetVoice)
+                if (result == TextToSpeech.SUCCESS) {
+                    invoke.resolve()
+                } else {
+                    invoke.reject("Failed to set voice: ${args.voice}")
+                }
+            } else {
+                invoke.reject("Voice not found: ${args.voice}")
+            }
+        } catch (e: Exception) {
+            invoke.reject("Exception setting voice: ${e.message}")
+        }
+    }
+    
+    @Command
+    fun get_all_voices(invoke: Invoke) {
+        try {
+            val voices = textToSpeech?.voices?.map { voice ->
+                JSObject().apply {
+                    put("id", voice.name)
+                    put("name", voice.name)
+                    put("lang", voice.locale.toLanguageTag())
+                    put("disabled", false)
+                }
+            } ?: emptyList()
+            
+            val result = JSObject().apply {
+                put("voices", JSONArray(voices))
+            }
+            invoke.resolve(result)
+        } catch (e: Exception) {
+            invoke.reject("Exception getting voices: ${e.message}")
+        }
+    }
+    
+    fun destroy() {
+        coroutineScope.cancel()
+        textToSpeech?.shutdown()
+        eventChannels.values.forEach { it.close() }
+        eventChannels.clear()
+        speakingJobs.values.forEach { it.cancel() }
+        speakingJobs.clear()
+    }
+}
@@ -0,0 +1,17 @@
+package com.readest.native-tts
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
@@ -0,0 +1,20 @@
+const COMMANDS: &[&str] = &[
+    "init",
+    "speak",
+    "stop",
+    "pause",
+    "resume",
+    "set_rate",
+    "set_pitch",
+    "set_voice",
+    "get_all_voices",
+    "registerListener",
+    "remove_listener",
+];
+
+fn main() {
+    tauri_plugin::Builder::new(COMMANDS)
+        .android_path("android")
+        .ios_path("ios")
+        .build();
+}
@@ -0,0 +1,10 @@
+.DS_Store
+/.build
+/Packages
+/*.xcodeproj
+xcuserdata/
+DerivedData/
+.swiftpm/config/registries.json
+.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata
+.netrc
+Package.resolved
@@ -0,0 +1,32 @@
+// swift-tools-version:5.3
+// The swift-tools-version declares the minimum version of Swift required to build this package.
+
+import PackageDescription
+
+let package = Package(
+    name: "tauri-plugin-native-tts",
+    platforms: [
+        .macOS(.v10_13),
+        .iOS(.v13),
+    ],
+    products: [
+        // Products define the executables and libraries a package produces, and make them visible to other packages.
+        .library(
+            name: "tauri-plugin-native-tts",
+            type: .static,
+            targets: ["tauri-plugin-native-tts"]),
+    ],
+    dependencies: [
+        .package(name: "Tauri", path: "../.tauri/tauri-api")
+    ],
+    targets: [
+        // Targets are the basic building blocks of a package. A target can define a module or a test suite.
+        // Targets can depend on other targets in this package, and on products in packages this package depends on.
+        .target(
+            name: "tauri-plugin-native-tts",
+            dependencies: [
+                .byName(name: "Tauri")
+            ],
+            path: "Sources")
+    ]
+)
@@ -0,0 +1,3 @@
+# Tauri Plugin native-tts
+
+A description of this package.
@@ -0,0 +1,20 @@
+import SwiftRs
+import Tauri
+import UIKit
+import WebKit
+
+class PingArgs: Decodable {
+  let value: String?
+}
+
+class NativeTTSPlugin: Plugin {
+  @objc public func ping(_ invoke: Invoke) throws {
+    let args = try invoke.parseArgs(PingArgs.self)
+    invoke.resolve(["value": args.value ?? ""])
+  }
+}
+
+@_cdecl("init_plugin_native_tts")
+func initPlugin() -> Plugin {
+  return NativeTTSPlugin()
+}
@@ -0,0 +1,8 @@
+import XCTest
+@testable import ExamplePlugin
+
+final class ExamplePluginTests: XCTestCase {
+    func testExample() throws {
+        let plugin = ExamplePlugin()
+    }
+}
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-get-all-voices"
+description = "Enables the get_all_voices command without any pre-configured scope."
+commands.allow = ["get_all_voices"]
+
+[[permission]]
+identifier = "deny-get-all-voices"
+description = "Denies the get_all_voices command without any pre-configured scope."
+commands.deny = ["get_all_voices"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-init"
+description = "Enables the init command without any pre-configured scope."
+commands.allow = ["init"]
+
+[[permission]]
+identifier = "deny-init"
+description = "Denies the init command without any pre-configured scope."
+commands.deny = ["init"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-pause"
+description = "Enables the pause command without any pre-configured scope."
+commands.allow = ["pause"]
+
+[[permission]]
+identifier = "deny-pause"
+description = "Denies the pause command without any pre-configured scope."
+commands.deny = ["pause"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-registerListener"
+description = "Enables the registerListener command without any pre-configured scope."
+commands.allow = ["registerListener"]
+
+[[permission]]
+identifier = "deny-registerListener"
+description = "Denies the registerListener command without any pre-configured scope."
+commands.deny = ["registerListener"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-remove-listener"
+description = "Enables the remove_listener command without any pre-configured scope."
+commands.allow = ["remove_listener"]
+
+[[permission]]
+identifier = "deny-remove-listener"
+description = "Denies the remove_listener command without any pre-configured scope."
+commands.deny = ["remove_listener"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-resume"
+description = "Enables the resume command without any pre-configured scope."
+commands.allow = ["resume"]
+
+[[permission]]
+identifier = "deny-resume"
+description = "Denies the resume command without any pre-configured scope."
+commands.deny = ["resume"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-set-pitch"
+description = "Enables the set_pitch command without any pre-configured scope."
+commands.allow = ["set_pitch"]
+
+[[permission]]
+identifier = "deny-set-pitch"
+description = "Denies the set_pitch command without any pre-configured scope."
+commands.deny = ["set_pitch"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-set-rate"
+description = "Enables the set_rate command without any pre-configured scope."
+commands.allow = ["set_rate"]
+
+[[permission]]
+identifier = "deny-set-rate"
+description = "Denies the set_rate command without any pre-configured scope."
+commands.deny = ["set_rate"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-set-voice"
+description = "Enables the set_voice command without any pre-configured scope."
+commands.allow = ["set_voice"]
+
+[[permission]]
+identifier = "deny-set-voice"
+description = "Denies the set_voice command without any pre-configured scope."
+commands.deny = ["set_voice"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-speak"
+description = "Enables the speak command without any pre-configured scope."
+commands.allow = ["speak"]
+
+[[permission]]
+identifier = "deny-speak"
+description = "Denies the speak command without any pre-configured scope."
+commands.deny = ["speak"]
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-stop"
+description = "Enables the stop command without any pre-configured scope."
+commands.allow = ["stop"]
+
+[[permission]]
+identifier = "deny-stop"
+description = "Denies the stop command without any pre-configured scope."
+commands.deny = ["stop"]
@@ -0,0 +1,313 @@
+## Default Permission
+
+Default permissions for the plugin
+
+#### This default permission set includes the following:
+
+- `allow-init`
+- `allow-speak`
+- `allow-stop`
+- `allow-pause`
+- `allow-resume`
+- `allow-set-rate`
+- `allow-set-pitch`
+- `allow-set-voice`
+- `allow-get-all-voices`
+- `allow-registerListener`
+- `allow-remove-listener`
+
+## Permission Table
+
+<table>
+<tr>
+<th>Identifier</th>
+<th>Description</th>
+</tr>
+
+
+<tr>
+<td>
+
+`native-tts:allow-get-all-voices`
+
+</td>
+<td>
+
+Enables the get_all_voices command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-get-all-voices`
+
+</td>
+<td>
+
+Denies the get_all_voices command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-init`
+
+</td>
+<td>
+
+Enables the init command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-init`
+
+</td>
+<td>
+
+Denies the init command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-pause`
+
+</td>
+<td>
+
+Enables the pause command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-pause`
+
+</td>
+<td>
+
+Denies the pause command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-registerListener`
+
+</td>
+<td>
+
+Enables the registerListener command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-registerListener`
+
+</td>
+<td>
+
+Denies the registerListener command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-remove-listener`
+
+</td>
+<td>
+
+Enables the remove_listener command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-remove-listener`
+
+</td>
+<td>
+
+Denies the remove_listener command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-resume`
+
+</td>
+<td>
+
+Enables the resume command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-resume`
+
+</td>
+<td>
+
+Denies the resume command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-set-pitch`
+
+</td>
+<td>
+
+Enables the set_pitch command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-set-pitch`
+
+</td>
+<td>
+
+Denies the set_pitch command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-set-rate`
+
+</td>
+<td>
+
+Enables the set_rate command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-set-rate`
+
+</td>
+<td>
+
+Denies the set_rate command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-set-voice`
+
+</td>
+<td>
+
+Enables the set_voice command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-set-voice`
+
+</td>
+<td>
+
+Denies the set_voice command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-speak`
+
+</td>
+<td>
+
+Enables the speak command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-speak`
+
+</td>
+<td>
+
+Denies the speak command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:allow-stop`
+
+</td>
+<td>
+
+Enables the stop command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-tts:deny-stop`
+
+</td>
+<td>
+
+Denies the stop command without any pre-configured scope.
+
+</td>
+</tr>
+</table>
@@ -0,0 +1,15 @@
+[default]
+description = "Default permissions for the plugin"
+permissions = [
+  "allow-init", 
+  "allow-speak",
+  "allow-stop",
+  "allow-pause",
+  "allow-resume",
+  "allow-set-rate",
+  "allow-set-pitch",
+  "allow-set-voice",
+  "allow-get-all-voices",
+  "allow-registerListener",
+  "allow-remove-listener",
+]
@@ -0,0 +1,438 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "PermissionFile",
+  "description": "Permission file that can define a default permission, a set of permissions or a list of inlined permissions.",
+  "type": "object",
+  "properties": {
+    "default": {
+      "description": "The default permission set for the plugin",
+      "anyOf": [
+        {
+          "$ref": "#/definitions/DefaultPermission"
+        },
+        {
+          "type": "null"
+        }
+      ]
+    },
+    "set": {
+      "description": "A list of permissions sets defined",
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/PermissionSet"
+      }
+    },
+    "permission": {
+      "description": "A list of inlined permissions",
+      "default": [],
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/Permission"
+      }
+    }
+  },
+  "definitions": {
+    "DefaultPermission": {
+      "description": "The default permission set of the plugin.\n\nWorks similarly to a permission with the \"default\" identifier.",
+      "type": "object",
+      "required": [
+        "permissions"
+      ],
+      "properties": {
+        "version": {
+          "description": "The version of the permission.",
+          "type": [
+            "integer",
+            "null"
+          ],
+          "format": "uint64",
+          "minimum": 1.0
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does. Tauri convention is to use `<h4>` headings in markdown content for Tauri documentation generation purposes.",
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "permissions": {
+          "description": "All permissions this set contains.",
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "PermissionSet": {
+      "description": "A set of direct permissions grouped together under a new name.",
+      "type": "object",
+      "required": [
+        "description",
+        "identifier",
+        "permissions"
+      ],
+      "properties": {
+        "identifier": {
+          "description": "A unique identifier for the permission.",
+          "type": "string"
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does.",
+          "type": "string"
+        },
+        "permissions": {
+          "description": "All permissions this set contains.",
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/PermissionKind"
+          }
+        }
+      }
+    },
+    "Permission": {
+      "description": "Descriptions of explicit privileges of commands.\n\nIt can enable commands to be accessible in the frontend of the application.\n\nIf the scope is defined it can be used to fine grain control the access of individual or multiple commands.",
+      "type": "object",
+      "required": [
+        "identifier"
+      ],
+      "properties": {
+        "version": {
+          "description": "The version of the permission.",
+          "type": [
+            "integer",
+            "null"
+          ],
+          "format": "uint64",
+          "minimum": 1.0
+        },
+        "identifier": {
+          "description": "A unique identifier for the permission.",
+          "type": "string"
+        },
+        "description": {
+          "description": "Human-readable description of what the permission does. Tauri internal convention is to use `<h4>` headings in markdown content for Tauri documentation generation purposes.",
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "commands": {
+          "description": "Allowed or denied commands when using this permission.",
+          "default": {
+            "allow": [],
+            "deny": []
+          },
+          "allOf": [
+            {
+              "$ref": "#/definitions/Commands"
+            }
+          ]
+        },
+        "scope": {
+          "description": "Allowed or denied scoped when using this permission.",
+          "allOf": [
+            {
+              "$ref": "#/definitions/Scopes"
+            }
+          ]
+        },
+        "platforms": {
+          "description": "Target platforms this permission applies. By default all platforms are affected by this permission.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Target"
+          }
+        }
+      }
+    },
+    "Commands": {
+      "description": "Allowed and denied commands inside a permission.\n\nIf two commands clash inside of `allow` and `deny`, it should be denied by default.",
+      "type": "object",
+      "properties": {
+        "allow": {
+          "description": "Allowed command.",
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        },
+        "deny": {
+          "description": "Denied command, which takes priority.",
+          "default": [],
+          "type": "array",
+          "items": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "Scopes": {
+      "description": "An argument for fine grained behavior control of Tauri commands.\n\nIt can be of any serde serializable type and is used to allow or prevent certain actions inside a Tauri command. The configured scope is passed to the command and will be enforced by the command implementation.\n\n## Example\n\n```json { \"allow\": [{ \"path\": \"$HOME/**\" }], \"deny\": [{ \"path\": \"$HOME/secret.txt\" }] } ```",
+      "type": "object",
+      "properties": {
+        "allow": {
+          "description": "Data that defines what is allowed by the scope.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        },
+        "deny": {
+          "description": "Data that defines what is denied by the scope. This should be prioritized by validation logic.",
+          "type": [
+            "array",
+            "null"
+          ],
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        }
+      }
+    },
+    "Value": {
+      "description": "All supported ACL values.",
+      "anyOf": [
+        {
+          "description": "Represents a null JSON value.",
+          "type": "null"
+        },
+        {
+          "description": "Represents a [`bool`].",
+          "type": "boolean"
+        },
+        {
+          "description": "Represents a valid ACL [`Number`].",
+          "allOf": [
+            {
+              "$ref": "#/definitions/Number"
+            }
+          ]
+        },
+        {
+          "description": "Represents a [`String`].",
+          "type": "string"
+        },
+        {
+          "description": "Represents a list of other [`Value`]s.",
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/Value"
+          }
+        },
+        {
+          "description": "Represents a map of [`String`] keys to [`Value`]s.",
+          "type": "object",
+          "additionalProperties": {
+            "$ref": "#/definitions/Value"
+          }
+        }
+      ]
+    },
+    "Number": {
+      "description": "A valid ACL number.",
+      "anyOf": [
+        {
+          "description": "Represents an [`i64`].",
+          "type": "integer",
+          "format": "int64"
+        },
+        {
+          "description": "Represents a [`f64`].",
+          "type": "number",
+          "format": "double"
+        }
+      ]
+    },
+    "Target": {
+      "description": "Platform target.",
+      "oneOf": [
+        {
+          "description": "MacOS.",
+          "type": "string",
+          "enum": [
+            "macOS"
+          ]
+        },
+        {
+          "description": "Windows.",
+          "type": "string",
+          "enum": [
+            "windows"
+          ]
+        },
+        {
+          "description": "Linux.",
+          "type": "string",
+          "enum": [
+            "linux"
+          ]
+        },
+        {
+          "description": "Android.",
+          "type": "string",
+          "enum": [
+            "android"
+          ]
+        },
+        {
+          "description": "iOS.",
+          "type": "string",
+          "enum": [
+            "iOS"
+          ]
+        }
+      ]
+    },
+    "PermissionKind": {
+      "type": "string",
+      "oneOf": [
+        {
+          "description": "Enables the get_all_voices command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-get-all-voices",
+          "markdownDescription": "Enables the get_all_voices command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the get_all_voices command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-get-all-voices",
+          "markdownDescription": "Denies the get_all_voices command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the init command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-init",
+          "markdownDescription": "Enables the init command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the init command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-init",
+          "markdownDescription": "Denies the init command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the pause command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-pause",
+          "markdownDescription": "Enables the pause command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the pause command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-pause",
+          "markdownDescription": "Denies the pause command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the registerListener command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-registerListener",
+          "markdownDescription": "Enables the registerListener command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the registerListener command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-registerListener",
+          "markdownDescription": "Denies the registerListener command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the remove_listener command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-remove-listener",
+          "markdownDescription": "Enables the remove_listener command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the remove_listener command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-remove-listener",
+          "markdownDescription": "Denies the remove_listener command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the resume command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-resume",
+          "markdownDescription": "Enables the resume command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the resume command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-resume",
+          "markdownDescription": "Denies the resume command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the set_pitch command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-set-pitch",
+          "markdownDescription": "Enables the set_pitch command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the set_pitch command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-set-pitch",
+          "markdownDescription": "Denies the set_pitch command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the set_rate command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-set-rate",
+          "markdownDescription": "Enables the set_rate command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the set_rate command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-set-rate",
+          "markdownDescription": "Denies the set_rate command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the set_voice command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-set-voice",
+          "markdownDescription": "Enables the set_voice command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the set_voice command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-set-voice",
+          "markdownDescription": "Denies the set_voice command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the speak command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-speak",
+          "markdownDescription": "Enables the speak command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the speak command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-speak",
+          "markdownDescription": "Denies the speak command without any pre-configured scope."
+        },
+        {
+          "description": "Enables the stop command without any pre-configured scope.",
+          "type": "string",
+          "const": "allow-stop",
+          "markdownDescription": "Enables the stop command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the stop command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-stop",
+          "markdownDescription": "Denies the stop command without any pre-configured scope."
+        },
+        {
+          "description": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-init`\n- `allow-speak`\n- `allow-stop`\n- `allow-pause`\n- `allow-resume`\n- `allow-set-rate`\n- `allow-set-pitch`\n- `allow-set-voice`\n- `allow-get-all-voices`\n- `allow-registerListener`\n- `allow-remove-listener`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-init`\n- `allow-speak`\n- `allow-stop`\n- `allow-pause`\n- `allow-resume`\n- `allow-set-rate`\n- `allow-set-pitch`\n- `allow-set-voice`\n- `allow-get-all-voices`\n- `allow-registerListener`\n- `allow-remove-listener`"
+        }
+      ]
+    }
+  }
+}
@@ -0,0 +1,53 @@
+use tauri::{command, AppHandle, Runtime};
+
+use crate::models::*;
+use crate::NativeTtsExt;
+use crate::Result;
+
+#[command]
+pub(crate) async fn init<R: Runtime>(app: AppHandle<R>) -> Result<InitResponse> {
+    app.native_tts().init()
+}
+
+#[command]
+pub(crate) async fn speak<R: Runtime>(
+    app: AppHandle<R>,
+    payload: SpeakArgs,
+) -> Result<SpeakResponse> {
+    app.native_tts().speak(payload)
+}
+
+#[command]
+pub(crate) async fn pause<R: Runtime>(app: AppHandle<R>) -> Result<()> {
+    app.native_tts().pause()
+}
+
+#[command]
+pub(crate) async fn resume<R: Runtime>(app: AppHandle<R>) -> Result<()> {
+    app.native_tts().resume()
+}
+
+#[command]
+pub(crate) async fn stop<R: Runtime>(app: AppHandle<R>) -> Result<()> {
+    app.native_tts().stop()
+}
+
+#[command]
+pub(crate) async fn set_rate<R: Runtime>(app: AppHandle<R>, payload: SetRateArgs) -> Result<()> {
+    app.native_tts().set_rate(payload)
+}
+
+#[command]
+pub(crate) async fn set_pitch<R: Runtime>(app: AppHandle<R>, payload: SetPitchArgs) -> Result<()> {
+    app.native_tts().set_pitch(payload)
+}
+
+#[command]
+pub(crate) async fn set_voice<R: Runtime>(app: AppHandle<R>, payload: SetVoiceArgs) -> Result<()> {
+    app.native_tts().set_voice(payload)
+}
+
+#[command]
+pub(crate) async fn get_all_voices<R: Runtime>(app: AppHandle<R>) -> Result<GetVoicesResponse> {
+    app.native_tts().get_all_voices()
+}
@@ -0,0 +1,44 @@
+use serde::de::DeserializeOwned;
+use tauri::{plugin::PluginApi, AppHandle, Runtime};
+
+use crate::models::*;
+
+pub fn init<R: Runtime, C: DeserializeOwned>(
+    app: &AppHandle<R>,
+    _api: PluginApi<R, C>,
+) -> crate::Result<NativeTts<R>> {
+    Ok(NativeTts(app.clone()))
+}
+
+/// Access to the native-tts APIs.
+pub struct NativeTts<R: Runtime>(AppHandle<R>);
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn init(&self) -> crate::Result<InitResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn speak(&self, _args: SpeakArgs) -> crate::Result<SpeakResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn pause(&self) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn resume(&self) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn stop(&self) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn set_rate(&self, _args: SetRateArgs) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn set_pitch(&self, _args: SetPitchArgs) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn set_voice(&self, _args: SetVoiceArgs) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+    pub fn get_all_voices(&self) -> crate::Result<GetVoicesResponse> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
+}
@@ -0,0 +1,25 @@
+use serde::{ser::Serializer, Serialize};
+
+pub type Result<T> = std::result::Result<T, Error>;
+
+#[derive(Debug, thiserror::Error)]
+pub enum Error {
+    #[error("Unsupported platform for this plugin")]
+    UnsupportedPlatformError,
+    #[error("Native tts error: {0}")]
+    NativeTTSError(String),
+    #[error(transparent)]
+    Io(#[from] std::io::Error),
+    #[cfg(mobile)]
+    #[error(transparent)]
+    PluginInvoke(#[from] tauri::plugin::mobile::PluginInvokeError),
+}
+
+impl Serialize for Error {
+    fn serialize<S>(&self, serializer: S) -> std::result::Result<S::Ok, S::Error>
+    where
+        S: Serializer,
+    {
+        serializer.serialize_str(self.to_string().as_ref())
+    }
+}
@@ -0,0 +1,58 @@
+use tauri::{
+    plugin::{Builder, TauriPlugin},
+    Manager, Runtime,
+};
+
+pub use models::*;
+
+#[cfg(desktop)]
+mod desktop;
+#[cfg(mobile)]
+mod mobile;
+
+mod commands;
+mod error;
+mod models;
+
+pub use error::{Error, Result};
+
+#[cfg(desktop)]
+use desktop::NativeTts;
+#[cfg(mobile)]
+use mobile::NativeTts;
+
+/// Extensions to [`tauri::App`], [`tauri::AppHandle`] and [`tauri::Window`] to access the native-tts APIs.
+pub trait NativeTtsExt<R: Runtime> {
+    fn native_tts(&self) -> &NativeTts<R>;
+}
+
+impl<R: Runtime, T: Manager<R>> crate::NativeTtsExt<R> for T {
+    fn native_tts(&self) -> &NativeTts<R> {
+        self.state::<NativeTts<R>>().inner()
+    }
+}
+
+/// Initializes the plugin.
+pub fn init<R: Runtime>() -> TauriPlugin<R> {
+    Builder::new("native-tts")
+        .invoke_handler(tauri::generate_handler![
+            commands::init,
+            commands::speak,
+            commands::stop,
+            commands::pause,
+            commands::resume,
+            commands::set_rate,
+            commands::set_pitch,
+            commands::set_voice,
+            commands::get_all_voices,
+        ])
+        .setup(|app, api| {
+            #[cfg(mobile)]
+            let native_tts = mobile::init(app, api)?;
+            #[cfg(desktop)]
+            let native_tts = desktop::init(app, api)?;
+            app.manage(native_tts);
+            Ok(())
+        })
+        .build()
+}
@@ -0,0 +1,89 @@
+use serde::de::DeserializeOwned;
+use tauri::{
+    plugin::{PluginApi, PluginHandle},
+    AppHandle, Runtime,
+};
+
+use crate::models::*;
+
+#[cfg(target_os = "ios")]
+tauri::ios_plugin_binding!(init_plugin_native_tts);
+
+// initializes the Kotlin or Swift plugin classes
+pub fn init<R: Runtime, C: DeserializeOwned>(
+    _app: &AppHandle<R>,
+    api: PluginApi<R, C>,
+) -> crate::Result<NativeTts<R>> {
+    #[cfg(target_os = "android")]
+    let handle = api.register_android_plugin("com.readest.native_tts", "NativeTTSPlugin")?;
+    #[cfg(target_os = "ios")]
+    let handle = api.register_ios_plugin(init_plugin_native_tts)?;
+    Ok(NativeTts(handle))
+}
+
+/// Access to the native-tts APIs.
+pub struct NativeTts<R: Runtime>(PluginHandle<R>);
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn init(&self) -> crate::Result<InitResponse> {
+        self.0.run_mobile_plugin("init", ()).map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn speak(&self, payload: SpeakArgs) -> crate::Result<SpeakResponse> {
+        self.0
+            .run_mobile_plugin("speak", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn pause(&self) -> crate::Result<()> {
+        self.0.run_mobile_plugin("pause", ()).map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn resume(&self) -> crate::Result<()> {
+        self.0.run_mobile_plugin("resume", ()).map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn stop(&self) -> crate::Result<()> {
+        self.0.run_mobile_plugin("stop", ()).map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn set_rate(&self, payload: SetRateArgs) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("set_rate", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn set_pitch(&self, payload: SetPitchArgs) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("set_pitch", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn set_voice(&self, payload: SetVoiceArgs) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("set_voice", payload)
+            .map_err(Into::into)
+    }
+}
+
+impl<R: Runtime> NativeTts<R> {
+    pub fn get_all_voices(&self) -> crate::Result<GetVoicesResponse> {
+        self.0
+            .run_mobile_plugin("get_all_voices", ())
+            .map_err(Into::into)
+    }
+}
@@ -0,0 +1,63 @@
+use serde::{Deserialize, Serialize};
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct TTSVoice {
+    pub id: String,
+    pub name: String,
+    pub lang: String,
+    #[serde(default)]
+    pub disabled: bool,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct TTSMessageEvent {
+    pub code: String, // 'boundary' | 'error' | 'end'
+    pub message: Option<String>,
+    pub mark: Option<String>,
+}
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct InitResponse {
+    pub success: bool,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SpeakArgs {
+    pub text: String,
+    #[serde(default)]
+    pub preload: bool,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SpeakResponse {
+    pub utterance_id: String,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetRateArgs {
+    pub rate: f32,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetPitchArgs {
+    pub pitch: f32,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct SetVoiceArgs {
+    pub voice: String,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+#[serde(rename_all = "camelCase")]
+pub struct GetVoicesResponse {
+    pub voices: Vec<TTSVoice>,
+}
@@ -134,6 +134,7 @@ pub fn run() {
        .plugin(tauri_plugin_os::init())
        .plugin(tauri_plugin_dialog::init())
        .plugin(tauri_plugin_native_bridge::init())
+        .plugin(tauri_plugin_native_tts::init())
        .plugin(tauri_plugin_fs::init());

    #[cfg(desktop)]
@@ -151,7 +151,10 @@
    },
    "updater": {
      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEJFMEQ1QjE2OEU1NEIzNTEKUldSUnMxU09GbHNOdmpEaWFMT1crRFpEV2VORzQ2MklxaFc0M1R0ci9xY2c1bENXS0xhM1R1L2sK",
-      "endpoints": ["https://github.com/readest/readest/releases/latest/download/latest.json"]
+      "endpoints": [
+        "https://download.readest.com/releases/latest.json",
+        "https://github.com/readest/readest/releases/latest/download/latest.json"
+      ]
    }
  }
 }
@@ -18,14 +18,13 @@ import { useThemeStore } from '@/store/themeStore';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
-import { isTauriAppPlatform } from '@/services/environment';
+import { getBaseUrl, isTauriAppPlatform } from '@/services/environment';
 import { onOpenUrl } from '@tauri-apps/plugin-deep-link';
 import { start, cancel, onUrl, onInvalidUrl } from '@fabianlars/tauri-plugin-oauth';
 import { openUrl } from '@tauri-apps/plugin-opener';
 import { handleAuthCallback } from '@/helpers/auth';
 import { getAppleIdAuth, Scope } from './utils/appleIdAuth';
 import { authWithCustomTab, authWithSafari } from './utils/nativeAuth';
-import { READEST_WEB_BASE_URL } from '@/services/constants';
 import WindowButtons from '@/components/WindowButtons';

 type OAuthProvider = 'google' | 'apple' | 'azure' | 'github';
@@ -42,7 +41,7 @@ interface ProviderLoginProp {
  label: string;
 }

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

@@ -0,0 +1,118 @@
+'use client';
+
+import posthog from 'posthog-js';
+import { useEffect, useState } from 'react';
+import { useEnv } from '@/context/EnvContext';
+import { useTranslation } from '@/hooks/useTranslation';
+import { parseWebViewVersion } from '@/utils/ua';
+
+interface ErrorPageProps {
+  error: Error & { digest?: string };
+  reset: () => void;
+}
+
+export default function Error({ error, reset }: ErrorPageProps) {
+  const _ = useTranslation();
+  const { appService } = useEnv();
+  const [browserInfo, setBrowserInfo] = useState('');
+
+  useEffect(() => {
+    setBrowserInfo(parseWebViewVersion(appService));
+    posthog.captureException(error);
+  }, [appService, error]);
+
+  const handleGoHome = () => {
+    window.location.href = '/library';
+  };
+
+  const handleGoBack = () => {
+    if (window.history.length > 1) {
+      window.history.back();
+    } else {
+      handleGoHome();
+    }
+  };
+
+  return (
+    <div className='hero bg-base-200 min-h-screen'>
+      <div className='hero-content text-center'>
+        <div className='w-full max-w-2xl p-1'>
+          <div className='mb-8 mt-6'>
+            <div className='text-error animate-pulse text-8xl'>⚠️</div>
+          </div>
+
+          <h1 className='text-base-content mb-4 text-5xl font-bold'>Oops!</h1>
+
+          <p className='text-base-content/70 mb-8 text-lg'>
+            {_(
+              "Something went wrong. Don't worry, our team has been notified and we're working on a fix.",
+            )}
+          </p>
+
+          <div className='alert alert-error mb-8'>
+            <div className='flex-col items-start text-left'>
+              <h3 className='mb-2 font-bold'>{_('Error Details:')}</h3>
+              <p className='break-words font-mono text-sm'>{error.message}</p>
+              {browserInfo && <p className='mt-2 font-mono text-sm'>Browser: {browserInfo}</p>}
+              {error.stack && (
+                <p className='mt-2 whitespace-pre-wrap break-all font-mono text-sm'>
+                  {error.stack.split('\n').slice(0, 3).join('\n')}
+                </p>
+              )}
+              {error.digest && <p className='mt-2 text-xs opacity-70'>Error ID: {error.digest}</p>}
+            </div>
+          </div>
+
+          <div className='flex flex-col gap-4'>
+            <button onClick={reset} className='btn btn-primary btn-lg'>
+              <svg className='mr-2 h-5 w-5' fill='none' stroke='currentColor' viewBox='0 0 24 24'>
+                <path
+                  strokeLinecap='round'
+                  strokeLinejoin='round'
+                  strokeWidth={2}
+                  d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'
+                />
+              </svg>
+              {_('Try Again')}
+            </button>
+
+            <div className='flex gap-3'>
+              <button onClick={handleGoBack} className='btn btn-outline flex-1'>
+                <svg className='mr-2 h-4 w-4' fill='none' stroke='currentColor' viewBox='0 0 24 24'>
+                  <path
+                    strokeLinecap='round'
+                    strokeLinejoin='round'
+                    strokeWidth={2}
+                    d='M10 19l-7-7m0 0l7-7m-7 7h18'
+                  />
+                </svg>
+                {_('Go Back')}
+              </button>
+
+              <button onClick={handleGoHome} className='btn btn-outline flex-1'>
+                <svg className='mr-2 h-4 w-4' fill='none' stroke='currentColor' viewBox='0 0 24 24'>
+                  <path
+                    strokeLinecap='round'
+                    strokeLinejoin='round'
+                    strokeWidth={2}
+                    d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'
+                  />
+                </svg>
+                {_('Your Library')}
+              </button>
+            </div>
+          </div>
+
+          <div className='border-base-300 mt-8 border-t pt-6'>
+            <p className='text-base-content/60 text-sm'>
+              {_('Need help?')}{' '}
+              <a href='mailto:support@readest.com' className='link link-primary'>
+                {_('Contact Support')}
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
@@ -102,6 +102,10 @@ const BookItem: React.FC<BookItemProps> = ({
        </div>
        <div
          className={clsx('flex items-center', book.progress ? 'justify-between' : 'justify-end')}
+          style={{
+            height: `${iconSize15}px`,
+            minHeight: `${iconSize15}px`,
+          }}
        >
          {book.progress && <ReadingProgress book={book} />}
          <div className='flex items-center justify-center gap-x-2'>
@@ -13,6 +13,7 @@ import { useThemeStore } from '@/store/themeStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
+import { useSafeAreaInsets } from '@/hooks/useSafeAreaInsets';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
 import { debounce } from '@/utils/debounce';
@@ -44,7 +45,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
  const router = useRouter();
  const searchParams = useSearchParams();
  const { appService } = useEnv();
-  const { statusBarHeight } = useThemeStore();
+  const { systemUIVisible, statusBarHeight } = useThemeStore();
  const { currentBookshelf } = useLibraryStore();
  const {
    isTrafficLightVisible,
@@ -58,6 +59,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
  const headerRef = useRef<HTMLDivElement>(null);
  const iconSize18 = useResponsiveSize(18);
  const iconSize20 = useResponsiveSize(20);
+  const insets = useSafeAreaInsets();

  useShortcuts({
    onToggleSelectMode,
@@ -102,6 +104,8 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
    0,
  );

+  if (!insets) return null;
+
  return (
    <div
      ref={headerRef}
@@ -111,8 +115,8 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
      )}
      style={{
        marginTop: appService?.hasSafeAreaInset
-          ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
-          : '',
+          ? `max(${insets.top}px, ${systemUIVisible ? statusBarHeight : 0}px)`
+          : '0px',
      }}
    >
      <div className='flex w-full items-center justify-between space-x-6 sm:space-x-12'>
@@ -38,6 +38,7 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
  const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
  const [isAutoCheckUpdates, setIsAutoCheckUpdates] = useState(settings.autoCheckUpdates);
  const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(settings.alwaysOnTop);
+  const [isAlwaysShowStatusBar, setIsAlwaysShowStatusBar] = useState(settings.alwaysShowStatusBar);
  const [isScreenWakeLock, setIsScreenWakeLock] = useState(settings.screenWakeLock);
  const [isOpenLastBooks, setIsOpenLastBooks] = useState(settings.openLastBooks);
  const [isAutoImportBooksOnOpen, setIsAutoImportBooksOnOpen] = useState(
@@ -92,6 +93,14 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
    setIsDropdownOpen?.(false);
  };

+  const toggleAlwaysShowStatusBar = () => {
+    settings.alwaysShowStatusBar = !settings.alwaysShowStatusBar;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsAlwaysShowStatusBar(settings.alwaysShowStatusBar);
+    setIsDropdownOpen?.(false);
+  };
+
  const toggleAutoUploadBooks = () => {
    settings.autoUpload = !settings.autoUpload;
    setSettings(settings);
@@ -214,6 +223,13 @@ const SettingsMenu: React.FC<SettingsMenuProps> = ({ setIsDropdownOpen }) => {
          onClick={toggleAlwaysOnTop}
        />
      )}
+      {appService?.isMobileApp && (
+        <MenuItem
+          label={_('Always Show Status Bar')}
+          Icon={isAlwaysShowStatusBar ? MdCheck : undefined}
+          onClick={toggleAlwaysShowStatusBar}
+        />
+      )}
      <MenuItem
        label={_('Keep Screen Awake')}
        Icon={isScreenWakeLock ? MdCheck : undefined}
@@ -1,10 +1,11 @@
-import { useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { useAuth } from '@/context/AuthContext';
 import { useEnv } from '@/context/EnvContext';
 import { useSync } from '@/hooks/useSync';
 import { useLibraryStore } from '@/store/libraryStore';
-import { SYNC_BOOKS_INTERVAL_SEC } from '@/services/constants';
 import { Book } from '@/types/book';
+import { SYNC_BOOKS_INTERVAL_SEC } from '@/services/constants';
+import { debounce } from '@/utils/debounce';

 export interface UseBooksSyncProps {
  onSyncStart?: () => void;
@@ -38,9 +39,6 @@ export const useBooksSync = ({ onSyncStart, onSyncEnd }: UseBooksSyncProps) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

-  const lastSyncTime = useRef<number>(0);
-  const syncTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
  const getNewBooks = () => {
    if (!user) return [];
    const newBooks = library.filter(
@@ -49,26 +47,18 @@ export const useBooksSync = ({ onSyncStart, onSyncEnd }: UseBooksSyncProps) => {
    return newBooks;
  };

-  useEffect(() => {
-    if (!user) return;
-    const now = Date.now();
-    const timeSinceLastSync = now - lastSyncTime.current;
-    if (timeSinceLastSync > SYNC_BOOKS_INTERVAL_SEC * 1000) {
-      lastSyncTime.current = now;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleAutoSync = useCallback(
+    debounce(() => {
      const newBooks = getNewBooks();
      syncBooks(newBooks, 'both');
-    } else {
-      if (syncTimeoutRef.current) clearTimeout(syncTimeoutRef.current);
-      syncTimeoutRef.current = setTimeout(
-        () => {
-          lastSyncTime.current = Date.now();
-          const newBooks = getNewBooks();
-          syncBooks(newBooks, 'both');
-          syncTimeoutRef.current = null;
-        },
-        SYNC_BOOKS_INTERVAL_SEC * 1000 - timeSinceLastSync,
-      );
-    }
+    }, SYNC_BOOKS_INTERVAL_SEC * 1000),
+    [library, lastSyncedAtBooks],
+  );
+
+  useEffect(() => {
+    if (!user) return;
+    handleAutoSync();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [library]);

@@ -28,7 +28,7 @@ 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 { useSafeAreaInsets } from '@/hooks/useSafeAreaInsets';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
 import { lockScreenOrientation } from '@/utils/bridge';
@@ -69,8 +69,8 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  } = useLibraryStore();
  const _ = useTranslation();
  useTheme({ systemUIVisible: true, appThemeColor: 'base-200' });
+  const insets = useSafeAreaInsets();
  const { settings, setSettings, saveSettings } = useSettingsStore();
-  const { statusBarHeight } = useThemeStore();
  const [loading, setLoading] = useState(false);
  const isInitiating = useRef(false);
  const [libraryLoaded, setLibraryLoaded] = useState(false);
@@ -401,8 +401,14 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  };

  const selectFilesTauri = async () => {
-    const exts = appService?.isAndroidApp ? [] : SUPPORTED_FILE_EXTS;
+    const exts = appService?.isMobileApp ? [] : SUPPORTED_FILE_EXTS;
    const files = (await appService?.selectFiles(_('Select Books'), exts)) || [];
+    if (appService?.isIOSApp) {
+      return files.filter((file) => {
+        const fileExt = file.split('.').pop()?.toLowerCase() || 'unknown';
+        return SUPPORTED_FILE_EXTS.includes(fileExt);
+      });
+    }
    // Cannot filter out files on Android since some content providers may not return the file name
    return files;
  };
@@ -525,11 +531,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    let files;

    if (isTauriAppPlatform()) {
-      if (appService?.isIOSApp) {
-        files = (await selectFilesWeb()) as [File];
-      } else {
-        files = (await selectFilesTauri()) as [string];
-      }
+      files = (await selectFilesTauri()) as [string];
    } else {
      files = (await selectFilesWeb()) as [File];
    }
@@ -559,7 +561,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
    setShowDetailsBook(book);
  };

-  if (!appService) {
+  if (!appService || !insets) {
    return null;
  }

@@ -582,7 +584,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
        appService?.hasRoundedWindow && 'rounded-window',
      )}
    >
-      <div className='fixed top-0 z-40 w-full'>
+      <div className='top-0 z-40 w-full'>
        <LibraryHeader
          isSelectMode={isSelectMode}
          isSelectAll={isSelectAll}
@@ -603,14 +605,13 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
            ref={containerRef}
            className={clsx(
              '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',
+              paddingTop: '0px',
+              paddingRight: `${insets.right}px`,
+              paddingBottom: `${insets.bottom}px`,
+              paddingLeft: `${insets.left}px`,
            }}
          >
            <DropIndicator />
@@ -4,10 +4,12 @@ import React, { useEffect } from 'react';
 import { useEnv } from '@/context/EnvContext';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useReaderStore } from '@/store/readerStore';
-import { useBookDataStore } from '@/store/bookDataStore';
 import { useSidebarStore } from '@/store/sidebarStore';
+import { useBookDataStore } from '@/store/bookDataStore';
+import { useSafeAreaInsets } from '@/hooks/useSafeAreaInsets';
+import { getGridTemplate, getInsetEdges } from '@/utils/grid';
+import { getViewInsets } from '@/utils/insets';
 import FoliateViewer from './FoliateViewer';
-import getGridTemplate from '@/utils/grid';
 import SectionInfo from './SectionInfo';
 import HeaderBar from './HeaderBar';
 import FooterBar from './FooterBar';
@@ -18,7 +20,6 @@ import Annotator from './annotator/Annotator';
 import FootnotePopup from './FootnotePopup';
 import HintInfo from './HintInfo';
 import DoubleBorder from './DoubleBorder';
-import TTSControl from './tts/TTSControl';

 interface BooksGridProps {
  bookKeys: string[];
@@ -28,10 +29,14 @@ interface BooksGridProps {
 const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
  const { appService } = useEnv();
  const { getConfig, getBookData } = useBookDataStore();
-  const { getProgress, getViewState, getViewSettings, hoveredBookKey } = useReaderStore();
+  const { getProgress, getViewState, getViewSettings } = useReaderStore();
+  const { getGridInsets, setGridInsets, hoveredBookKey } = useReaderStore();
  const { isSideBarVisible, sideBarBookKey } = useSidebarStore();
  const { isFontLayoutSettingsDialogOpen, setFontLayoutSettingsDialogOpen } = useSettingsStore();
-  const gridTemplate = getGridTemplate(bookKeys.length, window.innerWidth / window.innerHeight);
+
+  const screenInsets = useSafeAreaInsets();
+  const aspectRatio = window.innerWidth / window.innerHeight;
+  const gridTemplate = getGridTemplate(bookKeys.length, aspectRatio);

  useEffect(() => {
    if (!sideBarBookKey) return;
@@ -41,6 +46,23 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [sideBarBookKey]);

+  useEffect(() => {
+    if (!screenInsets) return;
+    bookKeys.forEach((bookKey, index) => {
+      const { top, right, bottom, left } = getInsetEdges(index, bookKeys.length, aspectRatio);
+      const gridInsets = {
+        top: top ? screenInsets.top : 0,
+        right: right ? screenInsets.right : 0,
+        bottom: bottom ? screenInsets.bottom : 0,
+        left: left ? screenInsets.left : 0,
+      };
+      setGridInsets(bookKey, gridInsets);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [bookKeys, screenInsets]);
+
+  if (!screenInsets) return null;
+
  return (
    <div
      className={clsx('relative grid h-full flex-grow')}
@@ -54,13 +76,20 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
        const config = getConfig(bookKey);
        const progress = getProgress(bookKey);
        const viewSettings = getViewSettings(bookKey);
+        const gridInsets = getGridInsets(bookKey);
        const { book, bookDoc } = bookData || {};
-        if (!book || !config || !bookDoc || !viewSettings) return null;
+        if (!book || !config || !bookDoc || !viewSettings || !gridInsets) return null;

        const { section, pageinfo, timeinfo, sectionLabel } = progress || {};
        const isBookmarked = getViewState(bookKey)?.ribbonVisible;
        const horizontalGapPercent = viewSettings.gapPercent;
-        const verticalMarginPixels = viewSettings.marginPx;
+        const viewInsets = getViewInsets(viewSettings);
+        const contentInsets = {
+          top: gridInsets.top + viewInsets.top,
+          right: gridInsets.right + viewInsets.right,
+          bottom: gridInsets.bottom + viewInsets.bottom,
+          left: gridInsets.left + viewInsets.left,
+        };
        const scrolled = viewSettings.scrolled;
        const showBarsOnScroll = viewSettings.showBarsOnScroll;
        const showHeader = viewSettings.showHeader && (scrolled ? showBarsOnScroll : true);
@@ -72,10 +101,6 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
            key={bookKey}
            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',
            )}
          >
@@ -87,16 +112,22 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              isHoveredAnim={bookKeys.length > 2}
              onCloseBook={onCloseBook}
              onSetSettingsDialogOpen={setFontLayoutSettingsDialogOpen}
+              gridInsets={gridInsets}
+            />
+            <FoliateViewer
+              bookKey={bookKey}
+              bookDoc={bookDoc}
+              config={config}
+              contentInsets={contentInsets}
            />
-            <FoliateViewer bookKey={bookKey} bookDoc={bookDoc} config={config} />
            {viewSettings.vertical && viewSettings.scrolled && (
              <>
                {(showFooter || viewSettings.doubleBorder) && (
                  <div
                    className='bg-base-100 absolute left-0 top-0 h-full'
                    style={{
-                      width: `calc(${horizontalGapPercent}%)`,
-                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                      width: `calc(${contentInsets.left + (showFooter ? 32 : 0)}px)`,
+                      height: `calc(100%)`,
                    }}
                  />
                )}
@@ -104,8 +135,8 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
                  <div
                    className='bg-base-100 absolute right-0 top-0 h-full'
                    style={{
-                      width: `calc(${horizontalGapPercent}%)`,
-                      height: `calc(100% - ${verticalMarginPixels}px)`,
+                      width: `calc(${contentInsets.right + (showHeader ? 32 : 0)}px)`,
+                      height: `calc(100%)`,
                    }}
                  />
                )}
@@ -117,7 +148,7 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
                showFooter={showFooter}
                borderColor={viewSettings.borderColor}
                horizontalGap={horizontalGapPercent}
-                verticalMargin={verticalMarginPixels}
+                contentInsets={contentInsets}
              />
            )}
            {showHeader && (
@@ -127,7 +158,8 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
                isScrolled={viewSettings.scrolled}
                isVertical={viewSettings.vertical}
                horizontalGap={horizontalGapPercent}
-                verticalMargin={verticalMarginPixels}
+                contentInsets={contentInsets}
+                gridInsets={gridInsets}
              />
            )}
            <HintInfo
@@ -136,7 +168,8 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              isScrolled={viewSettings.scrolled}
              isVertical={viewSettings.vertical}
              horizontalGap={horizontalGapPercent}
-              verticalMargin={verticalMarginPixels}
+              contentInsets={contentInsets}
+              gridInsets={gridInsets}
            />
            {showFooter && (
              <ProgressInfoView
@@ -146,7 +179,8 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
                pageinfo={pageinfo}
                timeinfo={timeinfo}
                horizontalGap={horizontalGapPercent}
-                verticalMargin={verticalMarginPixels}
+                contentInsets={contentInsets}
+                gridInsets={gridInsets}
              />
            )}
            <Annotator bookKey={bookKey} />
@@ -157,12 +191,12 @@ const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
              section={section}
              pageinfo={pageinfo}
              isHoveredAnim={false}
+              gridInsets={gridInsets}
            />
            {isFontLayoutSettingsDialogOpen && <SettingsDialog bookKey={bookKey} config={config} />}
          </div>
        );
      })}
-      <TTSControl />
    </div>
  );
 };
@@ -1,31 +1,32 @@
+import { Insets } from '@/types/misc';
+
 interface DoubleBorderProps {
  borderColor: string;
  horizontalGap: number;
-  verticalMargin: number;
  showHeader: boolean;
  showFooter: boolean;
+  contentInsets: Insets;
 }

 const paddingPx = 10;

 const DoubleBorder: React.FC<DoubleBorderProps> = ({
  borderColor,
-  horizontalGap,
-  verticalMargin,
  showHeader,
  showFooter,
+  contentInsets,
 }) => {
  return (
-    <>
+    <div>
      {/* outter frame */}
      <div
        className={'borderframe pointer-events-none absolute'}
        style={{
          border: `4px solid ${borderColor}`,
-          height: `calc(100% - ${verticalMargin * 2}px + ${paddingPx * 2}px)`,
-          top: `calc(${verticalMargin}px - ${paddingPx}px)`,
-          left: `calc(${horizontalGap}% - ${showFooter ? 32 : 0}px - ${paddingPx}px)`,
-          right: `calc(${horizontalGap}% - ${showHeader ? 32 : 0}px - ${paddingPx}px)`,
+          height: `calc(100% - ${contentInsets.top + contentInsets.bottom}px + ${paddingPx * 2}px)`,
+          top: `calc(${contentInsets.top}px - ${paddingPx}px)`,
+          left: `calc(${contentInsets.left}px - ${paddingPx}px)`,
+          right: `calc(${contentInsets.right}px - ${paddingPx}px)`,
        }}
      ></div>
      {/* inner frame */}
@@ -33,10 +34,10 @@ const DoubleBorder: React.FC<DoubleBorderProps> = ({
        className={'borderframe pointer-events-none absolute'}
        style={{
          border: `1px solid ${borderColor}`,
-          height: `calc(100% - ${verticalMargin * 2}px)`,
-          top: `${verticalMargin}px`,
-          left: showFooter ? `${horizontalGap}%` : `calc(${horizontalGap}%)`,
-          right: showHeader ? `${horizontalGap}%` : `calc(${horizontalGap}%)`,
+          height: `calc(100% - ${contentInsets.top + contentInsets.bottom}px)`,
+          top: `${contentInsets.top}px`,
+          left: `calc(${contentInsets.left + (showFooter ? 32 : 0)}px`,
+          right: `calc(${contentInsets.right + (showHeader ? 32 : 0)}px`,
        }}
      />
      {/* footer */}
@@ -48,9 +49,9 @@ const DoubleBorder: React.FC<DoubleBorderProps> = ({
            borderBottom: `1px solid ${borderColor}`,
            borderLeft: `1px solid ${borderColor}`,
            width: '32px',
-            height: `calc(100% - ${verticalMargin * 2}px)`,
-            top: `${verticalMargin}px`,
-            left: `calc(${horizontalGap}% - 32px)`,
+            height: `calc(100% - ${contentInsets.top + contentInsets.bottom}px)`,
+            top: `${contentInsets.top}px`,
+            left: `calc(${contentInsets.left}px)`,
          }}
        />
      )}
@@ -63,13 +64,13 @@ const DoubleBorder: React.FC<DoubleBorderProps> = ({
            borderBottom: `1px solid ${borderColor}`,
            borderRight: `1px solid ${borderColor}`,
            width: '32px',
-            height: `calc(100% - ${verticalMargin * 2}px)`,
-            top: `${verticalMargin}px`,
-            left: `calc(100% - ${horizontalGap}%)`,
+            height: `calc(100% - ${contentInsets.top + contentInsets.bottom}px)`,
+            top: `${contentInsets.top}px`,
+            left: `calc(100% - ${contentInsets.right}px - 32px)`,
          }}
        />
      )}
-    </>
+    </div>
  );
 };

@@ -2,6 +2,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { BookDoc, getDirection } from '@/libs/document';
 import { BookConfig } from '@/types/book';
 import { FoliateView, wrappedFoliateView } from '@/types/view';
+import { Insets } from '@/types/misc';
 import { useEnv } from '@/context/EnvContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
@@ -29,26 +30,38 @@ import {
 import { getMaxInlineSize } from '@/utils/config';
 import { getDirFromUILanguage } from '@/utils/rtl';
 import { isCJKLang } from '@/utils/lang';
+import { isTauriAppPlatform } from '@/services/environment';
 import { transformContent } from '@/services/transformService';
 import { lockScreenOrientation } from '@/utils/bridge';
 import { useTextTranslation } from '../hooks/useTextTranslation';
+import { manageSyntaxHighlighting } from '@/utils/highlightjs';
+import { getViewInsets } from '@/utils/insets';
+
+declare global {
+  interface Window {
+    eval(script: string): void;
+  }
+}

 const FoliateViewer: React.FC<{
  bookKey: string;
  bookDoc: BookDoc;
  config: BookConfig;
-}> = ({ bookKey, bookDoc, config }) => {
-  const { appService } = useEnv();
-  const containerRef = useRef<HTMLDivElement>(null);
-  const viewRef = useRef<FoliateView | null>(null);
-  const isViewCreated = useRef(false);
+  contentInsets: Insets;
+}> = ({ bookKey, bookDoc, config, contentInsets: insets }) => {
  const { getView, setView: setFoliateView, setProgress } = useReaderStore();
  const { getViewSettings, setViewSettings } = useReaderStore();
  const { getParallels } = useParallelViewStore();
  const { getBookData } = useBookDataStore();
+  const { appService } = useEnv();
  const { themeCode, isDarkMode } = useThemeStore();
+  const viewSettings = getViewSettings(bookKey);

+  const viewRef = useRef<FoliateView | null>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
+  const isViewCreated = useRef(false);
  const [toastMessage, setToastMessage] = useState('');
+
  useEffect(() => {
    const timer = setTimeout(() => setToastMessage(''), 2000);
    return () => clearTimeout(timer);
@@ -79,7 +92,7 @@ const FoliateViewer: React.FC<{
        .then((data) => {
          const viewSettings = getViewSettings(bookKey);
          if (viewSettings && detail.type === 'text/css')
-            return transformStylesheet(viewSettings, width, height, data);
+            return transformStylesheet(width, height, data);
          if (viewSettings && detail.type === 'application/xhtml+xml') {
            const ctx = {
              bookKey,
@@ -116,6 +129,16 @@ const FoliateViewer: React.FC<{

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

+      // Inline scripts in tauri platforms are not executed by default
+      if (viewSettings.allowScript && isTauriAppPlatform()) {
+        evalInlineScripts(detail.doc);
+      }
+
+      // only call on load if we have highlighting turned on.
+      if (viewSettings.codeHighlighting) {
+        manageSyntaxHighlighting(detail.doc, viewSettings);
+      }
+
      if (!detail.doc.isEventListenersAdded) {
        // listened events in iframes are posted to the main window
        // and then used by useMouseEvent and useTouchEvent
@@ -133,6 +156,22 @@ const FoliateViewer: React.FC<{
    }
  };

+  const evalInlineScripts = (doc: Document) => {
+    if (doc.defaultView && doc.defaultView.frameElement) {
+      const iframe = doc.defaultView.frameElement as HTMLIFrameElement;
+      const scripts = doc.querySelectorAll('script:not([src])');
+      scripts.forEach((script, index) => {
+        const scriptContent = script.textContent || script.innerHTML;
+        try {
+          console.warn('Evaluating inline scripts in iframe');
+          iframe.contentWindow?.eval(scriptContent);
+        } catch (error) {
+          console.error(`Error executing iframe script ${index + 1}:`, error);
+        }
+      });
+    }
+  };
+
  const docRelocateHandler = (event: Event) => {
    const detail = (event as CustomEvent).detail;
    if (detail.reason !== 'scroll' && detail.reason !== 'page') return;
@@ -160,14 +199,6 @@ const FoliateViewer: React.FC<{
    onRendererRelocate: docRelocateHandler,
  });

-  useEffect(() => {
-    if (viewRef.current && viewRef.current.renderer) {
-      const viewSettings = getViewSettings(bookKey)!;
-      viewRef.current.renderer.setStyles?.(getStyles(viewSettings));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [themeCode, isDarkMode]);
-
  useEffect(() => {
    if (isViewCreated.current) return;
    isViewCreated.current = true;
@@ -180,10 +211,6 @@ const FoliateViewer: React.FC<{
      document.body.append(view);
      containerRef.current?.appendChild(view);

-      const containerRect = containerRef.current?.getBoundingClientRect();
-      const width = containerRect?.width || window.innerWidth;
-      const height = containerRect?.height || window.innerHeight;
-
      const viewSettings = getViewSettings(bookKey)!;
      const writingMode = viewSettings.writingMode;
      if (writingMode) {
@@ -203,15 +230,19 @@ const FoliateViewer: React.FC<{

      const { book } = view;

+      book.transformTarget?.addEventListener('load', (event: Event) => {
+        const { detail } = event as CustomEvent;
+        if (detail.isScript) {
+          detail.allowScript = viewSettings.allowScript ?? false;
+        }
+      });
+      const viewWidth = appService?.isMobile ? screen.width : window.innerWidth;
+      const viewHeight = appService?.isMobile ? screen.height : window.innerHeight;
+      const width = viewWidth - insets.left - insets.right;
+      const height = viewHeight - insets.top - insets.bottom;
      book.transformTarget?.addEventListener('data', getDocTransformHandler({ width, height }));
      view.renderer.setStyles?.(getStyles(viewSettings));

-      const isScrolled = viewSettings.scrolled!;
-      const showHeader = viewSettings.showHeader!;
-      const showFooter = viewSettings.showFooter!;
-      const isCompact = !showHeader && !showFooter;
-      const marginPx = isCompact ? viewSettings.compactMarginPx : viewSettings.marginPx;
-      const gapPercent = isCompact ? viewSettings.compactGapPercent : viewSettings.gapPercent;
      const animated = viewSettings.animated!;
      const maxColumnCount = viewSettings.maxColumnCount!;
      const maxInlineSize = getMaxInlineSize(viewSettings);
@@ -225,12 +256,10 @@ const FoliateViewer: React.FC<{
      } else {
        view.renderer.removeAttribute('animated');
      }
-      view.renderer.setAttribute('flow', isScrolled ? 'scrolled' : 'paginated');
-      view.renderer.setAttribute('margin', `${marginPx}px`);
-      view.renderer.setAttribute('gap', `${gapPercent}%`);
      view.renderer.setAttribute('max-column-count', maxColumnCount);
      view.renderer.setAttribute('max-inline-size', `${maxInlineSize}px`);
      view.renderer.setAttribute('max-block-size', `${maxBlockSize}px`);
+      applyMarginAndGap();

      const lastLocation = config.location;
      if (lastLocation) {
@@ -244,15 +273,63 @@ const FoliateViewer: React.FC<{
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

+  const applyMarginAndGap = () => {
+    const viewSettings = getViewSettings(bookKey)!;
+    const viewInsets = getViewInsets(viewSettings);
+    const showDoubleBorder = viewSettings.vertical && viewSettings.doubleBorder;
+    const showDoubleBorderHeader = showDoubleBorder && viewSettings.showHeader;
+    const showDoubleBorderFooter = showDoubleBorder && viewSettings.showFooter;
+    const showTopHeader = viewSettings.showHeader && !viewSettings.vertical;
+    const showBottomFooter = viewSettings.showFooter && !viewSettings.vertical;
+    const moreTopInset = showTopHeader ? Math.max(0, 44 - insets.top) : 0;
+    const moreBottomInset = showBottomFooter ? Math.max(0, 44 - insets.bottom) : 0;
+    const moreRightInset = showDoubleBorderHeader ? 32 : 0;
+    const moreLeftInset = showDoubleBorderFooter ? 32 : 0;
+    const topMargin = (showTopHeader ? insets.top : viewInsets.top) + moreTopInset;
+    const rightMargin = insets.right + moreRightInset;
+    const bottomMargin = (showBottomFooter ? insets.bottom : viewInsets.bottom) + moreBottomInset;
+    const leftMargin = insets.left + moreLeftInset;
+
+    viewRef.current?.renderer.setAttribute('margin-top', `${topMargin}px`);
+    viewRef.current?.renderer.setAttribute('margin-right', `${rightMargin}px`);
+    viewRef.current?.renderer.setAttribute('margin-bottom', `${bottomMargin}px`);
+    viewRef.current?.renderer.setAttribute('margin-left', `${leftMargin}px`);
+    viewRef.current?.renderer.setAttribute('gap', `${viewSettings.gapPercent}%`);
+    if (viewSettings.scrolled) {
+      viewRef.current?.renderer.setAttribute('flow', 'scrolled');
+    }
+  };
+
+  useEffect(() => {
+    if (viewRef.current && viewRef.current.renderer) {
+      const viewSettings = getViewSettings(bookKey)!;
+      viewRef.current.renderer.setStyles?.(getStyles(viewSettings));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [themeCode, isDarkMode]);
+
+  useEffect(() => {
+    if (viewRef.current && viewRef.current.renderer && viewSettings) {
+      applyMarginAndGap();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [
+    insets.top,
+    insets.right,
+    insets.bottom,
+    insets.left,
+    viewSettings?.doubleBorder,
+    viewSettings?.showHeader,
+    viewSettings?.showFooter,
+  ]);
+
  return (
-    <>
-      <div
-        ref={containerRef}
-        className='foliate-viewer h-[100%] w-[100%]'
-        {...mouseHandlers}
-        {...touchHandlers}
-      />
-    </>
+    <div
+      ref={containerRef}
+      className='foliate-viewer h-[100%] w-[100%]'
+      {...mouseHandlers}
+      {...touchHandlers}
+    />
  );
 };

@@ -21,8 +21,10 @@ import { eventDispatcher } from '@/utils/event';
 import { viewPagination } from '../hooks/usePagination';
 import { saveViewSettings } from '../utils/viewSettingsHelper';
 import { PageInfo } from '@/types/book';
+import { Insets } from '@/types/misc';
 import Button from '@/components/Button';
 import Slider from '@/components/Slider';
+import TTSControl from './tts/TTSControl';

 interface FooterBarProps {
  bookKey: string;
@@ -30,6 +32,7 @@ interface FooterBarProps {
  section?: PageInfo;
  pageinfo?: PageInfo;
  isHoveredAnim: boolean;
+  gridInsets: Insets;
 }

 const FooterBar: React.FC<FooterBarProps> = ({
@@ -38,6 +41,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
  section,
  pageinfo,
  isHoveredAnim,
+  gridInsets,
 }) => {
  const _ = useTranslation();
  const { envConfig, appService } = useEnv();
@@ -64,9 +68,13 @@ const FooterBar: React.FC<FooterBarProps> = ({
  };

  const handleMarginChange = (value: number) => {
+    const viewSettings = getViewSettings(bookKey)!;
    const marginPx = Math.round((value / 100) * 88);
    const gapPercent = Math.round((value / 100) * 10);
-    saveViewSettings(envConfig, bookKey, 'marginPx', marginPx, false, false);
+    viewSettings.marginTopPx = marginPx;
+    viewSettings.marginBottomPx = marginPx / 2;
+    viewSettings.marginLeftPx = marginPx / 2;
+    viewSettings.marginRightPx = marginPx / 2;
    saveViewSettings(envConfig, bookKey, 'gapPercent', gapPercent, false, false);
    view?.renderer.setAttribute('margin', `${marginPx}px`);
    view?.renderer.setAttribute('gap', `${gapPercent}%`);
@@ -108,8 +116,8 @@ const FooterBar: React.FC<FooterBarProps> = ({
  };

  const handleSpeakText = async () => {
-    if (!view || !progress) return;
-    if (eventDispatcher.dispatchSync('tts-is-speaking')) {
+    if (!view || !progress || !viewState) return;
+    if (viewState.ttsEnabled) {
      eventDispatcher.dispatch('tts-stop', { bookKey });
    } else {
      eventDispatcher.dispatch('tts-speak', { bookKey });
@@ -155,6 +163,8 @@ const FooterBar: React.FC<FooterBarProps> = ({
      ? (progressInfo!.current + 1) / progressInfo!.total || 0
      : 0;

+  const isMobile = window.innerWidth < 640 || window.innerHeight < 640;
+
  return (
    <>
      <div
@@ -194,9 +204,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
              : 'pointer-events-none invisible translate-y-full overflow-hidden pb-0 pt-0 ease-in',
          )}
          style={{
-            bottom: appService?.hasSafeAreaInset
-              ? 'calc(env(safe-area-inset-bottom) + 64px)'
-              : '64px',
+            bottom: isMobile ? `${gridInsets.bottom + 64}px` : '64px',
          }}
        >
          <div className='flex w-full items-center justify-between gap-x-6'>
@@ -250,9 +258,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
              : 'pointer-events-none invisible translate-y-full overflow-hidden pb-0 pt-0 ease-in',
          )}
          style={{
-            bottom: appService?.hasSafeAreaInset
-              ? 'calc(env(safe-area-inset-bottom) + 64px)'
-              : '64px',
+            bottom: isMobile ? `${gridInsets.bottom + 64}px` : '64px',
          }}
        >
          <Slider
@@ -269,7 +275,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
          <div className='flex w-full items-center justify-between gap-x-6'>
            <Slider
              initialValue={getMarginProgressValue(
-                viewSettings?.marginPx ?? 44,
+                viewSettings?.marginTopPx ?? 44,
                viewSettings?.gapPercent ?? 5,
              )}
              bubbleElement={<TbBoxMargin size={marginIconSize} />}
@@ -292,8 +298,10 @@ const FooterBar: React.FC<FooterBarProps> = ({
        <div
          className={clsx(
            'bg-base-200 z-50 mt-auto flex w-full justify-between px-8 py-4 sm:hidden',
-            appService?.hasSafeAreaInset && 'pb-[calc(env(safe-area-inset-bottom)+16px)]',
          )}
+          style={{
+            paddingBottom: isMobile ? `${gridInsets.bottom + 16}px` : '0px',
+          }}
        >
          <Button
            icon={<TOCIcon size={tocIconSize} className='' />}
@@ -318,8 +326,13 @@ const FooterBar: React.FC<FooterBarProps> = ({
            onClick={() => handleSetActionTab('tts')}
          />
        </div>
-        {/* Desktop footer bar */}
-        <div className='hidden w-full items-center gap-x-4 px-4 sm:flex'>
+        {/* Desktop / Pad footer bar */}
+        <div
+          className='absolute hidden h-full w-full items-center gap-x-4 px-4 sm:flex'
+          style={{
+            bottom: isMobile ? `${gridInsets.bottom / 2}px` : '0px',
+          }}
+        >
          <Button
            icon={viewSettings?.rtl ? <RiArrowRightDoubleLine /> : <RiArrowLeftDoubleLine />}
            onClick={viewSettings?.rtl ? handleGoNextSection : handleGoPrevSection}
@@ -372,6 +385,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
          />
        </div>
      </div>
+      <TTSControl bookKey={bookKey} />
    </>
  );
 };
@@ -66,7 +66,10 @@ const FootnotePopup: React.FC<FootnotePopupProps> = ({ bookKey, bookDoc }) => {
      footnoteRef.current?.replaceChildren(view);
      const { renderer } = view;
      renderer.setAttribute('flow', 'scrolled');
-      renderer.setAttribute('margin', '0px');
+      renderer.setAttribute('margin-top', '0px');
+      renderer.setAttribute('margin-right', '0px');
+      renderer.setAttribute('margin-bottom', '0px');
+      renderer.setAttribute('margin-left', '0px');
      renderer.setAttribute('gap', '0%');
      const viewSettings = getViewSettings(bookKey)!;
      const themeCode = getThemeCode();
@@ -2,6 +2,7 @@ import clsx from 'clsx';
 import React, { useEffect, useRef, useState } from 'react';
 import { PiDotsThreeVerticalBold } from 'react-icons/pi';

+import { Insets } from '@/types/misc';
 import { useEnv } from '@/context/EnvContext';
 import { useThemeStore } from '@/store/themeStore';
 import { useReaderStore } from '@/store/readerStore';
@@ -22,6 +23,7 @@ interface HeaderBarProps {
  bookTitle: string;
  isTopLeft: boolean;
  isHoveredAnim: boolean;
+  gridInsets: Insets;
  onCloseBook: (bookKey: string) => void;
  onSetSettingsDialogOpen: (open: boolean) => void;
 }
@@ -31,6 +33,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
  bookTitle,
  isTopLeft,
  isHoveredAnim,
+  gridInsets,
  onCloseBook,
  onSetSettingsDialogOpen,
 }) => {
@@ -77,10 +80,10 @@ const HeaderBar: React.FC<HeaderBarProps> = ({

  return (
    <div
-      className={clsx(
-        'bg-base-100 absolute top-0 w-full',
-        appService?.hasSafeAreaInset && 'pt-[env(safe-area-inset-top)]',
-      )}
+      className={clsx('bg-base-100 absolute top-0 w-full')}
+      style={{
+        paddingTop: appService?.hasSafeAreaInset ? `${gridInsets.top}px` : '0px',
+      }}
    >
      <div
        className={clsx('absolute top-0 z-10 hidden h-11 w-full sm:flex')}
@@ -89,11 +92,11 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
      />
      <div
        className={clsx(
-          'bg-base-100 absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          'bg-base-100 absolute left-0 right-0 top-0 z-10',
          isVisible ? 'visible' : 'hidden',
        )}
        style={{
-          height: systemUIVisible ? `max(env(safe-area-inset-top), ${statusBarHeight}px)` : '',
+          height: systemUIVisible ? `${Math.max(gridInsets.top, statusBarHeight)}px` : '0px',
        }}
      />
      <div
@@ -110,8 +113,8 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
        )}
        style={{
          marginTop: systemUIVisible
-            ? `max(env(safe-area-inset-top), ${statusBarHeight}px)`
-            : 'env(safe-area-inset-top)',
+            ? `${Math.max(gridInsets.top, statusBarHeight)}px`
+            : `${gridInsets.top}px`,
        }}
        onMouseLeave={() => !appService?.isMobile && setHoveredBookKey('')}
      >
@@ -1,5 +1,8 @@
 import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
+import { Insets } from '@/types/misc';
+import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';
 import { eventDispatcher } from '@/utils/event';

 interface SectionInfoProps {
@@ -8,7 +11,8 @@ interface SectionInfoProps {
  isScrolled: boolean;
  isVertical: boolean;
  horizontalGap: number;
-  verticalMargin: number;
+  contentInsets: Insets;
+  gridInsets: Insets;
 }

 const HintInfo: React.FC<SectionInfoProps> = ({
@@ -17,8 +21,16 @@ const HintInfo: React.FC<SectionInfoProps> = ({
  isScrolled,
  isVertical,
  horizontalGap,
-  verticalMargin,
+  contentInsets,
+  gridInsets,
 }) => {
+  const { appService } = useEnv();
+  const { systemUIVisible, statusBarHeight } = useThemeStore();
+  const topInset = Math.max(
+    gridInsets.top,
+    appService?.isAndroidApp && systemUIVisible ? statusBarHeight / 2 : 0,
+  );
+
  const [hintMessage, setHintMessage] = React.useState<string | null>(null);
  const hintTimeout = useRef(2000);
  const dismissTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -50,14 +62,16 @@ const HintInfo: React.FC<SectionInfoProps> = ({
    <>
      <div
        className={clsx(
-          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          'absolute left-0 right-0 top-0 z-10',
          hintMessage ? 'bg-base-100' : 'bg-transparent',
        )}
+        style={{
+          height: `${topInset}px`,
+        }}
      />
      <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' : 'top-0 h-[44px]',
          isScrolled
@@ -71,11 +85,16 @@ const HintInfo: React.FC<SectionInfoProps> = ({
        style={
          isVertical
            ? {
-                bottom: `${verticalMargin * 1.5}px`,
-                left: `calc(100% - ${horizontalGap}%)`,
+                bottom: `${contentInsets.bottom * 1.5}px`,
+                right: showDoubleBorder
+                  ? `calc(${contentInsets.right}px)`
+                  : `calc(${Math.max(0, contentInsets.right - 32)}px)`,
                width: showDoubleBorder ? '30px' : `${horizontalGap}%`,
              }
-            : { insetInlineEnd: `${horizontalGap}%` }
+            : {
+                top: `${topInset}px`,
+                insetInlineEnd: `calc(${horizontalGap / 2}% + ${contentInsets.right}px)`,
+              }
        }
      >
        <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
+import { Insets } from '@/types/misc';
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
@@ -12,7 +13,8 @@ interface PageInfoProps {
  pageinfo?: PageInfo;
  timeinfo?: TimeInfo;
  horizontalGap: number;
-  verticalMargin: number;
+  contentInsets: Insets;
+  gridInsets: Insets;
 }

 const ProgressInfoView: React.FC<PageInfoProps> = ({
@@ -22,7 +24,8 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
  pageinfo,
  timeinfo,
  horizontalGap,
-  verticalMargin,
+  contentInsets,
+  gridInsets,
 }) => {
  const _ = useTranslation();
  const { appService } = useEnv();
@@ -51,25 +54,25 @@ const ProgressInfoView: React.FC<PageInfoProps> = ({
  return (
    <div
      className={clsx(
-        'pageinfo absolute bottom-0 flex items-center justify-between',
+        'progressinfo absolute bottom-0 flex items-center justify-between',
        'text-neutral-content font-sans text-xs font-extralight',
-        isVertical ? 'writing-vertical-rl' : 'h-12 w-full',
+        isVertical ? 'writing-vertical-rl' : 'h-[52px] w-full',
        isScrolled && !isVertical && 'bg-base-100',
      )}
      style={
        isVertical
          ? {
-              bottom: `${verticalMargin * 1.5}px`,
-              left: showDoubleBorder ? `calc(${horizontalGap}% - 32px)` : 0,
+              bottom: `${contentInsets.bottom * 1.5}px`,
+              left: showDoubleBorder
+                ? `calc(${contentInsets.left}px)`
+                : `calc(${Math.max(0, contentInsets.left - 32)}px)`,
              width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
-              height: `calc(100% - ${verticalMargin * 3}px)`,
+              height: `calc(100% - ${((contentInsets.top + contentInsets.bottom) / 2) * 3}px)`,
            }
          : {
-              paddingInlineStart: `${horizontalGap}%`,
-              paddingInlineEnd: `${horizontalGap}%`,
-              paddingBottom: appService?.hasSafeAreaInset
-                ? 'calc(env(safe-area-inset-bottom)*0.67)'
-                : 0,
+              paddingInlineStart: `calc(${horizontalGap / 2}% + ${contentInsets.left}px)`,
+              paddingInlineEnd: `calc(${horizontalGap / 2}% + ${contentInsets.right}px)`,
+              paddingBottom: appService?.hasSafeAreaInset ? `${gridInsets.bottom * 0.67}px` : 0,
            }
      }
    >
@@ -17,10 +17,13 @@ import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { eventDispatcher } from '@/utils/event';
 import { interceptWindowOpen } from '@/utils/open';
 import { mountAdditionalFonts } from '@/utils/font';
-import { setSystemUIVisibility } from '@/utils/bridge';
+import { isTauriAppPlatform } from '@/services/environment';
+import { getSysFontsList, setSystemUIVisibility } from '@/utils/bridge';
 import { AboutWindow } from '@/components/AboutWindow';
 import { UpdaterWindow } from '@/components/UpdaterWindow';
 import { Toast } from '@/components/Toast';
+import { getLocale } from '@/utils/misc';
+import { initDayjs } from '@/utils/time';
 import ReaderContent from './ReaderContent';

 const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
@@ -30,33 +33,23 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
  const { settings, setSettings } = useSettingsStore();
  const { isSideBarVisible, setSideBarVisible } = useSidebarStore();
  const { isNotebookVisible, setNotebookVisible } = useNotebookStore();
-  const { isDarkMode, showSystemUI, dismissSystemUI } = useThemeStore();
+  const { isDarkMode, systemUIAlwaysHidden, showSystemUI, dismissSystemUI } = useThemeStore();
  const { acquireBackKeyInterception, releaseBackKeyInterception } = useDeviceControlStore();
  const [libraryLoaded, setLibraryLoaded] = useState(false);
  const isInitiating = useRef(false);

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

  useEffect(() => {
    mountAdditionalFonts(document);
    interceptWindowOpen();
+    if (isTauriAppPlatform()) {
+      setTimeout(getSysFontsList, 3000);
+    }
+    initDayjs(getLocale());
  }, []);

-  useEffect(() => {
-    const handleVisibilityChange = () => {
-      if (appService?.isMobileApp && !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]);
-
  const handleKeyDown = (event: CustomEvent) => {
    if (event.detail.keyName === 'Back') {
      setSideBarVisible(false);
@@ -102,9 +95,10 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {

  useEffect(() => {
    if (!appService?.isMobileApp) return;
-    const systemUIVisible = !!hoveredBookKey;
-    setSystemUIVisibility({ visible: systemUIVisible, darkMode: isDarkMode });
-    if (systemUIVisible) {
+    const systemUIVisible = !!hoveredBookKey || settings.alwaysShowStatusBar;
+    const visible = systemUIVisible && !systemUIAlwaysHidden;
+    setSystemUIVisibility({ visible, darkMode: isDarkMode });
+    if (visible) {
      showSystemUI();
    } else {
      dismissSystemUI();
@@ -36,7 +36,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
  const { sideBarBookKey, setSideBarBookKey } = useSidebarStore();
  const { saveSettings } = useSettingsStore();
  const { getConfig, getBookData, saveConfig } = useBookDataStore();
-  const { getView, setBookKeys } = useReaderStore();
+  const { getView, setBookKeys, getViewSettings } = useReaderStore();
  const { initViewState, getViewState, clearViewState } = useReaderStore();
  const [showDetailsBook, setShowDetailsBook] = useState<Book | null>(null);
  const isInitiating = useRef(false);
@@ -150,7 +150,8 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i

  if (!bookKeys || bookKeys.length === 0) return null;
  const bookData = getBookData(bookKeys[0]!);
-  if (!bookData || !bookData.book || !bookData.bookDoc) {
+  const viewSettings = getViewSettings(bookKeys[0]!);
+  if (!bookData || !bookData.book || !bookData.bookDoc || !viewSettings) {
    setTimeout(() => setLoading(true), 300);
    return (
      loading && (
@@ -1,5 +1,8 @@
 import clsx from 'clsx';
 import React from 'react';
+import { Insets } from '@/types/misc';
+import { useEnv } from '@/context/EnvContext';
+import { useThemeStore } from '@/store/themeStore';

 interface SectionInfoProps {
  section?: string;
@@ -7,7 +10,8 @@ interface SectionInfoProps {
  isScrolled: boolean;
  isVertical: boolean;
  horizontalGap: number;
-  verticalMargin: number;
+  contentInsets: Insets;
+  gridInsets: Insets;
 }

 const SectionInfo: React.FC<SectionInfoProps> = ({
@@ -16,32 +20,48 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
  isScrolled,
  isVertical,
  horizontalGap,
-  verticalMargin,
+  contentInsets,
+  gridInsets,
 }) => {
+  const { appService } = useEnv();
+  const { systemUIVisible, statusBarHeight } = useThemeStore();
+  const topInset = Math.max(
+    gridInsets.top,
+    appService?.isAndroidApp && systemUIVisible ? statusBarHeight / 2 : 0,
+  );
+
  return (
    <>
      <div
        className={clsx(
-          'absolute left-0 right-0 top-0 z-10 h-[env(safe-area-inset-top)]',
+          'absolute left-0 right-0 top-0 z-10',
          isScrolled && !isVertical && 'bg-base-100',
        )}
+        style={{
+          height: `${topInset}px`,
+        }}
      />
      <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}%)`,
+                top: `${contentInsets.top * 1.5}px`,
+                right: showDoubleBorder
+                  ? `calc(${contentInsets.right}px)`
+                  : `calc(${Math.max(0, contentInsets.right - 32)}px)`,
                width: showDoubleBorder ? '32px' : `${horizontalGap}%`,
-                height: `calc(100% - ${verticalMargin * 2}px)`,
+                height: `calc(100% - ${contentInsets.top + contentInsets.bottom}px)`,
+              }
+            : {
+                top: `${topInset}px`,
+                insetInlineStart: `calc(${horizontalGap / 2}% + ${contentInsets.left}px)`,
+                width: `calc(100% - ${contentInsets.left + contentInsets.right}px)`,
              }
-            : { insetInlineStart: `${horizontalGap}%`, width: `calc(100% - ${horizontalGap * 2}%)` }
        }
      >
        <h2
@@ -6,9 +6,8 @@ import { useReaderStore } from '@/store/readerStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useBookDataStore } from '@/store/bookDataStore';
 import { saveViewSettings } from '../utils/viewSettingsHelper';
-import { isSameLang } from '@/utils/lang';
+import { isTranslationAvailable } from '@/services/translators/utils';
 import Button from '@/components/Button';
-import { getLocale } from '@/utils/misc';

 const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
  const _ = useTranslation();
@@ -19,9 +18,9 @@ const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
  const bookData = getBookData(bookKey);
  const viewSettings = getViewSettings(bookKey)!;
  const [translationEnabled, setTranslationEnabled] = useState(viewSettings.translationEnabled!);
-
-  const primaryLanguage = bookData?.book?.primaryLanguage;
-  const targetLanguage = viewSettings.translateTargetLang;
+  const [translationAvailable, setTranslationAvailable] = useState(
+    isTranslationAvailable(bookData?.book, viewSettings.translateTargetLang),
+  );

  useEffect(() => {
    if (translationEnabled === viewSettings.translationEnabled) return;
@@ -34,19 +33,27 @@ const TranslationToggler = ({ bookKey }: { bookKey: string }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [translationEnabled]);

+  useEffect(() => {
+    setTranslationEnabled(viewSettings.translationEnabled);
+    setTranslationAvailable(
+      isTranslationAvailable(bookData?.book, viewSettings.translateTargetLang),
+    );
+  }, [bookData, viewSettings.translationEnabled, viewSettings.translateTargetLang]);
+
  return (
    <Button
      icon={
        <RiTranslateAi className={translationEnabled ? 'text-blue-500' : 'text-base-content'} />
      }
-      disabled={
-        !bookData ||
-        bookData.book?.format === 'PDF' ||
-        isSameLang(primaryLanguage, targetLanguage) ||
-        (!targetLanguage && isSameLang(primaryLanguage, getLocale()))
-      }
+      disabled={!translationAvailable}
      onClick={() => setTranslationEnabled(!translationEnabled)}
-      tooltip={translationEnabled ? _('Disable Translation') : _('Enable Translation')}
+      tooltip={
+        translationAvailable
+          ? translationEnabled
+            ? _('Disable Translation')
+            : _('Enable Translation')
+          : _('Translation Not Available')
+      }
      tooltipDirection='bottom'
    ></Button>
  );
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { FiSearch } from 'react-icons/fi';
 import { FiCopy } from 'react-icons/fi';
 import { PiHighlighterFill } from 'react-icons/pi';
@@ -26,6 +26,7 @@ import { useTextSelector } from '../../hooks/useTextSelector';
 import { getPopupPosition, getPosition, Position, TextSelection } from '@/utils/sel';
 import { eventDispatcher } from '@/utils/event';
 import { findTocItemBS } from '@/utils/toc';
+import { throttle } from '@/utils/throttle';
 import { HIGHLIGHT_COLOR_HEX } from '@/services/constants';
 import AnnotationPopup from './AnnotationPopup';
 import WiktionaryPopup from './WiktionaryPopup';
@@ -78,13 +79,17 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const annotPopupHeight = useResponsiveSize(44);
  const androidSelectionHandlerHeight = 0;

-  const handleDismissPopup = () => {
-    setSelection(null);
-    setShowAnnotPopup(false);
-    setShowWiktionaryPopup(false);
-    setShowWikipediaPopup(false);
-    setShowDeepLPopup(false);
-  };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const handleDismissPopup = useCallback(
+    throttle(() => {
+      setSelection(null);
+      setShowAnnotPopup(false);
+      setShowWiktionaryPopup(false);
+      setShowWikipediaPopup(false);
+      setShowDeepLPopup(false);
+    }, 500),
+    [],
+  );

  const handleDismissPopupAndSelection = () => {
    handleDismissPopup();
@@ -69,16 +69,18 @@ const HighlightOptions: React.FC<HighlightOptionsProps> = ({
              className={clsx(
                'w-4 p-0 text-center leading-none',
                style === 'highlight' &&
-                  (selectedStyle === 'highlight' ? `bg-${selectedColor}-400` : `bg-gray-300`),
+                  (selectedStyle === 'highlight'
+                    ? `bg-${selectedColor}-300 pt-[2px]`
+                    : `bg-gray-300 pt-[2px]`),
                (style === 'underline' || style === 'squiggly') &&
                  'text-gray-300 underline decoration-2',
                style === 'underline' &&
                  (selectedStyle === 'underline'
-                    ? `decoration-${selectedColor}-400`
+                    ? `decoration-${selectedColor}-300`
                    : `decoration-gray-300`),
                style === 'squiggly' &&
                  (selectedStyle === 'squiggly'
-                    ? `decoration-wavy decoration-${selectedColor}-400`
+                    ? `decoration-wavy decoration-${selectedColor}-300`
                    : `decoration-gray-300 decoration-wavy`),
              )}
            >
@@ -100,10 +102,10 @@ const HighlightOptions: React.FC<HighlightOptionsProps> = ({
            key={color}
            onClick={() => handleSelectColor(color)}
            style={{ width: size16, height: size16 }}
-            className={clsx(`rounded-full p-0`, selectedColor !== color && `bg-${color}-400`)}
+            className={clsx(`rounded-full p-0`, selectedColor !== color && `bg-${color}-300`)}
          >
            {selectedColor === color && (
-              <FaCheckCircle size={size16} className={clsx(`fill-${color}-400`)} />
+              <FaCheckCircle size={size16} className={clsx(`fill-${color}-300`)} />
            )}
          </button>
        ))}
@@ -7,20 +7,14 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { useTranslator } from '@/hooks/useTranslator';
 import { TRANSLATED_LANGS } from '@/services/constants';
 import { UseTranslatorOptions, getTranslators } from '@/services/translators';
-import { localeToLang } from '@/utils/lang';
 import Select from '@/components/Select';

-const notSupportedLangs = ['hi', 'vi'];
+const notSupportedLangs = [''];

 const generateTranslatorLangs = () => {
-  const langs = { ...TRANSLATED_LANGS };
-  const result: Record<string, string> = {};
-  for (const [code, name] of Object.entries(langs)) {
-    if (notSupportedLangs.includes(code)) continue;
-    const newCode = localeToLang(code).toUpperCase();
-    result[newCode] = name;
-  }
-  return result;
+  return Object.fromEntries(
+    Object.entries(TRANSLATED_LANGS).filter(([code]) => !notSupportedLangs.includes(code)),
+  );
 };

 const TRANSLATOR_LANGS = generateTranslatorLangs();
@@ -205,7 +199,7 @@ const TranslatorPopup: React.FC<TranslatorPopupProps> = ({
        </div>
        <div className='absolute bottom-0 flex h-8 w-full items-center justify-between bg-gray-600 px-4'>
          {provider && !loading && (
-            <div className='text-xs opacity-60'>
+            <div className='line-clamp-1 text-xs opacity-60'>
              {error
                ? ''
                : _('Translated by {{provider}}.', {
@@ -16,10 +16,11 @@ const NotebookHeader: React.FC<{
 }> = ({ isPinned, isSearchBarVisible, handleClose, handleTogglePin, handleToggleSearchBar }) => {
  const _ = useTranslation();
  const iconSize14 = useResponsiveSize(14);
+  const iconSize18 = useResponsiveSize(18);
  return (
    <div className='notebook-header relative flex h-11 items-center px-3' dir='ltr'>
      <div className='absolute inset-0 z-[-1] flex items-center justify-center space-x-2'>
-        <LuNotebookPen />
+        <LuNotebookPen size={iconSize18} />
        <div className='notebook-title hidden text-sm font-medium sm:flex'>{_('Notebook')}</div>
      </div>
      <div className='flex w-full items-center gap-x-4'>
@@ -44,7 +45,7 @@ const NotebookHeader: React.FC<{
          onClick={handleToggleSearchBar}
          className={clsx('btn btn-ghost h-8 min-h-8 w-8 p-0', isSearchBarVisible && 'bg-base-300')}
        >
-          <FiSearch />
+          <FiSearch size={iconSize18} />
        </button>
      </div>
    </div>
@@ -216,8 +216,9 @@ const Notebook: React.FC = ({}) => {
          }
        `}</style>
        <div
-          className='drag-bar absolute left-0 top-0 h-full w-0.5 cursor-col-resize'
+          className='drag-bar absolute left-0 top-0 -m-3 h-full w-0.5 cursor-col-resize p-3'
          onMouseDown={handleDragStart}
+          onTouchStart={handleDragStart}
        />
        <div className='flex-shrink-0'>
          <NotebookHeader
@@ -19,6 +19,8 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
+import { CODE_LANGUAGES, CodeLanguage, manageSyntaxHighlighting } from '@/utils/highlightjs';
+import Select from '@/components/Select';
 import ThemeEditor from './ThemeEditor';

 const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
@@ -27,7 +29,7 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    useThemeStore();
  const { envConfig } = useEnv();
  const { settings, setSettings } = useSettingsStore();
-  const { getViewSettings } = useReaderStore();
+  const { getView, getViewSettings } = useReaderStore();
  const viewSettings = getViewSettings(bookKey)!;
  const [invertImgColorInDark, setInvertImgColorInDark] = useState(
    viewSettings.invertImgColorInDark,
@@ -36,9 +38,11 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const iconSize16 = useResponsiveSize(16);
  const iconSize24 = useResponsiveSize(24);
  const [editTheme, setEditTheme] = useState<CustomTheme | null>(null);
-  const [customThems, setCustomThemes] = useState<Theme[]>([]);
+  const [customThemes, setCustomThemes] = useState<Theme[]>([]);
  const [showCustomThemeEditor, setShowCustomThemeEditor] = useState(false);
  const [overrideColor, setOverrideColor] = useState(viewSettings.overrideColor!);
+  const [codeHighlighting, setcodeHighlighting] = useState(viewSettings.codeHighlighting!);
+  const [codeLanguage, setCodeLanguage] = useState(viewSettings.codeLanguage!);

  useEffect(() => {
    if (invertImgColorInDark === viewSettings.invertImgColorInDark) return;
@@ -52,6 +56,24 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [overrideColor]);

+  useEffect(() => {
+    let update = false; // check if we need to update syntax highlighting
+    if (codeHighlighting !== viewSettings.codeHighlighting) {
+      saveViewSettings(envConfig, bookKey, 'codeHighlighting', codeHighlighting);
+      update = true;
+    }
+    if (codeLanguage !== viewSettings.codeLanguage) {
+      saveViewSettings(envConfig, bookKey, 'codeLanguage', codeLanguage);
+      update = true;
+    }
+    if (!update) return;
+    const view = getView(bookKey);
+    if (!view) return;
+    const docs = view.renderer.getContents();
+    docs.forEach(({ doc }) => manageSyntaxHighlighting(doc, viewSettings));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [codeHighlighting, codeLanguage]);
+
  useEffect(() => {
    const customThemes = settings.globalReadSettings.customThemes ?? [];
    setCustomThemes(
@@ -157,7 +179,7 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
          <div>
            <h2 className='mb-2 font-medium'>{_('Theme Color')}</h2>
            <div className='grid grid-cols-3 gap-4'>
-              {themes.concat(customThems).map(({ name, label, colors, isCustomizale }) => (
+              {themes.concat(customThemes).map(({ name, label, colors, isCustomizale }) => (
                <label
                  key={name}
                  className={`relative flex cursor-pointer flex-col items-center justify-center rounded-lg p-4 shadow-md ${
@@ -200,6 +222,36 @@ const ColorPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
              </label>
            </div>
          </div>
+
+          <div className='w-full'>
+            <h2 className='mb-2 font-medium'>{_('Code Highlighting')}</h2>
+            <div className='card border-base-200 bg-base-100 border shadow'>
+              <div className='divide-base-200'>
+                <div className='config-item'>
+                  <span className=''>{_('Enable Highlighting')}</span>
+                  <input
+                    type='checkbox'
+                    className='toggle'
+                    checked={codeHighlighting}
+                    onChange={() => setcodeHighlighting(!codeHighlighting)}
+                  />
+                </div>
+
+                <div className='config-item'>
+                  <span className=''>{_('Code Language')}</span>
+                  <Select
+                    value={codeLanguage}
+                    onChange={(event) => setCodeLanguage(event.target.value as CodeLanguage)}
+                    options={CODE_LANGUAGES.map((lang) => ({
+                      value: lang,
+                      label: lang,
+                    }))}
+                    disabled={!codeHighlighting}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
        </>
      )}
    </div>
@@ -8,6 +8,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { saveViewSettings } from '../../utils/viewSettingsHelper';
 import { getTranslators } from '@/services/translators';
 import { TRANSLATED_LANGS } from '@/services/constants';
+import { initDayjs } from '@/utils/time';
 import Select from '@/components/Select';

 const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
@@ -43,7 +44,9 @@ const LangPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const handleSelectUILang = (event: React.ChangeEvent<HTMLSelectElement>) => {
    const option = event.target.value;
    saveViewSettings(envConfig, bookKey, 'uiLanguage', option, false, false);
-    i18n.changeLanguage(option ? option : navigator.language);
+    const locale = option ? option : navigator.language;
+    i18n.changeLanguage(locale);
+    initDayjs(locale);
  };

  const getTranslationProviderOptions = () => {
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Huang Xin	f815844577	release: version 0.9.60 (#1452 )	2025-06-22 11:24:47 +02:00
Huang Xin	7fe4d38c51	fix: allow inline scripts on Tauri platforms (#1451 )	2025-06-22 11:22:39 +02:00
Huang Xin	43edcb4e9e	android: dismiss the splash screen and change icon background color in task list (#1450 ) * layout: various layout fix on iPad * android: dismiss the splash screen and change icon background color in task list, closes #1424	2025-06-22 09:10:03 +02:00
Huang Xin	e259b29afa	fix: disable translation when the primary language is not defined, closes #1443 (#1448 )	2025-06-22 07:10:22 +02:00
Huang Xin	cd5f57a004	layout: ignore system top/bottom safe insets when there is no header or footer, closes #1442 (#1447 )	2025-06-22 06:32:23 +02:00
Huang Xin	8c0cdb0e22	layout: tweaks on layout for iPad (#1446 )	2025-06-22 05:55:40 +02:00
初五	c0df9f1cb6	doc: correct spelling 'Themeing' to 'Theming' in README (#1444 )	2025-06-22 08:19:21 +08:00
Huang Xin	cb1ddaeedb	fix: smoother orientation change in iOS, closes #1434 (#1441 )	2025-06-21 17:11:45 +02:00
Huang Xin	4447dd7b9a	css: fix unintended font size adjust in scrolled mode on iOS, closes #1438 (#1440 )	2025-06-21 13:25:46 +02:00
Huang Xin	dcb7602837	fix: importing books on iOS at first launch is more reliable now (#1439 )	2025-06-21 13:17:24 +02:00
Huang Xin	60e48742fe	chore: allow download url for installers (#1437 )	2025-06-21 11:13:59 +02:00
Huang Xin	dd43569778	chore: download releases using cloudflare cdn (#1436 )	2025-06-21 10:36:51 +02:00
Huang Xin	8433dd6950	chore: upload release artifacts to a R2 release bucket (#1435 )	2025-06-21 16:24:49 +08:00
Huang Xin	379802f580	release: ready for Google Play release, closes #1001 (#1433 )	2025-06-20 16:48:53 +02:00
Huang Xin	2dcb5d7c1e	sync: add network timeout of sync to 5 sec (#1432 ) * sync: add network timeout of sync to 5 sec * css: minor tweaks on headings and list	2025-06-20 16:45:10 +02:00
Huang Xin	98870d9f3e	release: version 0.9.59 (#1429 )	2025-06-19 17:10:14 +02:00
Huang Xin	31aeb2289c	settings: more reasonable constraints for top and bottom margins (#1428 )	2025-06-19 17:01:20 +02:00
Huang Xin	0f66ecbba1	layout: remove unnecessary inset for header on landscape screen in iOS (#1425 )	2025-06-19 12:01:42 +02:00
Huang Xin	f0d3c9dd4e	fix: transform vw/vh to pixels correctly, closes #1420 (#1421 ) * i18n: update translations * fix: transform vw/vh to pixels correctly, closes #1420	2025-06-19 10:53:58 +02:00
Huang Xin	92aae340d9	settings: unset deprecated margin settings (#1419 )	2025-06-18 18:56:41 +02:00
Huang Xin	3cf40039ee	release: version 0.9.58 (#1418 )	2025-06-18 18:23:09 +02:00
Huang Xin	7ed4937d9d	settings: add an option to always show status bar (#1417 )	2025-06-18 18:15:55 +02:00
Huang Xin	b3593c0365	feat: support split-screen mode on iPad, closes #971 (#1416 )	2025-06-18 15:54:46 +02:00
Huang Xin	6235202066	layout: fix issue where sidebars couldn’t be dragged to resize on iPad (#1415 )	2025-06-18 15:43:51 +02:00
Huang Xin	b3d1085ddf	fix: now it's possible to have multiple columns in portrait mode, closes #1369 (#1413 )	2025-06-18 14:25:32 +02:00
Huang Xin	b2a4ddae60	feat: show annotation create time and various other UI fixes (#1412 )	2025-06-18 13:17:18 +02:00
Huang Xin	42f50af27b	tts: each book view now has its own tts controller (#1411 )	2025-06-18 11:37:02 +02:00
Huang Xin	07f74d8858	settings: individually adjust top, bottom, left, and right margins on the reader page (#1410 )	2025-06-18 10:55:24 +02:00
Huang Xin	9477789db1	layout: apply responsive safe area insets to the reader page, closes #1067 and closes #1212 (#1408 ) This also fixes layout glitches when showing status bar on devices without display cutouts	2025-06-17 03:36:23 +02:00
Huang Xin	8a7d0e1b0d	fix: annotation tools now works when TTS is enabled, closes #1403 (#1406 )	2025-06-16 08:53:55 +02:00
Huang Xin	261ce95ed1	feat: add keyboard shortcut t to toggle TTS (#1405 )	2025-06-16 08:50:10 +02:00
Huang Xin	c5a3b44cbf	chore: add NEXT_PUBLIC_API_BASE_URL in example env file (#1404 )	2025-06-16 06:02:50 +02:00
Huang Xin	ed68d25b15	fix: restore full view settings when reopening book (#1400 )	2025-06-15 16:07:51 +02:00
Huang Xin	f7f8872a13	tts: translation also when TTS is played in the background, closes #1383 (#1399 )	2025-06-15 09:07:22 +02:00
Huang Xin	be9802a936	release: version 0.9.57 (#1395 )	2025-06-14 15:42:08 +02:00
Huang Xin	84328dcfb2	hotfix: resolve compatibility issues with Android Text-to-Speech API (#1394 )	2025-06-14 15:39:12 +02:00
Huang Xin	89d48c72b0	release: version 0.9.56 (#1391 )	2025-06-13 17:35:38 +02:00
Huang Xin	467e80cd4b	fix: various fixes on text selector in TTS mode and normal image height (#1390 )	2025-06-13 17:28:21 +02:00
Huang Xin	20955ec294	chore: handle client uncaught exceptions and show error message (#1389 )	2025-06-13 15:24:24 +02:00
James Sizeland	3cae183f51	feat: add syntax highlighting (#1386 ) * add highlightjs * add github light and dark theme * inject style classes * fix typo * remove conflicting style overrides * add highlightjs function and language list * add language select setting * add language select input * add watcher to rerender page on changes to language select * lockfile update * rename highlightCode variables * reorder code languages alphabetically * copy translation style for highlight selector * move code highlighting below theme color section * move highlighting toggle logic into settings component * add conditional statement to docLoadHandler manageSyntaxHighlighting * reorder imports * switch to media query for dark mode * combine useEffect callbacks for code highlighting * add feature line about code highlighting * fix table tabbing	2025-06-13 14:40:18 +02:00
Huang Xin	99319ab4d1	fix: TTS now properly loads the next chapter in the background, closes #1382 (#1388 )	2025-06-13 13:54:17 +02:00
Huang Xin	658969e97a	feat: support native tts engine on Android (#1387 )	2025-06-12 17:56:14 +02:00
James Sizeland	28c6c1ec58	css: add more aggressive overrides for background and text colour (#1384 ) * add more aggressive overrides for background and text colour * reduce styles changes	2025-06-12 14:24:50 +02:00
James Sizeland	d8cc220c18	chore: add vscode settings to include inlayhints (#1385 )	2025-06-12 14:22:49 +02:00
Huang Xin	97d7eb659c	bump: sync with upstream foliate-js (#1381 )	2025-06-11 05:11:06 +02:00
Ahmed	9766ec0125	i18n: improve some Arabic strings in translation.json (#1380 )	2025-06-11 03:05:49 +02:00
Huang Xin	e46d01448b	css: handle inline image height (#1379 )	2025-06-10 08:43:00 +02:00
Huang Xin	bb8bf99b40	Also transform CSS for azw3 files (#1378 )	2025-06-10 06:39:15 +02:00
Huang Xin	f8ac30adf1	tts: add native tts plugin for Android (#1376 )	2025-06-09 16:54:12 +02:00
Huang Xin	69d418aa61	perf: optimize toc list view for very large toc list, closes #386 (#1370 )	2025-06-08 15:01:34 +02:00
Huang Xin	95af3bd3d1	release: version 0.9.55 (#1366 ) * release: version 0.9.55 * layout: fix drag handler for multiple dialog instances	2025-06-07 07:55:36 +02:00
Huang Xin	5bdc29fe84	perf: optimize by removing unnecessary animations on Android, closes #1360 (#1365 )	2025-06-07 06:53:53 +02:00
Huang Xin	56f4b275f4	translator: toast for Daily Quota Exceeded error (#1363 )	2025-06-06 16:24:14 +02:00
Huang Xin	00b46dd8bb	bump: upgrade next.js to latest version (#1362 )	2025-06-06 15:40:33 +02:00
Huang Xin	8ce89ca8f6	bump: upgrade supabase.js to latest version (#1361 )	2025-06-06 14:37:29 +02:00
Huang Xin	648d9ec260	css: unset justify text align when overriding layout, closes #1338 (#1358 )	2025-06-06 12:08:53 +02:00
Huang Xin	ebe1c10c84	sync: also update deleted notes in synchronization, closes #1356 (#1357 )	2025-06-06 11:47:26 +02:00