release: version 0.9.33 (#875 )

refactor: new updater dialog (#874 )
fix: window maximized and fullscreen now don't conflict with each other (#872 )
2025-04-13 02:31:13 +08:00 · 2025-04-13 02:06:14 +08:00 · 2025-04-12 13:42:36 +02:00 · 2025-04-12 16:35:54 +08:00 · 2025-04-12 12:49:41 +08:00 · 2025-04-11 06:30:08 +02:00
106 changed files with 3056 additions and 949 deletions
@@ -28,7 +28,7 @@ jobs:
        run: cargo fmt --check
      - name: Clippy Check
        working-directory: apps/readest-app/src-tauri
-        run: cargo clippy -- -D warnings
+        run: cargo clippy -p Readest --no-deps -- -D warnings

  build_web_app:
    runs-on: ubuntu-latest
@@ -199,6 +199,13 @@ jobs:
          releaseBody: ${{ needs.get-release.outputs.release_note }}
          args: ${{ matrix.config.args || '' }}

+      - name: upload release notes to GitHub release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          echo "Uploading release notes to GitHub release"
+          gh release upload ${{ needs.get-release.outputs.release_tag }} apps/readest-app/release-notes.json --clobber
+
      - name: upload portable binaries (Windows only)
        if: matrix.config.os == 'windows-latest'
        env:
@@ -10,20 +10,26 @@ checksum = "fe438c63458706e03479442743baae6c88256498e6431708f6dfc520a26515d3"

 [[package]]
 name = "Readest"
-version = "0.2.1"
+version = "0.2.2"
 dependencies = [
+ "block",
 "cocoa",
 "font-enumeration",
 "futures-util",
 "log",
 "objc",
+ "objc-foundation",
+ "objc2 0.6.0",
+ "objc2-authentication-services",
+ "objc2-foundation 0.3.0",
+ "objc_id",
 "rand 0.8.5",
 "read-progress-stream",
 "reqwest",
 "serde",
 "serde_json",
 "tauri",
- "tauri-build 2.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-build 2.1.1 (registry+https://github.com/rust-lang/crates.io-index)",
 "tauri-plugin-cli",
 "tauri-plugin-deep-link",
 "tauri-plugin-dialog",
@@ -547,9 +553,9 @@ dependencies = [

 [[package]]
 name = "borsh"
-version = "1.5.6"
+version = "1.5.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2b74d67a0fc0af8e9823b79fd1c43a0900e5a8f0e0f4cc9210796bf3a820126"
+checksum = "ad8646f98db542e39fc66e68a20b2144f6a732636df7c2354e74645faaa433ce"
 dependencies = [
 "borsh-derive",
 "cfg_aliases",
@@ -557,9 +563,9 @@ dependencies = [

 [[package]]
 name = "borsh-derive"
-version = "1.5.6"
+version = "1.5.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2d37ed1b2c9b78421218a0b4f6d8349132d6ec2cfeba1cfb0118b0a8e268df9e"
+checksum = "fdd1d3c0c2f5833f22386f252fe8ed005c7f59fdcddeef025c01b4c3b9fd9ac3"
 dependencies = [
 "once_cell",
 "proc-macro-crate 3.3.0",
@@ -724,9 +730,9 @@ dependencies = [

 [[package]]
 name = "cc"
-version = "1.2.17"
+version = "1.2.18"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1fcb57c740ae1daf453ae85f16e37396f672b039e00d9d866e07ddb24e328e3a"
+checksum = "525046617d8376e3db1deffb079e91cef90a89fc3ca5c185bbf8c9ecdd15cd5c"
 dependencies = [
 "shlex",
 ]
@@ -795,18 +801,18 @@ dependencies = [

 [[package]]
 name = "clap"
-version = "4.5.32"
+version = "4.5.35"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6088f3ae8c3608d19260cd7445411865a485688711b78b5be70d78cd96136f83"
+checksum = "d8aa86934b44c19c50f87cc2790e19f54f7a67aedb64101c2e1a2e5ecfb73944"
 dependencies = [
 "clap_builder",
 ]

 [[package]]
 name = "clap_builder"
-version = "4.5.32"
+version = "4.5.35"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "22a7ef7f676155edfb82daa97f99441f3ebf4a58d5e32f295a56259f1b6facc8"
+checksum = "2414dbb2dd0695280da6ea9261e327479e9d37b0630f6b53ba2a11c60c679fd9"
 dependencies = [
 "anstream",
 "anstyle",
@@ -1114,9 +1120,9 @@ dependencies = [

 [[package]]
 name = "darling"
-version = "0.20.10"
+version = "0.20.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6f63b86c8a8826a49b8c21f08a2d07338eec8d900540f8630dc76284be802989"
+checksum = "fc7f46116c46ff9ab3eb1597a45688b6715c6e628b5c133e288e709a29bcb4ee"
 dependencies = [
 "darling_core",
 "darling_macro",
@@ -1124,9 +1130,9 @@ dependencies = [

 [[package]]
 name = "darling_core"
-version = "0.20.10"
+version = "0.20.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "95133861a8032aaea082871032f5815eb9e98cef03fa916ab4500513994df9e5"
+checksum = "0d00b9596d185e565c2207a0b01f8bd1a135483d02d9b7b0a54b11da8d53412e"
 dependencies = [
 "fnv",
 "ident_case",
@@ -1138,9 +1144,9 @@ dependencies = [

 [[package]]
 name = "darling_macro"
-version = "0.20.10"
+version = "0.20.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d336a2a514f6ccccaa3e09b02d41d35330c07ddf03a62165fcec10bb561c7806"
+checksum = "fc34b93ccb385b40dc71c6fceac4b2ad23662c7eeb248cf10d529b7e055b6ead"
 dependencies = [
 "darling_core",
 "quote",
@@ -1329,9 +1335,9 @@ checksum = "92773504d58c093f6de2459af4af33faa518c13451eb8f2b5698ed3d36e7c813"

 [[package]]
 name = "dwrote"
-version = "0.11.2"
+version = "0.11.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70182709525a3632b2ba96b6569225467b18ecb4a77f46d255f713a6bebf05fd"
+checksum = "bfe1f192fcce01590bd8d839aca53ce0d11d803bf291b2a6c4ad925a8f0024be"
 dependencies = [
 "lazy_static",
 "libc",
@@ -1441,9 +1447,9 @@ dependencies = [

 [[package]]
 name = "errno"
-version = "0.3.10"
+version = "0.3.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33d852cb9b869c2a9b3df2f71a3074817f01e1844f839a144f5fcef059a4eb5d"
+checksum = "976dd42dc7e85965fe702eb8164f21f450704bdde31faefd6471dba214cb594e"
 dependencies = [
 "libc",
 "windows-sys 0.59.0",
@@ -1462,9 +1468,9 @@ dependencies = [

 [[package]]
 name = "event-listener-strategy"
-version = "0.5.3"
+version = "0.5.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3c3e4e0dd3673c1139bf041f3008816d9cf2946bbfac2945c09e523b8d7b05b2"
+checksum = "8be9f3dfaaffdae2972880079a491a1a8bb7cbed0b8dd7a347f668b4150a3b93"
 dependencies = [
 "event-listener",
 "pin-project-lite",
@@ -1518,9 +1524,9 @@ dependencies = [

 [[package]]
 name = "flate2"
-version = "1.1.0"
+version = "1.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "11faaf5a5236997af9848be0bef4db95824b1d534ebc64d0f0c6cf3e67bd38dc"
+checksum = "7ced92e76e966ca2fd84c8f7aa01a4aea65b0eb6648d72f7c8f3e2764a67fece"
 dependencies = [
 "crc32fast",
 "miniz_oxide",
@@ -1843,11 +1849,11 @@ dependencies = [

 [[package]]
 name = "gethostname"
-version = "1.0.0"
+version = "1.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4fd4b8790c0792e3b11895efdf5f289ebe8b59107a6624f1cce68f24ff8c7035"
+checksum = "ed7131e57abbde63513e0e6636f76668a1ca9798dcae2df4e283cae9ee83859e"
 dependencies = [
- "rustix 0.38.44",
+ "rustix 1.0.5",
 "windows-targets 0.52.6",
 ]

@@ -2065,7 +2071,7 @@ dependencies = [
 "futures-core",
 "futures-sink",
 "http",
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "slab",
 "tokio",
 "tokio-util",
@@ -2233,9 +2239,9 @@ dependencies = [

 [[package]]
 name = "hyper-util"
-version = "0.1.10"
+version = "0.1.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "df2dcfbe0677734ab2f3ffa7fa7bfd4706bfdc1ef393f2ee30184aed67e631b4"
+checksum = "497bbc33a26fdd4af9ed9c70d63f61cf56a938375fbb32df34db9b1cd6d643f2"
 dependencies = [
 "bytes",
 "futures-channel",
@@ -2243,6 +2249,7 @@ dependencies = [
 "http",
 "http-body",
 "hyper",
+ "libc",
 "pin-project-lite",
 "socket2",
 "tokio",
@@ -2252,9 +2259,9 @@ dependencies = [

 [[package]]
 name = "iana-time-zone"
-version = "0.1.62"
+version = "0.1.63"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b2fd658b06e56721792c5df4475705b6cda790e9298d19d2f8af083457bcd127"
+checksum = "b0c919e5debc312ad217002b8048a17b7d83f80703865bbfcfebb0458b0b27d8"
 dependencies = [
 "android_system_properties",
 "core-foundation-sys",
@@ -2262,7 +2269,7 @@ dependencies = [
 "js-sys",
 "log",
 "wasm-bindgen",
- "windows-core 0.52.0",
+ "windows-core 0.61.0",
 ]

 [[package]]
@@ -2325,9 +2332,9 @@ dependencies = [

 [[package]]
 name = "icu_locid_transform_data"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "fdc8ff3388f852bede6b579ad4e978ab004f139284d7b28715f773507b946f6e"
+checksum = "7515e6d781098bf9f7205ab3fc7e9709d34554ae0b21ddbcb5febfa4bc7df11d"

 [[package]]
 name = "icu_normalizer"
@@ -2349,9 +2356,9 @@ dependencies = [

 [[package]]
 name = "icu_normalizer_data"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f8cafbf7aa791e9b22bec55a167906f9e1215fd475cd22adfcf660e03e989516"
+checksum = "c5e8338228bdc8ab83303f16b797e177953730f601a96c25d10cb3ab0daa0cb7"

 [[package]]
 name = "icu_properties"
@@ -2370,9 +2377,9 @@ dependencies = [

 [[package]]
 name = "icu_properties_data"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "67a8effbc3dd3e4ba1afa8ad918d5684b8868b3b26500753effea8d2eed19569"
+checksum = "85fb8799753b75aee8d2a21d7c14d9f38921b54b3dbda10f5a3c7a7b82dba5e2"

 [[package]]
 name = "icu_provider"
@@ -2454,9 +2461,9 @@ dependencies = [

 [[package]]
 name = "indexmap"
-version = "2.8.0"
+version = "2.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3954d50fe15b02142bf25d3b8bdadb634ec3948f103d04ffe3031bc8fe9d7058"
+checksum = "cea70ddb795996207ad57735b50c5982d8844f38ba9ee5f1aedcfb708a2aa11e"
 dependencies = [
 "equivalent",
 "hashbrown 0.15.2",
@@ -2829,9 +2836,9 @@ checksum = "6367d84fb54d4242af283086402907277715b8fe46976963af5ebf173f8efba3"

 [[package]]
 name = "miniz_oxide"
-version = "0.8.5"
+version = "0.8.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8e3e04debbb59698c15bacbb6d93584a8c0ca9cc3213cb423d31f760d8843ce5"
+checksum = "ff70ce3e48ae43fa075863cef62e8b43b71a4f2382229920e0df362592919430"
 dependencies = [
 "adler2",
 "simd-adler32",
@@ -2996,6 +3003,17 @@ dependencies = [
 "malloc_buf",
 ]

+[[package]]
+name = "objc-foundation"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1add1b659e36c9607c7aab864a76c7a4c2760cd0cd2e120f3fb8b952c7e22bf9"
+dependencies = [
+ "block",
+ "objc",
+ "objc_id",
+]
+
 [[package]]
 name = "objc-sys"
 version = "0.3.5"
@@ -3041,6 +3059,21 @@ dependencies = [
 "objc2-quartz-core 0.3.0",
 ]

+[[package]]
+name = "objc2-authentication-services"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b8963a73216bfe9565fe78e86fcc908b65232468d195b95346d2489110a60fca"
+dependencies = [
+ "bitflags 2.9.0",
+ "block2 0.6.0",
+ "objc2 0.6.0",
+ "objc2-app-kit",
+ "objc2-core-foundation",
+ "objc2-foundation 0.3.0",
+ "objc2-security",
+]
+
 [[package]]
 name = "objc2-cloud-kit"
 version = "0.3.0"
@@ -3232,6 +3265,15 @@ dependencies = [
 "objc2-security",
 ]

+[[package]]
+name = "objc_id"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c92d4ddb4bd7b50d730c215ff871754d0da6b2178849f8a2a2ab69712d0c073b"
+dependencies = [
+ "objc",
+]
+
 [[package]]
 name = "object"
 version = "0.36.7"
@@ -3243,9 +3285,9 @@ dependencies = [

 [[package]]
 name = "once_cell"
-version = "1.21.1"
+version = "1.21.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d75b0bedcc4fe52caa0e03d9f1151a323e4aa5e2d78ba3580400cd3c9e2bc4bc"
+checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"

 [[package]]
 name = "opaque-debug"
@@ -3267,9 +3309,9 @@ dependencies = [

 [[package]]
 name = "openssl"
-version = "0.10.71"
+version = "0.10.72"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5e14130c6a98cd258fdcb0fb6d744152343ff729cbfcb28c656a9d12b999fbcd"
+checksum = "fedfea7d58a1f73118430a55da6a286e7b044961736ce96a16a17068ea25e5da"
 dependencies = [
 "bitflags 2.9.0",
 "cfg-if",
@@ -3308,9 +3350,9 @@ dependencies = [

 [[package]]
 name = "openssl-sys"
-version = "0.9.106"
+version = "0.9.107"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8bb61ea9811cc39e3c2069f40b8b8e2e70d8569b361f879786cc7ed48b777cdd"
+checksum = "8288979acd84749c744a9014b4382d42b8f7b2592847b5afb2ed29e5d16ede07"
 dependencies = [
 "cc",
 "libc",
@@ -3667,7 +3709,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "eac26e981c03a6e53e0aee43c113e3202f5581d5360dae7bd2c70e800dd0451d"
 dependencies = [
 "base64 0.22.1",
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "quick-xml",
 "serde",
 "time",
@@ -3936,9 +3978,9 @@ dependencies = [

 [[package]]
 name = "quinn-udp"
-version = "0.5.10"
+version = "0.5.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e46f3055866785f6b92bc6164b76be02ca8f2eb4b002c0354b28cf4c119e5944"
+checksum = "541d0f57c6ec747a90738a52741d3221f7960e8ac2f0ff4b1a63680e033b4ab5"
 dependencies = [
 "cfg_aliases",
 "libc",
@@ -4348,9 +4390,9 @@ dependencies = [

 [[package]]
 name = "rustix"
-version = "1.0.3"
+version = "1.0.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e56a18552996ac8d29ecc3b190b4fdbb2d91ca4ec396de7bbffaf43f3d637e96"
+checksum = "d97817398dd4bb2e6da002002db259209759911da105da92bec29ccb12cf58bf"
 dependencies = [
 "bitflags 2.9.0",
 "errno",
@@ -4393,9 +4435,9 @@ dependencies = [

 [[package]]
 name = "rustls-webpki"
-version = "0.103.0"
+version = "0.103.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0aa4eeac2588ffff23e9d7a7e9b3f971c5fb5b7ebc9452745e0c232c64f83b2f"
+checksum = "fef8b8769aaccf73098557a87cd1816b4f9c7c16811c9c77142aa695c16f2c03"
 dependencies = [
 "ring",
 "rustls-pki-types",
@@ -4646,7 +4688,7 @@ dependencies = [
 "chrono",
 "hex",
 "indexmap 1.9.3",
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "serde",
 "serde_derive",
 "serde_json",
@@ -4794,15 +4836,15 @@ dependencies = [

 [[package]]
 name = "smallvec"
-version = "1.14.0"
+version = "1.15.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7fcf8323ef1faaee30a44a340193b1ac6814fd9b7b4e88e9d4519a3e4abe1cfd"
+checksum = "8917285742e9f3e1683f0a9c4e6b57960b7314d0b08d30d1ecd426713ee2eee9"

 [[package]]
 name = "socket2"
-version = "0.5.8"
+version = "0.5.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c970269d99b64e60ec3bd6ad27270092a5394c4e309314b18ae3fe575695fbe8"
+checksum = "4f5fd57c80058a56cf5c777ab8a126398ece8e442983605d280a44ce79d0edef"
 dependencies = [
 "libc",
 "windows-sys 0.52.0",
@@ -4893,9 +4935,9 @@ checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"

 [[package]]
 name = "string_cache"
-version = "0.8.8"
+version = "0.8.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "938d512196766101d333398efde81bc1f37b00cb42c2f8350e5df639f040bbbe"
+checksum = "bf776ba3fa74f83bf4b63c3dcbbf82173db2632ed8452cb2d891d33f459de70f"
 dependencies = [
 "new_debug_unreachable",
 "parking_lot",
@@ -5099,7 +5141,7 @@ checksum = "61c41af27dd6d1e27b1b16b489db798443478cef1f06a660c96db617ba5de3b1"

 [[package]]
 name = "tauri"
-version = "2.4.0"
+version = "2.4.1"
 dependencies = [
 "anyhow",
 "bytes",
@@ -5139,11 +5181,11 @@ dependencies = [
 "specta",
 "swift-rs",
 "tauri",
- "tauri-build 2.1.0",
+ "tauri-build 2.1.1",
 "tauri-macros",
 "tauri-runtime",
 "tauri-runtime-wry",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 "thiserror 2.0.12",
 "tokio",
 "tracing",
@@ -5159,7 +5201,7 @@ dependencies = [

 [[package]]
 name = "tauri-build"
-version = "2.1.0"
+version = "2.1.1"
 dependencies = [
 "anyhow",
 "cargo_toml",
@@ -5173,7 +5215,7 @@ dependencies = [
 "serde",
 "serde_json",
 "tauri-codegen",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 "tauri-winres",
 "toml",
 "walkdir",
@@ -5181,9 +5223,9 @@ dependencies = [

 [[package]]
 name = "tauri-build"
-version = "2.1.0"
+version = "2.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7ffa8732a66f90903f5a585215f3cf1e87988d0359bc88c18a502efe7572c1de"
+checksum = "0fd20e4661c2cce65343319e6e8da256958f5af958cafc47c0d0af66a55dcd17"
 dependencies = [
 "anyhow",
 "cargo_toml",
@@ -5195,7 +5237,7 @@ dependencies = [
 "semver",
 "serde",
 "serde_json",
- "tauri-utils 2.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-utils 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
 "tauri-winres",
 "toml",
 "walkdir",
@@ -5203,7 +5245,7 @@ dependencies = [

 [[package]]
 name = "tauri-codegen"
-version = "2.1.0"
+version = "2.1.1"
 dependencies = [
 "base64 0.22.1",
 "brotli",
@@ -5219,7 +5261,7 @@ dependencies = [
 "serde_json",
 "sha2",
 "syn 2.0.100",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 "thiserror 2.0.12",
 "time",
 "url",
@@ -5229,21 +5271,21 @@ dependencies = [

 [[package]]
 name = "tauri-macros"
-version = "2.1.0"
+version = "2.1.1"
 dependencies = [
 "heck 0.5.0",
 "proc-macro2",
 "quote",
 "syn 2.0.100",
 "tauri-codegen",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 ]

 [[package]]
 name = "tauri-plugin"
-version = "2.1.0"
+version = "2.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9972871fcbddf16618f70412d965d4d845cd4b76d03fff168709961ef71e5cdf"
+checksum = "a4190775d6ff73fe66d9af44c012739a2659720efd9c0e1e56a918678038699d"
 dependencies = [
 "anyhow",
 "glob",
@@ -5251,7 +5293,7 @@ dependencies = [
 "schemars",
 "serde",
 "serde_json",
- "tauri-utils 2.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-utils 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
 "toml",
 "walkdir",
 ]
@@ -5273,9 +5315,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-deep-link"
-version = "2.2.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "35d51ffd286073414d26353bcfc9e83e3cd63f96fa7f7a912f92f2118e5de5a6"
+checksum = "dba4412f30eaff6f5d210e20383c2d6835593977402092e95b72497a4f8632fa"
 dependencies = [
 "dunce",
 "rust-ini",
@@ -5283,19 +5325,19 @@ dependencies = [
 "serde_json",
 "tauri",
 "tauri-plugin",
- "tauri-utils 2.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-utils 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
 "thiserror 2.0.12",
 "tracing",
 "url",
- "windows-registry 0.3.0",
- "windows-result 0.2.0",
+ "windows-registry 0.5.1",
+ "windows-result",
 ]

 [[package]]
 name = "tauri-plugin-dialog"
-version = "2.2.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b59fd750551b1066744ab956a1cd6b1ea3e1b3763b0b9153ac27a044d596426"
+checksum = "bcaf6e5d6062423a0f711a23c2a573ccba222b6a16a9322d8499928f27e41376"
 dependencies = [
 "log",
 "raw-window-handle",
@@ -5311,9 +5353,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-fs"
-version = "2.2.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a1a1edf18000f02903a7c2e5997fb89aca455ecbc0acc15c6535afbb883be223"
+checksum = "88371e340ad2f07409a3b68294abe73f20bc9c1bc1b631a31dc37a3d0161f682"
 dependencies = [
 "anyhow",
 "dunce",
@@ -5325,7 +5367,7 @@ dependencies = [
 "serde_repr",
 "tauri",
 "tauri-plugin",
- "tauri-utils 2.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
+ "tauri-utils 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
 "thiserror 2.0.12",
 "toml",
 "url",
@@ -5348,10 +5390,12 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-http"
-version = "2.4.2"
+version = "2.4.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "696ef548befeee6c6c17b80ef73e7c41205b6c2204e87ef78ccc231212389a5c"
+checksum = "40dcd6c922a1885e1f0bcebc6768fec6e005bd4b9001c5d90a2f5d4cab297729"
 dependencies = [
+ "bytes",
+ "cookie_store",
 "data-url",
 "http",
 "regex",
@@ -5458,9 +5502,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-process"
-version = "2.2.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "40cc553ab29581c8c43dfa5fb0c9d5aee8ba962ad3b42908eea26c79610441b7"
+checksum = "57da5888533e802b6206b9685091f8714aa1f5266dc80051a82388449558b773"
 dependencies = [
 "tauri",
 "tauri-plugin",
@@ -5468,9 +5512,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-shell"
-version = "2.2.0"
+version = "2.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bb2c50a63e60fb8925956cc5b7569f4b750ac197a4d39f13b8dd46ea8e2bad79"
+checksum = "69d5eb3368b959937ad2aeaf6ef9a8f5d11e01ffe03629d3530707bbcb27ff5d"
 dependencies = [
 "encoding_rs",
 "log",
@@ -5501,9 +5545,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-single-instance"
-version = "2.2.2"
+version = "2.2.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "25bbc73eed15bba8ad290a52614f2711280df4bf575b36ce78f64367074b90b7"
+checksum = "1320af4d866a7fb5f5721d299d14d0dd9e4e6bc0359ff3e263124a2bf6814efa"
 dependencies = [
 "serde",
 "serde_json",
@@ -5516,9 +5560,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-updater"
-version = "2.6.1"
+version = "2.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a31bfcfb4a8318008d2108ccfba439d8263cf48867baabf372cb0e9f24771896"
+checksum = "d82da763248e635d60ee4aed56c862290e523acc838d83097171f9a544708387"
 dependencies = [
 "base64 0.22.1",
 "dirs",
@@ -5548,9 +5592,9 @@ dependencies = [

 [[package]]
 name = "tauri-plugin-window-state"
-version = "2.2.1"
+version = "2.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "35e344b512b0d99d9d06225f235d87d6c66d89496a3bf323d9b578d940596e6c"
+checksum = "a27a3fe49de72adbe0d84aee33c89a0b059722cd0b42aaeab29eaaee7f7535cd"
 dependencies = [
 "bitflags 2.9.0",
 "log",
@@ -5563,7 +5607,7 @@ dependencies = [

 [[package]]
 name = "tauri-runtime"
-version = "2.5.0"
+version = "2.5.1"
 dependencies = [
 "cookie",
 "dpi",
@@ -5573,7 +5617,7 @@ dependencies = [
 "raw-window-handle",
 "serde",
 "serde_json",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 "thiserror 2.0.12",
 "url",
 "windows",
@@ -5581,7 +5625,7 @@ dependencies = [

 [[package]]
 name = "tauri-runtime-wry"
-version = "2.5.0"
+version = "2.5.1"
 dependencies = [
 "gtk",
 "http",
@@ -5596,7 +5640,7 @@ dependencies = [
 "softbuffer",
 "tao",
 "tauri-runtime",
- "tauri-utils 2.3.0",
+ "tauri-utils 2.3.1",
 "tracing",
 "url",
 "webkit2gtk",
@@ -5607,7 +5651,7 @@ dependencies = [

 [[package]]
 name = "tauri-utils"
-version = "2.3.0"
+version = "2.3.1"
 dependencies = [
 "aes-gcm",
 "anyhow",
@@ -5648,9 +5692,9 @@ dependencies = [

 [[package]]
 name = "tauri-utils"
-version = "2.3.0"
+version = "2.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "82dcced4014e59af9790cc22f5d271df3be09ecd6728ec68861642553c8d01b7"
+checksum = "1f037e66c7638cc0a2213f61566932b9a06882b8346486579c90e4b019bac447"
 dependencies = [
 "anyhow",
 "cargo_metadata",
@@ -5702,7 +5746,7 @@ dependencies = [
 "fastrand",
 "getrandom 0.3.2",
 "once_cell",
- "rustix 1.0.3",
+ "rustix 1.0.5",
 "windows-sys 0.59.0",
 ]

@@ -5920,7 +5964,7 @@ version = "0.19.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1b5bb770da30e5cbfde35a2d7b9b8a2c4b8ef89548a7a6aeab5c9a576e3e7421"
 dependencies = [
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "toml_datetime",
 "winnow 0.5.40",
 ]
@@ -5931,7 +5975,7 @@ version = "0.20.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "70f427fce4d84c72b5b732388bf4a9f4531b53f74e2887e3ecb2481f68f66d81"
 dependencies = [
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "toml_datetime",
 "winnow 0.5.40",
 ]
@@ -5942,7 +5986,7 @@ version = "0.22.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "17b4795ff5edd201c7cd6dca065ae59972ce77d1b80fa0a84d94950ece7d1474"
 dependencies = [
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "serde",
 "serde_spanned",
 "toml_datetime",
@@ -6211,9 +6255,9 @@ dependencies = [

 [[package]]
 name = "value-bag"
-version = "1.10.0"
+version = "1.11.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3ef4c4aa54d5d05a279399bfa921ec387b7aba77caf7a682ae8d86785b8fdad2"
+checksum = "943ce29a8a743eb10d6082545d861b24f9d1b160b7d741e0f2cdf726bec909c5"

 [[package]]
 name = "vcpkg"
@@ -6469,7 +6513,7 @@ dependencies = [
 "webview2-com-sys",
 "windows",
 "windows-core 0.60.1",
- "windows-implement",
+ "windows-implement 0.59.0",
 "windows-interface",
 ]

@@ -6563,28 +6607,32 @@ dependencies = [
 "windows-core 0.60.1",
 ]

-[[package]]
-name = "windows-core"
-version = "0.52.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "33ab640c8d7e35bf8ba19b884ba838ceb4fba93a4e8c65a9059d08afcfc683d9"
-dependencies = [
- "windows-targets 0.52.6",
-]
-
 [[package]]
 name = "windows-core"
 version = "0.60.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ca21a92a9cae9bf4ccae5cf8368dce0837100ddf6e6d57936749e85f152f6247"
 dependencies = [
- "windows-implement",
+ "windows-implement 0.59.0",
 "windows-interface",
 "windows-link",
- "windows-result 0.3.2",
+ "windows-result",
 "windows-strings 0.3.1",
 ]

+[[package]]
+name = "windows-core"
+version = "0.61.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4763c1de310c86d75a878046489e2e5ba02c649d185f21c67d4cf8a56d098980"
+dependencies = [
+ "windows-implement 0.60.0",
+ "windows-interface",
+ "windows-link",
+ "windows-result",
+ "windows-strings 0.4.0",
+]
+
 [[package]]
 name = "windows-future"
 version = "0.1.1"
@@ -6606,6 +6654,17 @@ dependencies = [
 "syn 2.0.100",
 ]

+[[package]]
+name = "windows-implement"
+version = "0.60.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a47fddd13af08290e67f4acabf4b459f647552718f683a7b415d290ac744a836"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.100",
+]
+
 [[package]]
 name = "windows-interface"
 version = "0.59.1"
@@ -6633,35 +6692,26 @@ dependencies = [
 "windows-link",
 ]

-[[package]]
-name = "windows-registry"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bafa604f2104cf5ae2cc2db1dee84b7e6a5d11b05f737b60def0ffdc398cbc0a"
-dependencies = [
- "windows-result 0.2.0",
- "windows-strings 0.2.0",
- "windows-targets 0.52.6",
-]
-
 [[package]]
 name = "windows-registry"
 version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4286ad90ddb45071efd1a66dfa43eb02dd0dfbae1545ad6cc3c51cf34d7e8ba3"
 dependencies = [
- "windows-result 0.3.2",
+ "windows-result",
 "windows-strings 0.3.1",
 "windows-targets 0.53.0",
 ]

 [[package]]
-name = "windows-result"
-version = "0.2.0"
+name = "windows-registry"
+version = "0.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d1043d8214f791817bab27572aaa8af63732e11bf84aa21a45a78d6c317ae0e"
+checksum = "ad1da3e436dc7653dfdf3da67332e22bff09bb0e28b0239e1624499c7830842e"
 dependencies = [
- "windows-targets 0.52.6",
+ "windows-link",
+ "windows-result",
+ "windows-strings 0.4.0",
 ]

 [[package]]
@@ -6675,18 +6725,18 @@ dependencies = [

 [[package]]
 name = "windows-strings"
-version = "0.2.0"
+version = "0.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "978d65aedf914c664c510d9de43c8fd85ca745eaff1ed53edf409b479e441663"
+checksum = "87fa48cc5d406560701792be122a10132491cff9d0aeb23583cc2dcafc847319"
 dependencies = [
- "windows-targets 0.52.6",
+ "windows-link",
 ]

 [[package]]
 name = "windows-strings"
-version = "0.3.1"
+version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "87fa48cc5d406560701792be122a10132491cff9d0aeb23583cc2dcafc847319"
+checksum = "7a2ba9642430ee452d5a7aa78d72907ebe8cfda358e8cb7918a2050581322f97"
 dependencies = [
 "windows-link",
 ]
@@ -7118,7 +7168,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0d65cbf2f12c15564212d48f4e3dfb87923d25d611f2aed18f4cb23f0413d89e"
 dependencies = [
 "libc",
- "rustix 1.0.3",
+ "rustix 1.0.5",
 ]

 [[package]]
@@ -7301,14 +7351,14 @@ dependencies = [

 [[package]]
 name = "zip"
-version = "2.5.0"
+version = "2.6.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "27c03817464f64e23f6f37574b4fdc8cf65925b5bfd2b0f2aedf959791941f88"
+checksum = "1dcb24d0152526ae49b9b96c1dcf71850ca1e0b882e4e28ed898a93c41334744"
 dependencies = [
 "arbitrary",
 "crc32fast",
 "crossbeam-utils",
- "indexmap 2.8.0",
+ "indexmap 2.9.0",
 "memchr",
 ]

@@ -26,7 +26,7 @@
  <a href="#screenshots">Screenshots</a> •
  <a href="#downloads">Downloads</a> •
  <a href="#getting-started">Getting Started</a> •
-  <a href="#contributors">Contributors</a> •
+  <a href="#troubleshooting">Troubleshooting</a> •
  <a href="#license">License</a>
 </p>

@@ -199,6 +199,39 @@ nix develop ./ops#android # enter a dev shell for the android app

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

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

 Readest is open-source, and contributions are welcome! Feel free to open issues, suggest features, or submit pull requests. Please **review our [contributing guidelines](CONTRIBUTING.md) before you start**. We also welcome you to join our [Discord][link-discord] community for either support or contributing guidance.
@@ -219,9 +252,10 @@ The following libraries and frameworks are used in this software:
 - [zip.js](https://github.com/gildas-lormeau/zip.js), which is licensed under the BSD-3-Clause license.
 - [fflate](https://github.com/101arrowz/fflate), which is MIT licensed.
 - [PDF.js](https://github.com/mozilla/pdf.js), which is licensed under Apache License 2.0.
+- [daisyUI](https://github.com/saadeghi/daisyui), which is MIT licensed.
 - [next.js](https://github.com/vercel/next.js), which is MIT licensed.
- [react](https://github.com/facebook/react), which is MIT licensed.
 - [react-icons](https://github.com/react-icons/react-icons), which has various open-source licenses.
+- [react](https://github.com/facebook/react), which is MIT licensed.
 - [tauri](https://github.com/tauri-apps/tauri), which is MIT licensed.

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

+NEXT_PUBLIC_STORAGE_FIXED_QUOTA=1073741824
+
 SUPABASE_ADMIN_KEY=YOUR_SUPABASE_ADMIN_KEY

 DEEPL_PRO_API_KEYS=YOUR_DEEPL_PRO_API_KEYS
@@ -1,6 +1,6 @@
 {
  "name": "@readest/readest-app",
-  "version": "0.9.29",
+  "version": "0.9.33",
  "private": true,
  "scripts": {
    "dev": "dotenv -e .env.tauri -- next dev",
@@ -42,19 +42,19 @@
    "@supabase/auth-ui-react": "^0.4.7",
    "@supabase/auth-ui-shared": "^0.1.8",
    "@supabase/supabase-js": "^2.47.7",
-    "@tauri-apps/api": "2.3.0",
+    "@tauri-apps/api": "2.4.1",
    "@tauri-apps/plugin-cli": "^2.2.0",
-    "@tauri-apps/plugin-deep-link": "^2.2.0",
-    "@tauri-apps/plugin-dialog": "^2.2.0",
-    "@tauri-apps/plugin-fs": "^2.2.0",
-    "@tauri-apps/plugin-haptics": "^2.2.3",
-    "@tauri-apps/plugin-http": "^2.3.0",
-    "@tauri-apps/plugin-log": "^2.2.3",
+    "@tauri-apps/plugin-deep-link": "^2.2.1",
+    "@tauri-apps/plugin-dialog": "^2.2.1",
+    "@tauri-apps/plugin-fs": "^2.2.1",
+    "@tauri-apps/plugin-haptics": "^2.2.4",
+    "@tauri-apps/plugin-http": "^2.4.3",
+    "@tauri-apps/plugin-log": "^2.3.1",
    "@tauri-apps/plugin-opener": "^2.2.6",
-    "@tauri-apps/plugin-os": "^2.2.0",
-    "@tauri-apps/plugin-process": "^2.2.0",
-    "@tauri-apps/plugin-shell": "~2.2.0",
-    "@tauri-apps/plugin-updater": "^2.5.1",
+    "@tauri-apps/plugin-os": "^2.2.1",
+    "@tauri-apps/plugin-process": "^2.2.1",
+    "@tauri-apps/plugin-shell": "~2.2.1",
+    "@tauri-apps/plugin-updater": "^2.7.0",
    "@zip.js/zip.js": "^2.7.53",
    "aws4fetch": "^1.0.20",
    "clsx": "^2.1.1",
@@ -74,18 +74,20 @@
    "react-i18next": "^15.2.0",
    "react-icons": "^5.4.0",
    "react-responsive": "^10.0.0",
+    "semver": "^7.7.1",
    "tinycolor2": "^1.6.0",
    "zustand": "5.0.1"
  },
  "devDependencies": {
    "@opennextjs/cloudflare": "^0.5.12",
-    "@tauri-apps/cli": "2.3.1",
+    "@tauri-apps/cli": "2.4.1",
    "@types/cors": "^2.8.17",
    "@types/cssbeautify": "^0.3.5",
    "@types/node": "^22.10.1",
    "@types/react": "18.3.12",
    "@types/react-color": "^3.0.13",
    "@types/react-dom": "18.3.1",
+    "@types/semver": "^7.7.0",
    "@types/tinycolor2": "^1.4.6",
    "autoprefixer": "^10.4.20",
    "cpx2": "^8.0.0",
@@ -126,8 +126,6 @@
  "Apply to All Books": "تطبيق على جميع الكتب",
  "Apply to This Book": "تطبيق على هذا الكتاب",
  "Unable to fetch the translation. Try again later.": "تعذر جلب الترجمة. حاول مرة أخرى لاحقًا.",
-  "Update Now!": "قم بالتحديث الآن!",
-  "Update": "تحديث",
  "Check Update": "التحقق من التحديث",
  "Already the latest version": "الإصدار الحالي هو الإصدار الأحدث بالفعل",
  "Book Details": "تفاصيل الكتاب",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "تم النسخ إلى الحافظة",
  "Export Annotations": "تصدير التعليقات",
  "Auto Import on File Open": "استيراد تلقائي عند فتح الملف",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "تبديل منطقة التقليب بالنقر",
  "No chapters detected.": "لم يتم التعرف على فصول.",
  "Failed to parse the EPUB file.": "فشل في تحليل ملف EPUB.",
  "This book format is not supported.": "هذا تنسيق الكتاب غير مدعوم.",
  "Unable to fetch the translation. Please log in first and try again.": "تعذر جلب الترجمة. يرجى تسجيل الدخول أولاً ثم المحاولة مرة أخرى.",
-  "Group": "تجميع"
+  "Group": "تجميع",
+  "Always on Top": "دائمًا في المقدمة",
+  "No Timeout": "لا مهلة",
+  "{{value}} minute": "{{value}} دقيقة",
+  "{{value}} minutes": "{{value}} دقائق",
+  "{{value}} hour": "{{value}} ساعة",
+  "{{value}} hours": "{{value}} ساعات",
+  "CJK Font": "خط CJK",
+  "Clear Search": "مسح البحث",
+  "Header & Footer": "الرأس والتذييل",
+  "Apply also in Scrolled Mode": "تطبيق أيضًا في وضع التمرير",
+  "A new version of Readest is Available!": "إصدار جديد من ريديست متاح!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "إصدار ريديست {{newVersion}} متاح (الإصدار المثبت {{currentVersion}}).",
+  "Download and install now?": "هل ترغب في تنزيل وتثبيت الآن؟",
+  "Downloading {{downloaded}} of {{contentLength}}": "جارٍ تنزيل {{downloaded}} من {{contentLength}}",
+  "Download finished": "اكتمل التنزيل",
+  "DOWNLOAD & INSTALL": "تنزيل وتثبيت",
+  "Changelog:": "سجل التغييرات:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Auf alle Bücher anwenden",
  "Apply to This Book": "Auf dieses Buch anwenden",
  "Unable to fetch the translation. Try again later.": "Übersetzung konnte nicht abgerufen werden. Versuchen Sie es später erneut.",
-  "Update Now!": "Jetzt aktualisieren!",
-  "Update": "Aktualisieren",
  "Check Update": "Aktualisierung prüfen",
  "Already the latest version": "Bereits die neueste Version",
  "Book Details": "Buchdetails",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "In die Zwischenablage kopiert",
  "Export Annotations": "Anmerkungen exportieren",
  "Auto Import on File Open": "Automatischer Import beim Öffnen einer Datei",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Klick-zu-Blättern-Bereich tauschen",
  "No chapters detected.": "Keine Kapitel erkannt.",
  "Failed to parse the EPUB file.": "Fehler beim Parsen der EPUB-Datei.",
  "This book format is not supported.": "Dieses Buchformat wird nicht unterstützt.",
  "Unable to fetch the translation. Please log in first and try again.": "Übersetzung konnte nicht abgerufen werden. Bitte zuerst anmelden und erneut versuchen.",
-  "Group": "Gruppieren"
+  "Group": "Gruppieren",
+  "Always on Top": "Immer im Vordergrund",
+  "No Timeout": "Kein Timeout",
+  "{{value}} minute": "{{value}} Minute",
+  "{{value}} minutes": "{{value}} Minuten",
+  "{{value}} hour": "{{value}} Stunde",
+  "{{value}} hours": "{{value}} Stunden",
+  "CJK Font": "CJK-Schriftart",
+  "Clear Search": "Suche löschen",
+  "Header & Footer": "Kopf- & Fußzeile",
+  "Apply also in Scrolled Mode": "Auch im Scroll-Modus anwenden",
+  "A new version of Readest is Available!": "Eine neue Version von Readest ist verfügbar!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} ist verfügbar (installierte Version {{currentVersion}}).",
+  "Download and install now?": "Jetzt herunterladen und installieren?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Herunterladen {{downloaded}} von {{contentLength}}",
+  "Download finished": "Download abgeschlossen",
+  "DOWNLOAD & INSTALL": "HERUNTERLADEN & INSTALLIEREN",
+  "Changelog:": "Änderungsprotokoll:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Εφαρμογή σε όλα τα βιβλία",
  "Apply to This Book": "Εφαρμογή σε αυτό το βιβλίο",
  "Unable to fetch the translation. Try again later.": "Αδυναμία λήψης της μετάφρασης. Δοκιμάστε ξανά αργότερα.",
-  "Update Now!": "Ενημέρωση τώρα!",
-  "Update": "Ενημέρωση",
  "Check Update": "Έλεγχος ενημέρωσης",
  "Already the latest version": "Ήδη η τελευταία έκδοση",
  "Book Details": "Λεπτομέρειες βιβλίου",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Αντιγράφηκε στο πρόχειρο",
  "Export Annotations": "Εξαγωγή σχολιασμών",
  "Auto Import on File Open": "Αυτόματη εισαγωγή κατά το άνοιγμα αρχείου",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Ανταλλαγή περιοχής κλικ για γύρισμα σελίδας",
  "No chapters detected.": "Δεν εντοπίστηκαν κεφάλαια.",
  "Failed to parse the EPUB file.": "Αποτυχία ανάλυσης του αρχείου EPUB.",
  "This book format is not supported.": "Αυτή η μορφή βιβλίου δεν υποστηρίζεται.",
  "Unable to fetch the translation. Please log in first and try again.": "Αδυναμία λήψης της μετάφρασης. Παρακαλώ συνδεθείτε πρώτα και δοκιμάστε ξανά.",
-  "Group": "Ομάδα"
+  "Group": "Ομάδα",
+  "Always on Top": "Πάντα στην κορυφή",
+  "No Timeout": "Χωρίς χρονικό όριο",
+  "{{value}} minute": "{{value}} λεπτό",
+  "{{value}} minutes": "{{value}} λεπτά",
+  "{{value}} hour": "{{value}} ώρα",
+  "{{value}} hours": "{{value}} ώρες",
+  "CJK Font": "Γραμματοσειρά CJK",
+  "Clear Search": "Καθαρισμός αναζήτησης",
+  "Header & Footer": "Κεφαλίδα & Υποσέλιδο",
+  "Apply also in Scrolled Mode": "Εφαρμογή και σε λειτουργία κύλισης",
+  "A new version of Readest is Available!": "Μια νέα έκδοση του Readest είναι διαθέσιμη!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Η έκδοση Readest {{newVersion}} είναι διαθέσιμη (έκδοση που είναι εγκατεστημένη {{currentVersion}}).",
+  "Download and install now?": "Θέλετε να την κατεβάσετε και να την εγκαταστήσετε τώρα;",
+  "Downloading {{downloaded}} of {{contentLength}}": "Κατεβάζω {{downloaded}} από {{contentLength}}",
+  "Download finished": "Η λήψη ολοκληρώθηκε",
+  "DOWNLOAD & INSTALL": "ΛΗΨΗ & ΕΓΚΑΤΑΣΤΑΣΗ",
+  "Changelog:": "Αλλαγές:"
 }
@@ -1,3 +1,4 @@
 {
-  "LXGW WenKai GB Screen": "LXGW WenKai"
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Aplicar a todos los libros",
  "Apply to This Book": "Aplicar a este libro",
  "Unable to fetch the translation. Try again later.": "No se puede obtener la traducción. Inténtalo de nuevo más tarde.",
-  "Update Now!": "¡Actualizar ahora!",
-  "Update": "Actualizar",
  "Check Update": "Comprobar actualización",
  "Already the latest version": "Ya es la última versión",
  "Book Details": "Detalles del libro",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Copiado al portapapeles",
  "Export Annotations": "Exportar anotaciones",
  "Auto Import on File Open": "Importación automática al abrir archivo",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Intercambiar área de clic para voltear",
  "No chapters detected.": "No se detectaron capítulos.",
  "Failed to parse the EPUB file.": "Error al analizar el archivo EPUB.",
  "This book format is not supported.": "Este formato de libro no es compatible.",
  "Unable to fetch the translation. Please log in first and try again.": "No se puede obtener la traducción. Por favor, inicia sesión primero e inténtalo de nuevo.",
-  "Group": "Grupo"
+  "Group": "Grupo",
+  "Always on Top": "Siempre en la parte superior",
+  "No Timeout": "Sin tiempo de espera",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minutos",
+  "{{value}} hour": "{{value}} hora",
+  "{{value}} hours": "{{value}} horas",
+  "CJK Font": "Fuente CJK",
+  "Clear Search": "Limpiar búsqueda",
+  "Header & Footer": "Encabezado y pie de página",
+  "Apply also in Scrolled Mode": "Aplicar también en modo desplazamiento",
+  "A new version of Readest is Available!": "¡Una nueva versión de Readest está disponible!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponible (versión instalada {{currentVersion}}).",
+  "Download and install now?": "Descargar e instalar ahora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Descargando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Descarga finalizada",
+  "DOWNLOAD & INSTALL": "DESCARGAR E INSTALAR",
+  "Changelog:": "Notas de la versión:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Appliquer à tous les livres",
  "Apply to This Book": "Appliquer à ce livre",
  "Unable to fetch the translation. Try again later.": "Impossible de récupérer la traduction. Réessayez plus tard.",
-  "Update Now!": "Mettre à jour maintenant !",
-  "Update": "Mettre à jour",
  "Check Update": "Vérifier la mise à jour",
  "Already the latest version": "Déjà la dernière version",
  "Book Details": "Détails du livre",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Copié dans le presse-papiers",
  "Export Annotations": "Exporter les annotations",
  "Auto Import on File Open": "Importation automatique à l'ouverture du fichier",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Échanger la zone de clic pour tourner",
  "No chapters detected.": "Aucun chapitre détecté.",
  "Failed to parse the EPUB file.": "Échec de l'analyse du fichier EPUB.",
  "This book format is not supported.": "Ce format de livre n'est pas pris en charge.",
  "Unable to fetch the translation. Please log in first and try again.": "Impossible de récupérer la traduction. Veuillez d'abord vous connecter et réessayer.",
-  "Group": "Groupe"
+  "Group": "Groupe",
+  "Always on Top": "Toujours au-dessus",
+  "No Timeout": "Aucun délai d'attente",
+  "{{value}} minute": "{{value}} minute",
+  "{{value}} minutes": "{{value}} minutes",
+  "{{value}} hour": "{{value}} heure",
+  "{{value}} hours": "{{value}} heures",
+  "CJK Font": "Police CJK",
+  "Clear Search": "Effacer la recherche",
+  "Header & Footer": "En-tête et pied de page",
+  "Apply also in Scrolled Mode": "Appliquer également en mode défilement",
+  "A new version of Readest is Available!": "Avis de mise à jour",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} est disponible (version installée {{currentVersion}}).",
+  "Download and install now?": "Télécharger et installer maintenant ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Téléchargement {{downloaded}} sur {{contentLength}}",
+  "Download finished": "Téléchargement terminé",
+  "DOWNLOAD & INSTALL": "TÉLÉCHARGER ET INSTALLER",
+  "Changelog:": "Journal des modifications :"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "सभी पुस्तकों पर लागू करें",
  "Apply to This Book": "इस पुस्तक पर लागू करें",
  "Unable to fetch the translation. Try again later.": "अनुवाद प्राप्त करने में असमर्थ। बाद में पुनः प्रयास करें।",
-  "Update Now!": "अभी अपडेट करें!",
-  "Update": "अपडेट करें",
  "Check Update": "अपडेट जांचें",
  "Already the latest version": "पहले से ही नवीनतम संस्करण",
  "Book Details": "पुस्तक विवरण",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "क्लिपबोर्ड पर कॉपी किया गया",
  "Export Annotations": "टिप्पणियाँ निर्यात करें",
  "Auto Import on File Open": "फ़ाइल खोलने पर स्वचालित आयात",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "क्लिक-टू-फ्लिप क्षेत्र स्वैप करें",
  "No chapters detected.": "कोई अध्याय नहीं मिला।",
  "Failed to parse the EPUB file.": "EPUB फ़ाइल को पार्स करने में विफल।",
  "This book format is not supported.": "यह पुस्तक प्रारूप समर्थित नहीं है।",
  "Unable to fetch the translation. Please log in first and try again.": "अनुवाद प्राप्त करने में असमर्थ। कृपया पहले लॉग इन करें और पुनः प्रयास करें।",
-  "Group": "समूह"
+  "Group": "समूह",
+  "Always on Top": "सर्वोच्च पर हमेशा",
+  "No Timeout": "कोई समय समाप्त नहीं",
+  "{{value}} minute": "{{value}} मिनट",
+  "{{value}} minutes": "{{value}} मिनट",
+  "{{value}} hour": "{{value}} घंटा",
+  "{{value}} hours": "{{value}} घंटे",
+  "CJK Font": "CJK फ़ॉन्ट",
+  "Clear Search": "खोज साफ करें",
+  "Header & Footer": "हेडर और फ़ुटर",
+  "Apply also in Scrolled Mode": "स्क्रॉल मोड में भी लागू करें",
+  "A new version of Readest is Available!": "Readest का एक नया संस्करण उपलब्ध है!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} उपलब्ध है (स्थापित संस्करण {{currentVersion}})।",
+  "Download and install now?": "अब डाउनलोड और इंस्टॉल करें?",
+  "Downloading {{downloaded}} of {{contentLength}}": "डाउनलोड कर रहा है {{downloaded}} का {{contentLength}}",
+  "Download finished": "डाउनलोड पूरा हुआ",
+  "DOWNLOAD & INSTALL": "डाउनलोड और इंस्टॉल करें",
+  "Changelog:": "चेंजलॉग:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Terapkan ke semua buku",
  "Apply to This Book": "Terapkan ke buku ini",
  "Unable to fetch the translation. Try again later.": "Tidak dapat mengambil terjemahan. Coba lagi nanti.",
-  "Update Now!": "Perbarui Sekarang!",
-  "Update": "Perbarui",
  "Check Update": "Periksa pembaruan",
  "Already the latest version": "Sudah versi terbaru",
  "Book Details": "Detail Buku",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Disalin ke papan klip",
  "Export Annotations": "Ekspor Anotasi",
  "Auto Import on File Open": "Impor Otomatis saat File Dibuka",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Tukar Area Klik untuk Membalik",
  "No chapters detected.": "Tidak ada bab yang terdeteksi.",
  "Failed to parse the EPUB file.": "Gagal mengurai file EPUB.",
  "This book format is not supported.": "Format buku ini tidak didukung.",
  "Unable to fetch the translation. Please log in first and try again.": "Tidak dapat mengambil terjemahan. Silakan masuk terlebih dahulu dan coba lagi.",
-  "Group": "Grup"
+  "Group": "Grup",
+  "Always on Top": "Selalu di Atas",
+  "No Timeout": "Tidak Ada Waktu Habis",
+  "{{value}} minute": "{{value}} menit",
+  "{{value}} minutes": "{{value}} menit",
+  "{{value}} hour": "{{value}} jam",
+  "{{value}} hours": "{{value}} jam",
+  "CJK Font": "Font CJK",
+  "Clear Search": "Hapus Pencarian",
+  "Header & Footer": "Header & Footer",
+  "Apply also in Scrolled Mode": "Terapkan juga di Mode Gulir",
+  "A new version of Readest is Available!": "Versi baru Readest Tersedia!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} tersedia (versi terinstal {{currentVersion}}).",
+  "Download and install now?": "Unduh dan instal sekarang?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Mengunduh {{downloaded}} dari {{contentLength}}",
+  "Download finished": "Unduhan selesai",
+  "DOWNLOAD & INSTALL": "UNDUH & INSTAL",
+  "Changelog:": "Catatan Perubahan:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Applica a tutti i libri",
  "Apply to This Book": "Applica a questo libro",
  "Unable to fetch the translation. Try again later.": "Impossibile recuperare la traduzione. Riprova più tardi.",
-  "Update Now!": "Aggiorna ora!",
-  "Update": "Aggiorna",
  "Check Update": "Controlla aggiornamento",
  "Already the latest version": "Già l'ultima versione",
  "Book Details": "Dettagli libro",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Copiato negli appunti",
  "Export Annotations": "Esporta annotazioni",
  "Auto Import on File Open": "Importazione automatica all'apertura del file",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Scambia area click per voltare pagina",
  "No chapters detected.": "Nessun capitolo rilevato.",
  "Failed to parse the EPUB file.": "Impossibile analizzare il file EPUB.",
  "This book format is not supported.": "Questo formato di libro non è supportato.",
  "Unable to fetch the translation. Please log in first and try again.": "Impossibile recuperare la traduzione. Accedi prima e riprova.",
-  "Group": "Gruppo"
+  "Group": "Gruppo",
+  "Always on Top": "Sempre in primo piano",
+  "No Timeout": "Nessun timeout",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minuti",
+  "{{value}} hour": "{{value}} ora",
+  "{{value}} hours": "{{value}} ore",
+  "CJK Font": "Font CJK",
+  "Clear Search": "Cancella ricerca",
+  "Header & Footer": "Intestazione e piè di pagina",
+  "Apply also in Scrolled Mode": "Applica anche in modalità scorrimento",
+  "A new version of Readest is Available!": "È disponibile una nuova versione di Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} è disponibile (versione installata {{currentVersion}}).",
+  "Download and install now?": "Scarica e installa ora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Scaricando {{downloaded}} di {{contentLength}}",
+  "Download finished": "Download completato",
+  "DOWNLOAD & INSTALL": "SCARICA E INSTALLA",
+  "Changelog:": "Note di rilascio:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "すべての書籍に適用",
  "Apply to This Book": "この書籍に適用",
  "Unable to fetch the translation. Try again later.": "翻訳を取得できません。後で再試行してください。",
-  "Update Now!": "今すぐ更新！",
-  "Update": "更新",
  "Check Update": "更新を確認",
  "Already the latest version": "すでに最新バージョン",
  "Book Details": "書籍の詳細",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "クリップボードにコピー",
  "Export Annotations": "注釈をエクスポート",
  "Auto Import on File Open": "ファイルを開くと自動インポート",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "クリックめくりエリアを入れ替え",
  "No chapters detected.": "章が検出されません。",
  "Failed to parse the EPUB file.": "EPUBファイルの解析に失敗しました。",
  "This book format is not supported.": "この書籍形式はサポートされていません。",
  "Unable to fetch the translation. Please log in first and try again.": "翻訳を取得できません。まずログインして再試行してください。",
-  "Group": "グループ"
+  "Group": "グループ",
+  "Always on Top": "常に最前面",
+  "No Timeout": "タイムアウトなし",
+  "{{value}} minute": "{{value}}分",
+  "{{value}} minutes": "{{value}}分",
+  "{{value}} hour": "{{value}}時間",
+  "{{value}} hours": "{{value}}時間",
+  "CJK Font": "CJKフォント",
+  "Clear Search": "検索をクリア",
+  "Header & Footer": "ヘッダーとフッター",
+  "Apply also in Scrolled Mode": "スクロールモードでも適用",
+  "A new version of Readest is Available!": "新しいバージョンのReadestが利用可能です！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}が利用可能です（インストールされたバージョン{{currentVersion}}）。",
+  "Download and install now?": "今すぐダウンロードしてインストールしますか？",
+  "Downloading {{downloaded}} of {{contentLength}}": "ダウンロード中 {{downloaded}} / {{contentLength}}",
+  "Download finished": "ダウンロード完了",
+  "DOWNLOAD & INSTALL": "更新",
+  "Changelog:": "変更ログ："
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "모든 책에 적용",
  "Apply to This Book": "이 책에 적용",
  "Unable to fetch the translation. Try again later.": "번역을 가져올 수 없습니다. 나중에 다시 시도하세요.",
-  "Update Now!": "지금 업데이트!",
-  "Update": "업데이트",
  "Check Update": "업데이트 확인",
  "Already the latest version": "이미 최신 버전",
  "Book Details": "책 세부 정보",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "클립보드에 복사",
  "Export Annotations": "주석 내보내기",
  "Auto Import on File Open": "파일 열 때 자동 가져오기",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "클릭-뒤집기 영역 교환",
  "No chapters detected.": "장 발견되지 않음.",
  "Failed to parse the EPUB file.": "EPUB 파일 구문 분석 실패.",
  "This book format is not supported.": "이 책 형식은 지원되지 않습니다.",
  "Unable to fetch the translation. Please log in first and try again.": "번역을 가져올 수 없습니다. 먼저 로그인하고 다시 시도하세요.",
-  "Group": "그룹"
+  "Group": "그룹",
+  "Always on Top": "항상 위에",
+  "No Timeout": "타임아웃 없음",
+  "{{value}} minute": "{{value}} 분",
+  "{{value}} minutes": "{{value}} 분",
+  "{{value}} hour": "{{value}} 시간",
+  "{{value}} hours": "{{value}} 시간",
+  "CJK Font": "CJK 글꼴",
+  "Clear Search": "검색 지우기",
+  "Header & Footer": "헤더 및 푸터",
+  "Apply also in Scrolled Mode": "스크롤 모드에서도 적용",
+  "A new version of Readest is Available!": "Readest의 새 버전이 있습니다!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}}가 사용 가능 (설치된 버전 {{currentVersion}}).",
+  "Download and install now?": "지금 다운로드하고 설치하시겠습니까?",
+  "Downloading {{downloaded}} of {{contentLength}}": "다운로드 중 {{downloaded}} / {{contentLength}}",
+  "Download finished": "다운로드 완료",
+  "DOWNLOAD & INSTALL": "다운로드 및 설치",
+  "Changelog:": "변경 로그:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Zastosuj do wszystkich książek",
  "Apply to This Book": "Zastosuj do tej książki",
  "Unable to fetch the translation. Try again later.": "Nie udało się pobrać tłumaczenia. Spróbuj ponownie później.",
-  "Update Now!": "Zaktualizuj teraz!",
-  "Update": "Zaktualizuj",
  "Check Update": "Sprawdź aktualizację",
  "Already the latest version": "Już najnowsza wersja",
  "Book Details": "Szczegóły książki",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Skopiowano do schowka",
  "Export Annotations": "Eksportuj adnotacje",
  "Auto Import on File Open": "Automatyczne importowanie przy otwieraniu pliku",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Zamień obszar kliknięcia na przewracanie",
  "No chapters detected.": "Nie wykryto rozdziałów.",
  "Failed to parse the EPUB file.": "Nie udało się przeanalizować pliku EPUB.",
  "This book format is not supported.": "Ten format książki nie jest obsługiwany.",
  "Unable to fetch the translation. Please log in first and try again.": "Nie można pobrać tłumaczenia. Proszę najpierw się zalogować i spróbować ponownie.",
-  "Group": "Grupa"
+  "Group": "Grupa",
+  "Always on Top": "Zawsze na wierzchu",
+  "No Timeout": "Brak limitu czasu",
+  "{{value}} minute": "{{value}} minuta",
+  "{{value}} minutes": "{{value}} minut",
+  "{{value}} hour": "{{value}} godzina",
+  "{{value}} hours": "{{value}} godziny",
+  "CJK Font": "Czcionka CJK",
+  "Clear Search": "Wyczyść wyszukiwanie",
+  "Header & Footer": "Nagłówek i stopka",
+  "Apply also in Scrolled Mode": "Zastosuj również w trybie przewijania",
+  "A new version of Readest is Available!": "Nowa wersja Readest jest dostępna!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} jest dostępny (zainstalowana wersja {{currentVersion}}).",
+  "Download and install now?": "Pobierz i zainstaluj teraz?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Pobieranie {{downloaded}} z {{contentLength}}",
+  "Download finished": "Pobieranie zakończone",
+  "DOWNLOAD & INSTALL": "POBIERZ I ZAINSTALUJ",
+  "Changelog:": "Dziennik zmian:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Aplicar a todos os livros",
  "Apply to This Book": "Aplicar a este livro",
  "Unable to fetch the translation. Try again later.": "Não foi possível buscar a tradução. Tente novamente mais tarde.",
-  "Update Now!": "Atualizar Agora!",
-  "Update": "Atualizar",
  "Check Update": "Verificar atualização",
  "Already the latest version": "Já é a versão mais recente",
  "Book Details": "Detalhes do Livro",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Copiado para a área de transferência",
  "Export Annotations": "Exportar Anotações",
  "Auto Import on File Open": "Importação Automática ao Abrir Arquivo",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Trocar Área de Clique para Virar",
  "No chapters detected.": "Nenhum capítulo detectado.",
  "Failed to parse the EPUB file.": "Falha ao analisar o arquivo EPUB.",
  "This book format is not supported.": "Este formato de livro não é suportado.",
  "Unable to fetch the translation. Please log in first and try again.": "Não foi possível buscar a tradução. Faça login primeiro e tente novamente.",
-  "Group": "Grupo"
+  "Group": "Grupo",
+  "Always on Top": "Sempre no Topo",
+  "No Timeout": "Sem Tempo Limite",
+  "{{value}} minute": "{{value}} minuto",
+  "{{value}} minutes": "{{value}} minutos",
+  "{{value}} hour": "{{value}} hora",
+  "{{value}} hours": "{{value}} horas",
+  "CJK Font": "Fonte CJK",
+  "Clear Search": "Limpar Pesquisa",
+  "Header & Footer": "Cabeçalho e Rodapé",
+  "Apply also in Scrolled Mode": "Aplicar também no Modo Rolado",
+  "A new version of Readest is Available!": "Uma nova versão do Readest está disponível!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} está disponível (versão instalada {{currentVersion}}).",
+  "Download and install now?": "Baixar e instalar agora?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Baixando {{downloaded}} de {{contentLength}}",
+  "Download finished": "Download concluído",
+  "DOWNLOAD & INSTALL": "BAIXAR E INSTALAR",
+  "Changelog:": "Notas de versão:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Применить ко всем книгам",
  "Apply to This Book": "Применить к этой книге",
  "Unable to fetch the translation. Try again later.": "Не удалось получить перевод. Попробуйте позже.",
-  "Update Now!": "Обновить сейчас!",
-  "Update": "Обновить",
  "Check Update": "Проверить обновление",
  "Already the latest version": "Уже последняя версия",
  "Book Details": "Детали книги",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Скопировано в буфер обмена",
  "Export Annotations": "Экспортировать аннотации",
  "Auto Import on File Open": "Автоматический импорт при открытии файла",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Переключить область клика для переворота",
  "No chapters detected.": "Не обнаружено глав.",
  "Failed to parse the EPUB file.": "Не удалось разобрать файл EPUB.",
  "This book format is not supported.": "Этот формат книги не поддерживается.",
  "Unable to fetch the translation. Please log in first and try again.": "Не удалось получить перевод. Пожалуйста, войдите в систему и попробуйте снова.",
-  "Group": "Группа"
+  "Group": "Группа",
+  "Always on Top": "Всегда сверху",
+  "No Timeout": "Нет таймаута",
+  "{{value}} minute": "{{value}} минута",
+  "{{value}} minutes": "{{value}} минуты",
+  "{{value}} hour": "{{value}} час",
+  "{{value}} hours": "{{value}} часа",
+  "CJK Font": "CJK Шрифт",
+  "Clear Search": "Очистить поиск",
+  "Header & Footer": "Заголовок и нижний колонтитул",
+  "Apply also in Scrolled Mode": "Применить также в прокручиваемом режиме",
+  "A new version of Readest is Available!": "Доступна новая версия Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступен (установленная версия {{currentVersion}}).",
+  "Download and install now?": "Скачать и установить сейчас?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Скачано {{downloaded}} из {{contentLength}}",
+  "Download finished": "Загрузка завершена",
+  "DOWNLOAD & INSTALL": "СКАЧАТЬ И УСТАНОВИТЬ",
+  "Changelog:": "Изменения:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Tüm kitaplara uygula",
  "Apply to This Book": "Bu kitaba uygula",
  "Unable to fetch the translation. Try again later.": "Çeviri alınamıyor. Daha sonra tekrar deneyin.",
-  "Update Now!": "Şimdi Güncelle!",
-  "Update": "Güncelle",
  "Check Update": "Güncellemeyi kontrol et",
  "Already the latest version": "Zaten en son sürüm",
  "Book Details": "Kitap Detayları",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Panoya kopyalandı",
  "Export Annotations": "Notları Dışa Aktar",
  "Auto Import on File Open": "Dosya Açıldığında Otomatik İçe Aktar",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Tıkla-Çevir Alanını Değiştir",
  "No chapters detected.": "Bölüm bulunamadı.",
  "Failed to parse the EPUB file.": "EPUB dosyası ayrıştırılamadı.",
  "This book format is not supported.": "Bu kitap formatı desteklenmiyor.",
  "Unable to fetch the translation. Please log in first and try again.": "Çeviri alınamıyor. Lütfen önce giriş yapın ve tekrar deneyin.",
-  "Group": "Grup"
+  "Group": "Grup",
+  "Always on Top": "Her Zaman Üstte",
+  "No Timeout": "Zaman Aşımı Yok",
+  "{{value}} minute": "{{value}} dakika",
+  "{{value}} minutes": "{{value}} dakika",
+  "{{value}} hour": "{{value}} saat",
+  "{{value}} hours": "{{value}} saat",
+  "CJK Font": "CJK Yazı Tipi",
+  "Clear Search": "Aramayı Temizle",
+  "Header & Footer": "Başlık ve Altbilgi",
+  "Apply also in Scrolled Mode": "Kaydırılmış Modda da Uygula",
+  "A new version of Readest is Available!": "Yeni bir Readest sürümü mevcut!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} mevcut (yüklü sürüm {{currentVersion}}).",
+  "Download and install now?": "Şimdi indirip yükleyelim mi?",
+  "Downloading {{downloaded}} of {{contentLength}}": "İndiriliyor {{downloaded}}/{{contentLength}}",
+  "Download finished": "İndirme tamamlandı",
+  "DOWNLOAD & INSTALL": "İNDİR & YÜKLE",
+  "Changelog:": "Değişiklik Günlüğü:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Застосувати до всіх книг",
  "Apply to This Book": "Застосувати до цієї книги",
  "Unable to fetch the translation. Try again later.": "Не вдалося отримати переклад. Спробуйте пізніше.",
-  "Update Now!": "Оновити зараз!",
-  "Update": "Оновити",
  "Check Update": "Перевірити оновлення",
  "Already the latest version": "Вже остання версія",
  "Book Details": "Деталі книги",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Скопійовано в буфер обміну",
  "Export Annotations": "Експортувати анотації",
  "Auto Import on File Open": "Автоматичний імпорт при відкритті файлу",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Поміняти місцями область кліку для перевороту",
  "No chapters detected.": "Не виявлено жодного розділу.",
  "Failed to parse the EPUB file.": "Не вдалося розібрати файл EPUB.",
  "This book format is not supported.": "Цей формат книги не підтримується.",
  "Unable to fetch the translation. Please log in first and try again.": "Не вдалося отримати переклад. Будь ласка, спочатку увійдіть у систему та спробуйте ще раз.",
-  "Group": "Група"
+  "Group": "Група",
+  "Always on Top": "Завжди зверху",
+  "No Timeout": "Без тайм-ауту",
+  "{{value}} minute": "{{value}} хвилина",
+  "{{value}} minutes": "{{value}} хвилин",
+  "{{value}} hour": "{{value}} година",
+  "{{value}} hours": "{{value}} години",
+  "CJK Font": "CJK шрифт",
+  "Clear Search": "Очистити пошук",
+  "Header & Footer": "Заголовок і нижній колонтитул",
+  "Apply also in Scrolled Mode": "Застосувати також у прокрученому режимі",
+  "A new version of Readest is Available!": "Доступна нова версія Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} доступна (встановлена версія {{currentVersion}}).",
+  "Download and install now?": "Завантажити та встановити зараз?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Завантаження {{downloaded}} з {{contentLength}}",
+  "Download finished": "Завантаження завершено",
+  "DOWNLOAD & INSTALL": "ЗАВАНТАЖИТИ І ВСТАНОВИТИ",
+  "Changelog:": "Журнал змін:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "Áp dụng cho tất cả sách",
  "Apply to This Book": "Áp dụng cho sách này",
  "Unable to fetch the translation. Try again later.": "Không thể tải dịch vụ. Vui lòng thử lại sau.",
-  "Update Now!": "Cập nhật ngay!",
-  "Update": "Cập nhật",
  "Check Update": "Kiểm tra cập nhật",
  "Already the latest version": "Đã là phiên bản mới nhất",
  "Book Details": "Chi tiết sách",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "Đã sao chép vào bảng ghi",
  "Export Annotations": "Xuất chú thích",
  "Auto Import on File Open": "Tự động nhập khi mở tệp",
-  "LXGW WenKai GB Screen": "LXGW WenKai",
+  "LXGW WenKai GB Screen": "LXGW WenKai SC",
+  "LXGW WenKai TC": "LXGW WenKai TC",
  "Swap Click-to-Flip Area": "Hoán đổi khu vực nhấp để lật trang",
  "No chapters detected.": "Không phát hiện thấy chương nào.",
  "Failed to parse the EPUB file.": "Không thể phân tích tệp EPUB.",
  "This book format is not supported.": "Định dạng sách này không được hỗ trợ.",
  "Unable to fetch the translation. Please log in first and try again.": "Không thể tải dịch vụ. Vui lòng đăng nhập trước và thử lại.",
-  "Group": "Nhóm"
+  "Group": "Nhóm",
+  "Always on Top": "Luôn ở trên cùng",
+  "No Timeout": "Không có thời gian chờ",
+  "{{value}} minute": "{{value}} phút",
+  "{{value}} minutes": "{{value}} phút",
+  "{{value}} hour": "{{value}} giờ",
+  "{{value}} hours": "{{value}} giờ",
+  "CJK Font": "Phông chữ CJK",
+  "Clear Search": "Xóa tìm kiếm",
+  "Header & Footer": "Đầu trang & Chân trang",
+  "Apply also in Scrolled Mode": "Áp dụng cũng trong chế độ cuộn",
+  "A new version of Readest is Available!": "Đã có phiên bản mới của Readest!",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} đã có sẵn (phiên bản đã cài đặt {{currentVersion}}).",
+  "Download and install now?": "Tải xuống và cài đặt ngay bây giờ?",
+  "Downloading {{downloaded}} of {{contentLength}}": "Đang tải {{downloaded}} trong {{contentLength}}",
+  "Download finished": "Tải xuống hoàn tất",
+  "DOWNLOAD & INSTALL": "TẢI XUỐNG & CÀI ĐẶT",
+  "Changelog:": "Thay đổi:"
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "应用于所有书籍",
  "Apply to This Book": "应用于此书籍",
  "Unable to fetch the translation. Try again later.": "无法获取翻译，请稍后重试。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
  "Check Update": "检查更新",
  "Already the latest version": "已经是最新版本",
  "Book Details": "书籍详情",
@@ -230,7 +228,7 @@
  "Maximum Column Height": "最大列高",
  "Maximum Column Width": "最大列宽",
  "Continuous Scroll": "连续滚动",
-  "Fullscreen": "全屏",
+  "Fullscreen": "全屏显示",
  "No supported files found. Supported formats: {{formats}}": "未找到支持的文件。支持的格式：{{formats}}",
  "Drop to Import Books": "拖放导入书籍",
  "Custom": "自定义",
@@ -260,10 +258,28 @@
  "Export Annotations": "导出笔记",
  "Auto Import on File Open": "打开文件时自动导入",
  "LXGW WenKai GB Screen": "霞鹜文楷",
+  "LXGW WenKai TC": "霞鶩文楷",
  "Swap Click-to-Flip Area": "交换点击翻页区域",
  "No chapters detected.": "未检测到章节。",
  "Failed to parse the EPUB file.": "无法解析 EPUB 文件。",
  "This book format is not supported.": "不支持此书籍格式。",
  "Unable to fetch the translation. Please log in first and try again.": "无法获取翻译。请登录后重试。",
-  "Group": "分组"
+  "Group": "分组",
+  "Always on Top": "窗口置顶",
+  "No Timeout": "关闭定时",
+  "{{value}} minute": "{{value}}分钟",
+  "{{value}} minutes": "{{value}}分钟",
+  "{{value}} hour": "{{value}}小时",
+  "{{value}} hours": "{{value}}小时",
+  "CJK Font": "中文字体",
+  "Clear Search": "清除搜索",
+  "Header & Footer": "页眉页脚",
+  "Apply also in Scrolled Mode": "应用到滚动模式",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安装版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下载并安装？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下载 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下载完成",
+  "DOWNLOAD & INSTALL": "下载并安装",
+  "Changelog:": "更新日志："
 }
@@ -126,8 +126,6 @@
  "Apply to All Books": "應用於所有書籍",
  "Apply to This Book": "應用於此書籍",
  "Unable to fetch the translation. Try again later.": "無法獲取翻譯，請稍後再試。",
-  "Update Now!": "立即更新！",
-  "Update": "更新",
  "Check Update": "檢查更新",
  "Already the latest version": "已經是最新版本",
  "Book Details": "書籍詳情",
@@ -259,11 +257,29 @@
  "Copied to clipboard": "已複製到剪貼板",
  "Export Annotations": "匯出筆記",
  "Auto Import on File Open": "打開文件時自動導入",
-  "LXGW WenKai GB Screen": "霞鶩文楷",
+  "LXGW WenKai GB Screen": "霞鶩文楷 SC",
+  "LXGW WenKai TC": "霞鶩文楷 TC",
  "Swap Click-to-Flip Area": "交換點擊翻頁區域",
  "No chapters detected.": "未檢測到章節。",
  "Failed to parse the EPUB file.": "無法解析 EPUB 文件。",
  "This book format is not supported.": "不支援此書籍格式。",
  "Unable to fetch the translation. Please log in first and try again.": "無法獲取翻譯。請先登入然後重試。",
-  "Group": "分組"
+  "Group": "分組",
+  "Always on Top": "視窗置頂",
+  "No Timeout": "關閉定時",
+  "{{value}} minute": "{{value}}分鐘",
+  "{{value}} minutes": "{{value}}分鐘",
+  "{{value}} hour": "{{value}}小時",
+  "{{value}} hours": "{{value}}小時",
+  "CJK Font": "中文字體",
+  "Clear Search": "清除搜索",
+  "Header & Footer": "頁眉頁腳",
+  "Apply also in Scrolled Mode": "滾動模式同樣適用",
+  "A new version of Readest is Available!": "有新版本的 Readest 可更新！",
+  "Readest {{newVersion}} is available (installed version {{currentVersion}}).": "Readest {{newVersion}} 可更新（已安裝版本 {{currentVersion}}）。",
+  "Download and install now?": "立即下載並安裝？",
+  "Downloading {{downloaded}} of {{contentLength}}": "正在下載 {{downloaded}} / {{contentLength}}",
+  "Download finished": "下載完成",
+  "DOWNLOAD & INSTALL": "下載並安裝",
+  "Changelog:": "更新日誌："
 }
@@ -1,5 +1,45 @@
 {
  "releases": {
+    "0.9.33": {
+      "date": "2025-04-13",
+      "notes": [
+        "New: Redesigned update dialog with a progress bar during downloads for a smoother update experience.",
+        "New: You can now set header and footer visibility separately for paginated and scroll modes.",
+        "Fixed layout issues in the bottom configuration panel when using RTL (right-to-left) languages.",
+        "Fixed TXT file import issues on Android by improving support for content provider file paths.",
+        "Fixed transformed punctuations when highlighting text with vertical layout.",
+        "Improved login flow on macOS by handling OAuth with the native ASWebAuthenticationSession."
+      ]
+    },
+    "0.9.32": {
+      "date": "2025-04-09",
+      "notes": [
+        "No more resetting of font size and color when you apply custom book styles",
+        "The underline and squiggly highlight decorations have been adjusted to sit neatly between text lines",
+        "With more font options available, the font menu is no longer forced in-line",
+        "LXGW WenKai TC is now part of our CJK font list"
+      ]
+    },
+    "0.9.31": {
+      "date": "2025-04-08",
+      "notes": [
+        "iOS: Text-to-Speech (TTS) now works in the background",
+        "Android: Import files from native file manager",
+        "Desktop: Add option to keep window on top",
+        "Vertical layout for highlighting tools",
+        "Added options to auto-stop TTS after timeout",
+        "Added book search functionality in bookshelf",
+        "Improved font support for CJK users"
+      ]
+    },
+    "0.9.30": {
+      "date": "2025-04-05",
+      "notes": [
+        "Added fixed storage quata when running the app in self-hosted mode",
+        "Link colors will only change when you override fonts",
+        "Added cache for native files for better performance"
+      ]
+    },
    "0.9.29": {
      "date": "2025-04-02",
      "notes": [
@@ -1,6 +1,6 @@
 [package]
 name = "Readest"
-version = "0.2.1"
+version = "0.2.2"
 description = "Your online library"
 authors = ["Bilingify LLC"]
 license = ""
@@ -15,7 +15,7 @@ name = "readestlib"
 crate-type = ["staticlib", "cdylib", "lib"]

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

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

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

 [target.'cfg(any(target_os = "macos", windows, target_os = "linux"))'.dependencies]
 tauri-plugin-cli = "2"
-tauri-plugin-single-instance = "2.2.0"
-tauri-plugin-updater = "2"
-tauri-plugin-window-state = "2.2.0"
+tauri-plugin-single-instance = "2.2.3"
+tauri-plugin-updater = "2.7.0"
+tauri-plugin-window-state = "2.2.2"
 font-enumeration = "0.9.0"
@@ -2,7 +2,7 @@
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "default",
  "description": "enables the default permissions",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
  "permissions": [
    "core:default",
    "fs:default",
@@ -45,6 +45,9 @@
        {
          "url": "https://*.deepl.com"
        },
+        {
+          "url": "https://github.com/readest/*"
+        },
        {
          "url": "https://*.cloudflarestorage.com"
        }
@@ -57,12 +60,16 @@
    "core:window:allow-center",
    "core:window:allow-minimize",
    "core:window:allow-maximize",
+    "core:window:allow-unmaximize",
    "core:window:allow-set-size",
    "core:window:allow-set-focus",
    "core:window:allow-is-maximized",
    "core:window:allow-start-dragging",
    "core:window:allow-toggle-maximize",
    "core:window:allow-set-fullscreen",
+    "core:window:allow-set-always-on-top",
+    "core:webview:allow-create-webview-window",
+    "core:path:allow-resolve-directory",
    "log:default",
    "shell:default",
    "process:default",
@@ -1,10 +1,7 @@
 {
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "desktop-capability",
-  "windows": ["main"],
+  "windows": ["main", "updater"],
  "platforms": ["linux", "macOS", "windows"],
-  "permissions": [
-    "updater:default",
-    "cli:default"
-   ]
+  "permissions": ["updater:default", "cli:default"]
 }
@@ -2,6 +2,7 @@ const COMMANDS: &[&str] = &[
    "auth_with_safari",
    "auth_with_custom_tab",
    "copy_uri_to_path",
+    "use_background_audio",
 ];

 fn main() {
@@ -1,4 +1,6 @@
 import AuthenticationServices
+import AVFoundation
+import MediaPlayer
 import SwiftRs
 import Tauri
 import UIKit
@@ -8,9 +10,33 @@ class SafariAuthRequestArgs: Decodable {
  let authUrl: String
 }

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

+  @objc public func use_background_audio(_ invoke: Invoke) {
+    do {
+      let args = try invoke.parseArgs(UseBackgroundAudioRequestArgs.self)
+      let enabled = args.enabled
+      let session = AVAudioSession.sharedInstance()
+      if enabled {
+        try session.setCategory(.playback, mode: .default, options: [.mixWithOthers])
+        try session.setActive(true)
+        print("AVAudioSession activated")
+      } else {
+        try session.setActive(false)
+        MPNowPlayingInfoCenter.default().nowPlayingInfo = nil
+        print("AVAudioSession deactivated")
+      }
+      invoke.resolve()
+    } catch {
+      print("Failed to set up audio session:", error)
+    }
+  }
+
  @objc public func auth_with_safari(_ invoke: Invoke) throws {
    let args = try invoke.parseArgs(SafariAuthRequestArgs.self)
    let authUrl = URL(string: args.authUrl)!
@@ -0,0 +1,13 @@
+# Automatically generated - DO NOT EDIT!
+
+"$schema" = "../../schemas/schema.json"
+
+[[permission]]
+identifier = "allow-use-background-audio"
+description = "Enables the use_background_audio command without any pre-configured scope."
+commands.allow = ["use_background_audio"]
+
+[[permission]]
+identifier = "deny-use-background-audio"
+description = "Denies the use_background_audio command without any pre-configured scope."
+commands.deny = ["use_background_audio"]
@@ -2,9 +2,12 @@

 Default permissions for the plugin

+#### This default permission set includes the following:
+
 - `allow-auth-with-safari`
 - `allow-auth-with-custom-tab`
 - `allow-copy-uri-to-path`
+- `allow-use-background-audio`

 ## Permission Table

@@ -90,6 +93,32 @@ Enables the copy_uri_to_path command without any pre-configured scope.

 Denies the copy_uri_to_path command without any pre-configured scope.

+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:allow-use-background-audio`
+
+</td>
+<td>
+
+Enables the use_background_audio command without any pre-configured scope.
+
+</td>
+</tr>
+
+<tr>
+<td>
+
+`native-bridge:deny-use-background-audio`
+
+</td>
+<td>
+
+Denies the use_background_audio command without any pre-configured scope.
+
 </td>
 </tr>
 </table>
@@ -1,3 +1,3 @@
 [default]
 description = "Default permissions for the plugin"
-permissions = ["allow-auth-with-safari", "allow-auth-with-custom-tab", "allow-copy-uri-to-path"]
+permissions = ["allow-auth-with-safari", "allow-auth-with-custom-tab", "allow-copy-uri-to-path", "allow-use-background-audio"]
@@ -297,37 +297,56 @@
        {
          "description": "Enables the auth_with_custom_tab command without any pre-configured scope.",
          "type": "string",
-          "const": "allow-auth-with-custom-tab"
+          "const": "allow-auth-with-custom-tab",
+          "markdownDescription": "Enables the auth_with_custom_tab command without any pre-configured scope."
        },
        {
          "description": "Denies the auth_with_custom_tab command without any pre-configured scope.",
          "type": "string",
-          "const": "deny-auth-with-custom-tab"
+          "const": "deny-auth-with-custom-tab",
+          "markdownDescription": "Denies the auth_with_custom_tab command without any pre-configured scope."
        },
        {
          "description": "Enables the auth_with_safari command without any pre-configured scope.",
          "type": "string",
-          "const": "allow-auth-with-safari"
+          "const": "allow-auth-with-safari",
+          "markdownDescription": "Enables the auth_with_safari command without any pre-configured scope."
        },
        {
          "description": "Denies the auth_with_safari command without any pre-configured scope.",
          "type": "string",
-          "const": "deny-auth-with-safari"
+          "const": "deny-auth-with-safari",
+          "markdownDescription": "Denies the auth_with_safari command without any pre-configured scope."
        },
        {
          "description": "Enables the copy_uri_to_path command without any pre-configured scope.",
          "type": "string",
-          "const": "allow-copy-uri-to-path"
+          "const": "allow-copy-uri-to-path",
+          "markdownDescription": "Enables the copy_uri_to_path command without any pre-configured scope."
        },
        {
          "description": "Denies the copy_uri_to_path command without any pre-configured scope.",
          "type": "string",
-          "const": "deny-copy-uri-to-path"
+          "const": "deny-copy-uri-to-path",
+          "markdownDescription": "Denies the copy_uri_to_path command without any pre-configured scope."
        },
        {
-          "description": "Default permissions for the plugin",
+          "description": "Enables the use_background_audio command without any pre-configured scope.",
          "type": "string",
-          "const": "default"
+          "const": "allow-use-background-audio",
+          "markdownDescription": "Enables the use_background_audio command without any pre-configured scope."
+        },
+        {
+          "description": "Denies the use_background_audio command without any pre-configured scope.",
+          "type": "string",
+          "const": "deny-use-background-audio",
+          "markdownDescription": "Denies the use_background_audio command without any pre-configured scope."
+        },
+        {
+          "description": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for the plugin\n#### This default permission set includes:\n\n- `allow-auth-with-safari`\n- `allow-auth-with-custom-tab`\n- `allow-copy-uri-to-path`\n- `allow-use-background-audio`"
        }
      ]
    }
@@ -27,3 +27,11 @@ pub(crate) async fn copy_uri_to_path<R: Runtime>(
 ) -> Result<CopyURIResponse> {
    app.native_bridge().copy_uri_to_path(payload)
 }
+
+#[command]
+pub(crate) async fn use_background_audio<R: Runtime>(
+    app: AppHandle<R>,
+    payload: UseBackgroundAudioRequest,
+) -> Result<()> {
+    app.native_bridge().use_background_audio(payload)
+}
@@ -25,4 +25,8 @@ impl<R: Runtime> NativeBridge<R> {
    pub fn copy_uri_to_path(&self, _payload: CopyURIRequest) -> crate::Result<CopyURIResponse> {
        Err(crate::Error::UnsupportedPlatformError)
    }
+
+    pub fn use_background_audio(&self, _payload: UseBackgroundAudioRequest) -> crate::Result<()> {
+        Err(crate::Error::UnsupportedPlatformError)
+    }
 }
@@ -40,6 +40,7 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
            commands::auth_with_safari,
            commands::auth_with_custom_tab,
            commands::copy_uri_to_path,
+            commands::use_background_audio,
        ])
        .setup(|app, api| {
            #[cfg(mobile)]
@@ -47,3 +47,11 @@ impl<R: Runtime> NativeBridge<R> {
            .map_err(Into::into)
    }
 }
+
+impl<R: Runtime> NativeBridge<R> {
+    pub fn use_background_audio(&self, payload: UseBackgroundAudioRequest) -> crate::Result<()> {
+        self.0
+            .run_mobile_plugin("use_background_audio", payload)
+            .map_err(Into::into)
+    }
+}
@@ -25,3 +25,9 @@ pub struct CopyURIResponse {
    pub success: bool,
    pub error: Option<String>,
 }
+
+#[derive(Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct UseBackgroundAudioRequest {
+    pub enabled: bool,
+}
@@ -6,13 +6,6 @@ extern crate cocoa;
 #[macro_use]
 extern crate objc;

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

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

+#[cfg(target_os = "macos")]
+mod macos;
 mod transfer_file;
 use tauri::{command, Emitter, WebviewUrl, WebviewWindowBuilder, Window};
 use tauri_plugin_oauth::start;
@@ -135,7 +130,11 @@ pub fn run() {
            download_file,
            upload_file,
            #[cfg(target_os = "macos")]
-            set_traffic_lights,
+            macos::safari_auth::auth_with_safari,
+            #[cfg(target_os = "macos")]
+            macos::apple_auth::start_apple_sign_in,
+            #[cfg(target_os = "macos")]
+            macos::traffic_light::set_traffic_lights,
            #[cfg(desktop)]
            list_fonts
        ])
@@ -170,7 +169,10 @@ pub fn run() {
    let builder = builder.plugin(tauri_plugin_window_state::Builder::default().build());

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

    #[cfg(target_os = "ios")]
    let builder = builder.plugin(tauri_plugin_sign_in_with_apple::init());
@@ -262,7 +264,7 @@ pub fn run() {
            // win.open_devtools();

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

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

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

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

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

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

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

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

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

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

                let super_del: id = *this.get_ivar("super_delegate");
@@ -43,6 +43,7 @@ interface ProviderLoginProp {

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

 const ProviderLogin: React.FC<ProviderLoginProp> = ({ provider, handleSignIn, Icon, label }) => {
  return (
@@ -74,13 +75,16 @@ export default function AuthPage() {
  const headerRef = useRef<HTMLDivElement>(null);

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

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

@@ -128,7 +136,7 @@ export default function AuthPage() {
    }
    // Open the OAuth URL in a ASWebAuthenticationSession on iOS to comply with Apple's guidelines
    // for other platforms, open the OAuth URL in the default browser
-    if (appService?.isIOSApp) {
+    if (appService?.isIOSApp || appService?.isMacOSApp) {
      const res = await authWithSafari({ authUrl: data.url });
      if (res) {
        handleOAuthUrl(res.redirectUrl);
@@ -161,7 +169,7 @@ export default function AuthPage() {

  const startTauriOAuth = async () => {
    try {
-      if (process.env.NODE_ENV === 'production' || appService?.isMobile) {
+      if (process.env.NODE_ENV === 'production' || appService?.isMobile || USE_APPLE_SIGN_IN) {
        const { getCurrentWindow } = await import('@tauri-apps/api/window');
        const currentWindow = getCurrentWindow();
        currentWindow.listen('single-instance', ({ event, payload }) => {
@@ -345,7 +353,7 @@ export default function AuthPage() {
        />
        <ProviderLogin
          provider='apple'
-          handleSignIn={appService?.isIOSApp ? tauriSignInApple : tauriSignIn}
+          handleSignIn={appService?.isIOSApp || USE_APPLE_SIGN_IN ? tauriSignInApple : tauriSignIn}
          Icon={FaApple}
          label={_('Sign in with Apple')}
        />
@@ -1,4 +1,6 @@
 import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';

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

-  return result;
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AppleIDAuthorizationResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AppleIDAuthorizationResponse>(
+        'apple-sign-in-complete',
+        ({ payload }) => {
+          cleanup();
+          resolve(payload);
+        },
+      );
+
+      const unlistenError = await listen<string>('apple-sign-in-error', ({ payload }) => {
+        cleanup();
+        reject(
+          typeof payload === 'string' ? new Error(payload) : new Error('Apple sign‑in failed'),
+        );
+      });
+
+      function cleanup() {
+        unlistenComplete();
+        unlistenError();
+      }
+
+      try {
+        await invoke('start_apple_sign_in', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported platform');
+  }
 }
@@ -1,4 +1,6 @@
 import { invoke } from '@tauri-apps/api/core';
+import { listen } from '@tauri-apps/api/event';
+import { type as osType } from '@tauri-apps/plugin-os';

 export interface AuthRequest {
  authUrl: string;
@@ -9,11 +11,33 @@ export interface AuthResponse {
 }

 export async function authWithSafari(request: AuthRequest): Promise<AuthResponse> {
-  const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_safari', {
-    payload: request,
-  });
+  const OS_TYPE = osType();
+  if (OS_TYPE === 'ios') {
+    const result = await invoke<AuthResponse>('plugin:native-bridge|auth_with_safari', {
+      payload: request,
+    });
+    return result;
+  } else if (OS_TYPE === 'macos') {
+    return new Promise<AuthResponse>(async (resolve, reject) => {
+      const unlistenComplete = await listen<AuthResponse>('safari-auth-complete', ({ payload }) => {
+        cleanup();
+        resolve(payload);
+      });

-  return result;
+      function cleanup() {
+        unlistenComplete();
+      }
+
+      try {
+        await invoke<AuthResponse>('auth_with_safari', { payload: request });
+      } catch (err) {
+        cleanup();
+        reject(err);
+      }
+    });
+  } else {
+    throw new Error('Unsupported OS type');
+  }
 }

 export async function authWithCustomTab(request: AuthRequest): Promise<AuthResponse> {
@@ -10,6 +10,7 @@ import { useEnv } from '@/context/EnvContext';
 import { useLibraryStore } from '@/store/libraryStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { navigateToLibrary, navigateToReader } from '@/utils/nav';
+import { formatAuthors, formatTitle } from '@/utils/book';
 import { isMd5 } from '@/utils/md5';

 import Alert from '@/components/Alert';
@@ -49,6 +50,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  const [showSelectModeActions, setShowSelectModeActions] = useState(false);
  const [showDeleteAlert, setShowDeleteAlert] = useState(false);
  const [showGroupingModal, setShowGroupingModal] = useState(false);
+  const [queryTerm, setQueryTerm] = useState<string | null>(null);
  const [navBooksGroup, setNavBooksGroup] = useState<BooksGroup | null>(null);
  const [importBookUrl] = useState(searchParams?.get('url') || '');
  const isImportingBook = useRef(false);
@@ -86,6 +88,12 @@ const Bookshelf: React.FC<BookshelfProps> = ({

  useEffect(() => {
    const group = searchParams?.get('group') || '';
+    const query = searchParams?.get('q') || '';
+    if (query) {
+      setQueryTerm(query);
+    } else {
+      setQueryTerm(null);
+    }
    if (group) {
      const booksGroup = allBookshelfItems.find(
        (item) => 'name' in item && item.id === group,
@@ -93,11 +101,11 @@ const Bookshelf: React.FC<BookshelfProps> = ({
      if (booksGroup) {
        setNavBooksGroup(booksGroup);
      } else {
-        navigateToLibrary(router);
+        navigateToLibrary(router, query ? `q=${query}` : undefined);
      }
    } else {
      setNavBooksGroup(null);
-      navigateToLibrary(router);
+      navigateToLibrary(router, query ? `q=${query}` : undefined);
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [searchParams, libraryBooks, showGroupingModal]);
@@ -137,6 +145,18 @@ const Bookshelf: React.FC<BookshelfProps> = ({
  };

  const currentBookshelfItems = navBooksGroup ? navBooksGroup.books : allBookshelfItems;
+  const bookFilter = (item: Book, queryTerm: string) => {
+    if (item.deletedAt) return false;
+    const searchTerm = new RegExp(queryTerm, 'i');
+    const title = formatTitle(item.title);
+    const authors = formatAuthors(item.author);
+    return searchTerm.test(title) || searchTerm.test(authors);
+  };
+  const filteredBookshelfItems = currentBookshelfItems.filter((item) => {
+    if ('name' in item) return item.books.some((book) => bookFilter(book, queryTerm || ''));
+    else if (queryTerm) return bookFilter(item, queryTerm);
+    return true;
+  });

  return (
    <div className='bookshelf'>
@@ -146,7 +166,7 @@ const Bookshelf: React.FC<BookshelfProps> = ({
          'grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-12',
        )}
      >
-        {currentBookshelfItems.map((item, index) => (
+        {filteredBookshelfItems.map((item, index) => (
          <BookshelfItem
            key={`library-item-${index}`}
            item={item}
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import { useRouter } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 import { navigateToLibrary, navigateToReader } from '@/utils/nav';
 import { useEnv } from '@/context/EnvContext';
 import { useLibraryStore } from '@/store/libraryStore';
@@ -94,6 +94,7 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
 }) => {
  const _ = useTranslation();
  const router = useRouter();
+  const searchParams = useSearchParams();
  const { envConfig, appService } = useEnv();
  const { settings } = useSettingsStore();
  const { updateBook } = useLibraryStore();
@@ -133,7 +134,9 @@ const BookshelfItem: React.FC<BookshelfItemProps> = ({
    if (isSelectMode) {
      toggleSelection(group.id);
    } else {
-      navigateToLibrary(router, `group=${group.id}`);
+      const params = new URLSearchParams(searchParams?.toString());
+      params.set('group', group.id);
+      navigateToLibrary(router, `${params.toString()}`);
    }
  };

@@ -1,17 +1,18 @@
 import clsx from 'clsx';
-import React, { useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { FaSearch } from 'react-icons/fa';
 import { PiPlus } from 'react-icons/pi';
 import { PiSelectionAllDuotone } from 'react-icons/pi';
-import { MdOutlineMenu } from 'react-icons/md';
-import { MdArrowBackIosNew } from 'react-icons/md';
+import { MdOutlineMenu, MdArrowBackIosNew } from 'react-icons/md';
+import { IoMdCloseCircle } from 'react-icons/io';

 import { useEnv } from '@/context/EnvContext';
 import { useTranslation } from '@/hooks/useTranslation';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { useTrafficLightStore } from '@/store/trafficLightStore';
 import { navigateToLibrary } from '@/utils/nav';
+import { throttle } from '@/utils/throttle';
 import WindowButtons from '@/components/WindowButtons';
 import Dropdown from '@/components/Dropdown';
 import SettingsMenu from './SettingsMenu';
@@ -40,6 +41,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
    setTrafficLightVisibility,
    cleanupTrafficLightListeners,
  } = useTrafficLightStore();
+  const [searchQuery, setSearchQuery] = useState(searchParams?.get('q') ?? '');

  const headerRef = useRef<HTMLDivElement>(null);
  const iconSize16 = useResponsiveSize(16);
@@ -49,6 +51,26 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
    onToggleSelectMode,
  });

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

@@ -93,7 +115,9 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
            </span>
            <input
              type='text'
+              value={searchQuery}
              placeholder={_('Search Books...')}
+              onChange={handleSearchChange}
              spellCheck='false'
              className={clsx(
                'input rounded-badge bg-base-300/50 h-9 w-full pl-10 pr-10 sm:h-7',
@@ -103,6 +127,19 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
            />
          </div>
          <div className='absolute right-4 flex items-center space-x-2 text-gray-500 sm:space-x-4'>
+            {searchQuery && (
+              <button
+                type='button'
+                onClick={() => {
+                  setSearchQuery('');
+                  throttledUpdateQueryParam('');
+                }}
+                className='text-gray-400 hover:text-gray-600'
+                aria-label={_('Clear Search')}
+              >
+                <IoMdCloseCircle className='h-4 w-4' />
+              </button>
+            )}
            <span className='bg-base-content/50 mx-2 h-4 w-[0.5px]'></span>
            <Dropdown
              className='exclude-title-bar-mousedown dropdown-bottom flex h-6 cursor-pointer justify-center'
@@ -14,7 +14,7 @@ import { useSettingsStore } from '@/store/settingsStore';
 import { useTranslation } from '@/hooks/useTranslation';
 import { getStoragePlanData } from '@/utils/access';
 import { navigateToLogin, navigateToProfile } from '@/utils/nav';
-import { tauriHandleToggleFullScreen } from '@/utils/window';
+import { tauriHandleSetAlwaysOnTop, tauriHandleToggleFullScreen } from '@/utils/window';
 import { QuotaType } from '@/types/user';
 import MenuItem from '@/components/MenuItem';
 import Quota from '@/components/Quota';
@@ -32,6 +32,7 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
  const [quotas, setQuotas] = React.useState<QuotaType[]>([]);
  const [isAutoUpload, setIsAutoUpload] = useState(settings.autoUpload);
  const [isAutoCheckUpdates, setIsAutoCheckUpdates] = useState(settings.autoCheckUpdates);
+  const [isAlwaysOnTop, setIsAlwaysOnTop] = useState(settings.alwaysOnTop);
  const [isScreenWakeLock, setIsScreenWakeLock] = useState(settings.screenWakeLock);
  const [isAutoImportBooksOnOpen, setIsAutoImportBooksOnOpen] = useState(
    settings.autoImportBooksOnOpen,
@@ -66,6 +67,15 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
    setIsDropdownOpen?.(false);
  };

+  const toggleAlwaysOnTop = () => {
+    settings.alwaysOnTop = !settings.alwaysOnTop;
+    setSettings(settings);
+    saveSettings(envConfig, settings);
+    setIsAlwaysOnTop(settings.alwaysOnTop);
+    tauriHandleSetAlwaysOnTop(settings.alwaysOnTop);
+    setIsDropdownOpen?.(false);
+  };
+
  const toggleAutoUploadBooks = () => {
    settings.autoUpload = !settings.autoUpload;
    setSettings(settings);
@@ -174,13 +184,20 @@ const SettingsMenu: React.FC<BookMenuProps> = ({ setIsDropdownOpen }) => {
          onClick={toggleAutoCheckUpdates}
        />
      )}
+      <hr className='border-base-200 my-1' />
+      {appService?.hasWindow && <MenuItem label={_('Fullscreen')} onClick={handleFullScreen} />}
+      {appService?.hasWindow && (
+        <MenuItem
+          label={_('Always on Top')}
+          icon={isAlwaysOnTop ? <MdCheck className='text-base-content' /> : undefined}
+          onClick={toggleAlwaysOnTop}
+        />
+      )}
      <MenuItem
        label={_('Keep Screen Awake')}
        icon={isScreenWakeLock ? <MdCheck className='text-base-content' /> : undefined}
        onClick={toggleScreenWakeLock}
      />
-      <hr className='border-base-200 my-1' />
-      {appService?.hasWindow && <MenuItem label={_('Fullscreen')} onClick={handleFullScreen} />}
      <MenuItem label={_('Reload Page')} onClick={handleReloadPage} />
      <hr className='border-base-200 my-1' />
      {isWebApp && <MenuItem label={_('Download Readest')} onClick={downloadReadest} />}
@@ -19,7 +19,6 @@ interface DemoBooks {

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

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

+    const userLang = getUserLang() as keyof typeof libraries;
    const fetchDemoBooks = async () => {
      try {
        const appService = await envConfig.getAppService();
@@ -31,7 +31,7 @@ import { useDemoBooks } from './hooks/useDemoBooks';
 import { useBooksSync } from './hooks/useBooksSync';
 import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { useOpenWithBooks } from '@/hooks/useOpenWithBooks';
-import { tauriQuitApp } from '@/utils/window';
+import { tauriHandleSetAlwaysOnTop, tauriQuitApp } from '@/utils/window';

 import { AboutWindow } from '@/components/AboutWindow';
 import { Toast } from '@/components/Toast';
@@ -104,6 +104,9 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
        await checkForAppUpdates(_);
      }
    };
+    if (settings.alwaysOnTop) {
+      tauriHandleSetAlwaysOnTop(settings.alwaysOnTop);
+    }
    doCheckAppUpdates();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [settings]);
@@ -161,9 +164,11 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP

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

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

    return () => {
-      libraryPage?.removeEventListener('dragover', handleDragOver as unknown as EventListener);
-      libraryPage?.removeEventListener('dragleave', handleDragLeave as unknown as EventListener);
-      libraryPage?.removeEventListener('drop', handleDrop as unknown as EventListener);
+      if (!appService?.isMobile) {
+        libraryPage?.removeEventListener('dragover', handleDragOver as unknown as EventListener);
+        libraryPage?.removeEventListener('dragleave', handleDragLeave as unknown as EventListener);
+        libraryPage?.removeEventListener('drop', handleDrop as unknown as EventListener);
+      }
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [pageRef.current]);
@@ -332,7 +339,10 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
  };

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

  const selectFilesWeb = () => {
@@ -27,8 +27,8 @@ interface BooksGridProps {
 const BooksGrid: React.FC<BooksGridProps> = ({ bookKeys, onCloseBook }) => {
  const { appService } = useEnv();
  const { getConfig, getBookData } = useBookDataStore();
-  const { getProgress, getViewState, getViewSettings } = useReaderStore();
-  const { sideBarBookKey } = useSidebarStore();
+  const { getProgress, getViewState, getViewSettings, hoveredBookKey } = useReaderStore();
+  const { isSideBarVisible, sideBarBookKey } = useSidebarStore();
  const { isFontLayoutSettingsDialogOpen, setFontLayoutSettingsDialogOpen } = useSettingsStore();
  const gridTemplate = getGridTemplate(bookKeys.length, window.innerWidth / window.innerHeight);

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

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

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

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

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

      mountAdditionalFonts(detail.doc);
@@ -149,7 +149,7 @@ const FooterBar: React.FC<FooterBarProps> = ({
        className={clsx(
          'footer-bar shadow-xs absolute bottom-0 z-50 flex w-full flex-col',
          'sm:h-[52px] sm:justify-center',
-          'sm:bg-base-100 border-base-300/50 border sm:border-none',
+          'sm:bg-base-100 border-base-300/50 border-t sm:border-none',
          'transition-[opacity,transform] duration-300',
          appService?.hasRoundedWindow && 'rounded-window-bottom-right',
          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window-bottom-left',
@@ -42,7 +42,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
    cleanupTrafficLightListeners,
  } = useTrafficLightStore();
  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  const { hoveredBookKey, setHoveredBookKey, bookKeys } = useReaderStore();
+  const { bookKeys, hoveredBookKey, setHoveredBookKey } = useReaderStore();
  const { isSideBarVisible } = useSidebarStore();
  const iconSize16 = useResponsiveSize(16);

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

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

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

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

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

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

@@ -57,7 +57,9 @@ const PageInfoView: React.FC<PageInfoProps> = ({
            }
          : {
              insetInlineEnd: `${horizontalGap}%`,
-              paddingBottom: appService?.hasSafeAreaInset ? 'env(safe-area-inset-bottom)' : 0,
+              paddingBottom: appService?.hasSafeAreaInset
+                ? 'calc(env(safe-area-inset-bottom)*0.67)'
+                : 0,
            }
      }
    >
@@ -13,10 +13,12 @@ import { useScreenWakeLock } from '@/hooks/useScreenWakeLock';
 import { AboutWindow } from '@/components/AboutWindow';
 import { Toast } from '@/components/Toast';
 import ReaderContent from './ReaderContent';
+import { useSidebarStore } from '@/store/sidebarStore';

 const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
  const { envConfig, appService } = useEnv();
  const { settings, setSettings } = useSettingsStore();
+  const { isSideBarVisible } = useSidebarStore();
  const { getVisibleLibrary, setLibrary } = useLibraryStore();
  const isInitiating = useRef(false);

@@ -45,7 +47,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
      <div
        className={clsx(
          `reader-page bg-base-100 text-base-content select-none`,
-          appService?.hasRoundedWindow && 'rounded-window',
+          !isSideBarVisible && appService?.hasRoundedWindow && 'rounded-window',
        )}
      >
        <Suspense>
@@ -5,22 +5,24 @@ interface RibbonProps {
  width: string;
 }

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

@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import React from 'react';
 import Popup from '@/components/Popup';
 import PopupButton from './PopupButton';
@@ -8,6 +9,7 @@ import { useResponsiveSize } from '@/hooks/useResponsiveSize';

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

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

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

@@ -259,8 +275,8 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      const annotPopupPos = getPopupPosition(
        triangPos,
        rect,
-        annotPopupWidth,
-        annotPopupHeight,
+        viewSettings.vertical ? annotPopupHeight : annotPopupWidth,
+        viewSettings.vertical ? annotPopupWidth : annotPopupHeight,
        popupPadding,
      );
      if (isTextSelected.current && annotPopupPos.dir === 'down' && osPlatform === 'android') {
@@ -577,6 +593,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
      {showAnnotPopup && trianglePosition && annotPopupPosition && (
        <AnnotationPopup
          dir={viewSettings.rtl ? 'rtl' : 'ltr'}
+          isVertical={viewSettings.vertical}
          buttons={buttons}
          position={annotPopupPosition}
          trianglePosition={trianglePosition}
@@ -9,6 +9,7 @@ const styles = ['highlight', 'underline', 'squiggly'] as HighlightStyle[];
 const colors = ['red', 'violet', 'blue', 'green', 'yellow'] as HighlightColor[];

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

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

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

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

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

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

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

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

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

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

 const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ bookKey }) => {
  const _ = useTranslation();
+  const [isRtl] = useState(() => getDirFromUILanguage() === 'rtl');
  const [activePanel, setActivePanel] = useState<SettingsPanelType>(
    (localStorage.getItem('lastConfigPanel') || 'Font') as SettingsPanelType,
  );
@@ -79,10 +80,10 @@ const SettingsDialog: React.FC<{ bookKey: string; config: BookConfig }> = ({ boo
              tabIndex={-1}
              onClick={handleClose}
              className={
-                'btn btn-ghost btn-circle flex h-6 min-h-6 w-6 hover:bg-transparent focus:outline-none sm:hidden'
+                'btn btn-ghost btn-circle flex h-8 min-h-8 w-8 hover:bg-transparent focus:outline-none sm:hidden'
              }
            >
-              <MdArrowBackIosNew />
+              {isRtl ? <MdArrowForwardIos /> : <MdArrowBackIosNew />}
            </button>
            <div className='dialog-tabs flex h-10 max-w-[100%] flex-grow items-center gap-2 pl-4'>
              {tabConfig.map(({ tab, icon: Icon, label }) => (
@@ -11,6 +11,7 @@ import { eventDispatcher } from '@/utils/event';
 import { parseSSMLLang } from '@/utils/ssml';
 import { getOSPlatform } from '@/utils/misc';
 import { throttle } from '@/utils/throttle';
+import { invokeUseBackgroundAudio } from '@/utils/bridge';
 import Popup from '@/components/Popup';
 import TTSPanel from './TTSPanel';
 import TTSIcon from './TTSIcon';
@@ -33,21 +34,42 @@ const TTSControl = () => {
  const [panelPosition, setPanelPosition] = useState<Position>();
  const [trianglePosition, setTrianglePosition] = useState<Position>();

+  const [timeoutOption, setTimeoutOption] = useState(0);
+  const [timeoutTimestamp, setTimeoutTimestamp] = useState(0);
+  const [timeoutFunc, setTimeoutFunc] = useState<ReturnType<typeof setTimeout> | null>(null);
+
  const popupWidth = useResponsiveSize(POPUP_WIDTH);
  const popupHeight = useResponsiveSize(POPUP_HEIGHT);
  const popupPadding = useResponsiveSize(POPUP_PADDING);

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

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

  useEffect(() => {
@@ -94,6 +116,9 @@ const TTSControl = () => {
    setShowIndicator(true);

    try {
+      if (appService?.isIOSApp) {
+        await invokeUseBackgroundAudio({ enabled: true });
+      }
      if (getOSPlatform() === 'ios' || appService?.isIOSApp) {
        unblockAudio();
      }
@@ -121,11 +146,8 @@ const TTSControl = () => {
    }
  };

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

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

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

+  const handleSelectTimeout = (value: number) => {
+    setTimeoutOption(value);
+    if (timeoutFunc) {
+      clearTimeout(timeoutFunc);
+    }
+    if (value > 0) {
+      setTimeoutFunc(
+        setTimeout(() => {
+          handleStop();
+        }, value * 1000),
+      );
+      setTimeoutTimestamp(Date.now() + value * 1000);
+    } else {
+      setTimeoutTimestamp(0);
+    }
+  };
+
  const updatePanelPosition = () => {
    if (iconRef.current) {
      const rect = iconRef.current.getBoundingClientRect();
@@ -296,14 +341,16 @@ const TTSControl = () => {
            bookKey={bookKey}
            ttsLang={ttsLang}
            isPlaying={isPlaying}
+            timeoutOption={timeoutOption}
+            timeoutTimestamp={timeoutTimestamp}
            onTogglePlay={handleTogglePlay}
            onBackward={handleBackward}
            onForward={handleForward}
-            onStop={handleStop}
            onSetRate={handleSetRate}
            onGetVoices={handleGetVoices}
            onSetVoice={handleSetVoice}
            onGetVoiceId={handleGetVoiceId}
+            onSelectTimeout={handleSelectTimeout}
          />
        </Popup>
      )}
@@ -1,12 +1,12 @@
 import clsx from 'clsx';
 import React, { useState, ChangeEvent, useEffect } from 'react';
-import { MdPlayCircle, MdPauseCircle, MdFastRewind, MdFastForward, MdStop } from 'react-icons/md';
+import { MdPlayCircle, MdPauseCircle, MdFastRewind, MdFastForward, MdAlarm } from 'react-icons/md';
 import { RiVoiceAiFill } from 'react-icons/ri';
 import { MdCheck } from 'react-icons/md';
 import { TTSVoice } from '@/services/tts';
 import { useEnv } from '@/context/EnvContext';
 import { useReaderStore } from '@/store/readerStore';
-import { useTranslation } from '@/hooks/useTranslation';
+import { TranslationFunc, useTranslation } from '@/hooks/useTranslation';
 import { useSettingsStore } from '@/store/settingsStore';
 import { useDefaultIconSize, useResponsiveSize } from '@/hooks/useResponsiveSize';

@@ -14,28 +14,104 @@ type TTSPanelProps = {
  bookKey: string;
  ttsLang: string;
  isPlaying: boolean;
+  timeoutOption: number;
+  timeoutTimestamp: number;
  onTogglePlay: () => void;
  onBackward: () => void;
  onForward: () => void;
-  onStop: () => void;
  onSetRate: (rate: number) => void;
  onGetVoices: (lang: string) => Promise<TTSVoice[]>;
  onSetVoice: (voice: string) => void;
  onGetVoiceId: () => string;
+  onSelectTimeout: (value: number) => void;
+};
+
+const getTTSTimeoutOptions = (_: TranslationFunc) => {
+  return [
+    {
+      label: _('No Timeout'),
+      value: 0,
+    },
+    {
+      label: _('{{value}} minute', { value: 1 }),
+      value: 60,
+    },
+    {
+      label: _('{{value}} minutes', { value: 3 }),
+      value: 180,
+    },
+    {
+      label: _('{{value}} minutes', { value: 5 }),
+      value: 300,
+    },
+    {
+      label: _('{{value}} minutes', { value: 10 }),
+      value: 600,
+    },
+    {
+      label: _('{{value}} minutes', { value: 20 }),
+      value: 1200,
+    },
+    {
+      label: _('{{value}} minutes', { value: 30 }),
+      value: 1800,
+    },
+    {
+      label: _('{{value}} minutes', { value: 45 }),
+      value: 2700,
+    },
+    {
+      label: _('{{value}} hour', { value: 1 }),
+      value: 3600,
+    },
+    {
+      label: _('{{value}} hours', { value: 2 }),
+      value: 7200,
+    },
+    {
+      label: _('{{value}} hours', { value: 3 }),
+      value: 10800,
+    },
+    {
+      label: _('{{value}} hours', { value: 4 }),
+      value: 14400,
+    },
+    {
+      label: _('{{value}} hours', { value: 6 }),
+      value: 21600,
+    },
+    {
+      label: _('{{value}} hours', { value: 8 }),
+      value: 28800,
+    },
+  ];
+};
+
+const getCountdownTime = (timeout: number) => {
+  const now = Date.now();
+  if (timeout > now) {
+    const remainingTime = Math.floor((timeout - now) / 1000);
+    const minutes = Math.floor(remainingTime / 3600) * 60 + Math.floor((remainingTime % 3600) / 60);
+    const seconds = remainingTime % 60;
+    return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
+  }
+  return '';
 };

 const TTSPanel = ({
  bookKey,
  ttsLang,
  isPlaying,
+  timeoutOption,
+  timeoutTimestamp,
  onTogglePlay,
  onBackward,
  onForward,
-  onStop,
  onSetRate,
  onGetVoices,
  onSetVoice,
  onGetVoiceId,
+  onSelectTimeout,
 }: TTSPanelProps) => {
  const _ = useTranslation();
  const { envConfig } = useEnv();
@@ -47,6 +123,10 @@ const TTSPanel = ({
  const [rate, setRate] = useState(viewSettings?.ttsRate ?? 1.0);
  const [selectedVoice, setSelectedVoice] = useState(viewSettings?.ttsVoice ?? '');

+  const [timeoutCountdown, setTimeoutCountdown] = useState(() => {
+    return getCountdownTime(timeoutTimestamp);
+  });
+
  const defaultIconSize = useDefaultIconSize();
  const iconSize32 = useResponsiveSize(32);
  const iconSize48 = useResponsiveSize(48);
@@ -72,6 +152,23 @@ const TTSPanel = ({
    setViewSettings(bookKey, viewSettings);
  };

+  const updateTimeout = (timeout: number) => {
+    const now = Date.now();
+    if (timeout > 0 && timeout < now) {
+      onSelectTimeout(0);
+      setTimeoutCountdown('');
+    } else if (timeout > 0) {
+      setTimeoutCountdown(getCountdownTime(timeout));
+    }
+  };
+
+  useEffect(() => {
+    setTimeout(() => {
+      updateTimeout(timeoutTimestamp);
+    }, 1000);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [timeoutTimestamp, timeoutCountdown]);
+
  useEffect(() => {
    const voiceId = onGetVoiceId();
    setSelectedVoice(voiceId);
@@ -87,6 +184,8 @@ const TTSPanel = ({
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [ttsLang]);

+  const timeoutOptions = getTTSTimeoutOptions(_);
+
  return (
    <div className='flex w-full flex-col items-center justify-center gap-2 rounded-2xl p-4'>
      <div className='flex w-full flex-col items-center gap-0.5'>
@@ -132,9 +231,40 @@ const TTSPanel = ({
        <button onClick={onForward} className='rounded-full p-1'>
          <MdFastForward size={iconSize32} />
        </button>
-        <button onClick={onStop} className='rounded-full p-1'>
-          <MdStop size={iconSize32} />
-        </button>
+        <div className='dropdown dropdown-top'>
+          <button className='flex flex-col items-center justify-center rounded-full p-1'>
+            <MdAlarm size={iconSize32} />
+            {timeoutCountdown && (
+              <span
+                className={clsx(
+                  'absolute bottom-0 left-1/2 w-12 translate-x-[-50%] translate-y-[80%] px-1',
+                  'bg-primary/80 text-base-100 rounded-full text-center text-xs',
+                )}
+              >
+                {timeoutCountdown}
+              </span>
+            )}
+          </button>
+          <ul
+            tabIndex={0}
+            className={clsx(
+              'dropdown-content bgcolor-base-200 no-triangle menu menu-vertical rounded-box absolute right-0 z-[1] shadow',
+              'mt-4 inline max-h-96 w-[200px] overflow-y-scroll',
+            )}
+          >
+            {timeoutOptions.map((option, index) => (
+              <li key={`${index}-${option.value}`} onClick={() => onSelectTimeout(option.value)}>
+                <div className='flex items-center px-2'>
+                  <span style={{ minWidth: `${defaultIconSize}px` }}>
+                    {timeoutOption === option.value && <MdCheck className='text-base-content' />}
+                  </span>
+                  <span className={clsx('text-base sm:text-sm')}>{option.label}</span>
+                </div>
+              </li>
+            ))}
+          </ul>
+        </div>
+
        <div className='dropdown dropdown-top'>
          <button tabIndex={0} className='rounded-full p-1'>
            <RiVoiceAiFill size={iconSize32} />
@@ -31,7 +31,10 @@ export const useClickEvent = (
              if (appService?.isMobile) {
                windowStartX = 0;
              } else {
-                const windowPosition = await tauriGetWindowLogicalPosition();
+                const windowPosition = (await tauriGetWindowLogicalPosition()) as {
+                  x: number;
+                  y: number;
+                };
                windowStartX = windowPosition.x;
              }
            } else {
@@ -43,12 +46,16 @@ export const useClickEvent = (
            if (!consumed) {
              const centerStartX = viewStartX + viewRect.width * 0.375;
              const centerEndX = viewStartX + viewRect.width * 0.625;
-              if (screenX >= centerStartX && screenX <= centerEndX) {
+              if (
+                viewSettings.disableClick! ||
+                (screenX >= centerStartX && screenX <= centerEndX)
+              ) {
                // toggle visibility of the header bar and the footer bar
                setHoveredBookKey(hoveredBookKey ? null : bookKey);
              } else {
                if (hoveredBookKey) {
                  setHoveredBookKey(null);
+                  return;
                }
                if (!viewSettings.disableClick! && screenX >= viewCenterX) {
                  if (viewSettings.swapClickArea) {
@@ -0,0 +1,251 @@
+'use client';
+
+import clsx from 'clsx';
+import semver from 'semver';
+import Image from 'next/image';
+import { Suspense, useEffect, useState } from 'react';
+import { check, Update } from '@tauri-apps/plugin-updater';
+import { relaunch } from '@tauri-apps/plugin-process';
+import { fetch } from '@tauri-apps/plugin-http';
+import { useTranslation } from '@/hooks/useTranslation';
+import { useSearchParams } from 'next/navigation';
+import { useTheme } from '@/hooks/useTheme';
+import packageJson from '../../../package.json';
+import Spinner from '@/components/Spinner';
+
+const CHANGELOG_URL =
+  'https://github.com/readest/readest/releases/latest/download/release-notes.json';
+
+interface ReleaseNotes {
+  releases: Record<
+    string,
+    {
+      date: string;
+      notes: string[];
+    }
+  >;
+}
+
+interface Changelog {
+  version: string;
+  date: string;
+  notes: string[];
+}
+
+const UpdaterDialog = () => {
+  const _ = useTranslation();
+  const searchParams = useSearchParams();
+  const currentVersion = packageJson.version;
+  const version = searchParams?.get('version') || '';
+  const [update, setUpdate] = useState<Update | null>(null);
+  const [isMounted, setIsMounted] = useState(false);
+  const [newVersion, setNewVersion] = useState(version);
+  const [changelogs, setChangelogs] = useState<Changelog[]>([]);
+  const [progress, setProgress] = useState<number | null>(null);
+  const [contentLength, setContentLength] = useState<number | null>(null);
+  const [downloaded, setDownloaded] = useState<number | null>(null);
+
+  useEffect(() => {
+    const fetchChangelogs = async (
+      fromVersion: string,
+      toVersion: string,
+    ): Promise<Changelog[]> => {
+      try {
+        const res = await fetch(CHANGELOG_URL);
+        const data: ReleaseNotes = await res.json();
+        const releases = data.releases;
+
+        const entries = Object.entries(releases)
+          .filter(([ver]) => semver.gt(ver, fromVersion) && semver.lte(ver, toVersion))
+          .sort(([a], [b]) => semver.rcompare(a, b))
+          .map(([version, info]) => ({
+            version,
+            date: new Date(info.date).toDateString(),
+            notes: info.notes,
+          }));
+
+        return entries;
+      } catch (error) {
+        console.error('Failed to fetch changelog:', error);
+        return [];
+      }
+    };
+    const parseNumberedList = (input: string): string[] => {
+      return input
+        .split(/(?:^|\s)\d+\.\s/)
+        .map((item) => item.trim())
+        .filter((item) => item.length > 0);
+    };
+    const checkForUpdates = async () => {
+      const update = await check();
+      setUpdate(update);
+      if (update) {
+        setNewVersion(update.version);
+        const changelogs = await fetchChangelogs(currentVersion, update.version);
+        if (changelogs.length > 0) {
+          setChangelogs(changelogs);
+        } else {
+          setChangelogs([
+            {
+              version: update.version,
+              date: new Date(update.date!).toDateString(),
+              notes: parseNumberedList(update.body ?? ''),
+            },
+          ]);
+        }
+      }
+    };
+    checkForUpdates();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useTheme();
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  const handleDownloadInstall = async () => {
+    if (!update) {
+      return;
+    }
+    console.log(`found update ${update.version} from ${update.date} with notes ${update.body}`);
+    let downloaded = 0;
+    let contentLength = 0;
+    let lastLogged = 0;
+    setProgress(0);
+    await update.downloadAndInstall((event) => {
+      switch (event.event) {
+        case 'Started':
+          contentLength = event.data.contentLength!;
+          setContentLength(contentLength);
+          console.log(`started downloading ${event.data.contentLength} bytes`);
+          break;
+        case 'Progress':
+          downloaded += event.data.chunkLength;
+          setDownloaded(downloaded);
+          const percent = Math.floor((downloaded / contentLength) * 100);
+          setProgress(percent);
+          if (downloaded - lastLogged >= 1 * 1024 * 1024) {
+            console.log(`downloaded ${downloaded} bytes from ${contentLength}`);
+            lastLogged = downloaded;
+          }
+          break;
+        case 'Finished':
+          console.log('download finished');
+          setProgress(100);
+          break;
+      }
+    });
+    console.log('update installed');
+    await relaunch();
+  };
+
+  if (!isMounted) {
+    return null;
+  }
+
+  return (
+    <div className='bg-base-300 flex min-h-screen items-center justify-center'>
+      <div className='card bg-base-200 w-full max-w-2xl !rounded-none shadow-xl'>
+        <div className='card-body'>
+          <div className='flex items-start gap-8'>
+            <div className='flex flex-col items-center justify-center gap-4'>
+              <div className='bg-base-200 flex items-center justify-center rounded-2xl shadow-md'>
+                <Image src='/icon.png' alt='Logo' className='h-20 w-20' width={64} height={64} />
+              </div>
+            </div>
+
+            <div className='text-base-content flex-1 text-sm'>
+              <h2 className='mb-2 font-bold'>{_('A new version of Readest is Available!')}</h2>
+              <p className='mb-2'>
+                {_('Readest {{newVersion}} is available (installed version {{currentVersion}}).', {
+                  newVersion,
+                  currentVersion,
+                })}
+              </p>
+              <p className='mb-2'>{_('Download and install now?')}</p>
+
+              <div className='flex w-full flex-row items-center justify-end gap-4'>
+                {progress !== null && (
+                  <div className='flex flex-grow flex-col'>
+                    <progress
+                      className='progress my-1 h-4 w-full'
+                      value={progress}
+                      max='100'
+                    ></progress>
+                    <p className='text-base-content/75 flex items-center justify-center text-sm'>
+                      {progress < 100
+                        ? _('Downloading {{downloaded}} of {{contentLength}}', {
+                            downloaded: downloaded
+                              ? `${Math.floor(downloaded / 1024 / 1024)} MB`
+                              : '0 MB',
+                            contentLength: contentLength
+                              ? `${Math.floor(contentLength / 1024 / 1024)} MB`
+                              : '0 MB',
+                          })
+                        : _('Download finished')}
+                    </p>
+                  </div>
+                )}
+
+                <div className='card-actions'>
+                  <button
+                    className={clsx(
+                      'btn btn-warning text-base-100 px-6 font-bold',
+                      !update && 'btn-disabled',
+                    )}
+                    onClick={handleDownloadInstall}
+                  >
+                    {_('DOWNLOAD & INSTALL')}
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className='text-base-content px-8 text-sm'>
+          <h3 className='mb-2 font-bold'>{_('Changelog:')}</h3>
+          <div className='bg-base-300 mb-4 rounded-lg px-4 pb-2 pt-4'>
+            {changelogs.length > 0 ? (
+              changelogs.map((entry: Changelog) => (
+                <div key={entry.version} className='mb-4'>
+                  <h4 className='mb-2 font-bold'>
+                    {entry.version} ({entry.date})
+                  </h4>
+                  <ul className='list-disc space-y-1 pl-6 text-sm'>
+                    {entry.notes.map((note: string, i: number) => (
+                      <li key={i}>{note}</li>
+                    ))}
+                  </ul>
+                </div>
+              ))
+            ) : (
+              <div className='flex h-56 w-full flex-col gap-4'>
+                <div className='skeleton h-4 w-28'></div>
+                <div className='skeleton h-4 w-full'></div>
+                <div className='skeleton h-4 w-full'></div>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const UpdaterPage = () => {
+  return (
+    <Suspense
+      fallback={
+        <div className='fixed inset-0 z-50 flex items-center justify-center'>
+          <Spinner loading />
+        </div>
+      }
+    >
+      <UpdaterDialog />
+    </Suspense>
+  );
+};
+
+export default UpdaterPage;
@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import Image from 'next/image';
 import packageJson from '../../package.json';
+import { useEnv } from '@/context/EnvContext';
 import { useTranslation } from '@/hooks/useTranslation';
 import { hasUpdater } from '@/services/environment';
 import { checkForAppUpdates } from '@/helpers/updater';
+import { parseWebViewVersion } from '@/utils/ua';
 import Dialog from './Dialog';

 export const setAboutDialogVisible = (visible: boolean) => {
@@ -17,7 +19,14 @@ export const setAboutDialogVisible = (visible: boolean) => {

 export const AboutWindow = () => {
  const _ = useTranslation();
-  const [isUpdated, setIsUpdated] = React.useState(false);
+  const { appService } = useEnv();
+  const [isUpdated, setIsUpdated] = useState(false);
+  const [browserInfo, setBrowserInfo] = useState('');
+
+  useEffect(() => {
+    setBrowserInfo(parseWebViewVersion(appService));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);

  const handleCheckUpdate = async () => {
    const update = await checkForAppUpdates(_, false);
@@ -37,26 +46,35 @@ export const AboutWindow = () => {
      >
        <div className='about-content flex h-full flex-col items-center justify-center'>
          <div className='flex flex-col items-center px-8'>
-            <div className='mb-4'>
+            <div className='mb-3'>
              <Image src='/icon.png' alt='App Logo' className='h-24 w-24' width={64} height={64} />
            </div>
-            <h2 className='text-2xl font-bold'>Readest</h2>
-            <p className='text-neutral-content text-sm'>
-              {_('Version {{version}}', { version: packageJson.version })}
-            </p>
-            {hasUpdater() && !isUpdated && (
-              <span className='badge badge-primary mt-2 cursor-pointer' onClick={handleCheckUpdate}>
-                {_('Check Update')}
-              </span>
-            )}
-            {isUpdated && (
-              <p className='text-neutral-content mt-2 text-xs'>{_('Already the latest version')}</p>
-            )}
+            <div className='flex select-text flex-col items-center'>
+              <h2 className='text-2xl font-bold'>Readest</h2>
+              <p className='text-neutral-content text-sm'>
+                {_('Version {{version}}', { version: packageJson.version })} {`(${browserInfo})`}
+              </p>
+            </div>
+            <div className='h-5'>
+              {hasUpdater() && !isUpdated && (
+                <span
+                  className='badge badge-primary mt-2 cursor-pointer'
+                  onClick={handleCheckUpdate}
+                >
+                  {_('Check Update')}
+                </span>
+              )}
+              {isUpdated && (
+                <p className='text-neutral-content mt-2 text-xs'>
+                  {_('Already the latest version')}
+                </p>
+              )}
+            </div>
          </div>

          <div className='divider py-12 sm:py-2'></div>

-          <div className='flex flex-col items-center px-4 text-center'>
+          <div className='flex flex-col items-center px-4 text-center' dir='ltr'>
            <p className='text-neutral-content text-sm'>
              © {new Date().getFullYear()} Bilingify LLC. All rights reserved.
            </p>
@@ -1,10 +1,11 @@
 import clsx from 'clsx';
-import React, { ReactNode, useEffect } from 'react';
-import { MdArrowBackIosNew } from 'react-icons/md';
+import React, { ReactNode, useEffect, useState } from 'react';
+import { MdArrowBackIosNew, MdArrowForwardIos } from 'react-icons/md';
 import { useEnv } from '@/context/EnvContext';
 import { useDrag } from '@/hooks/useDrag';
 import { useResponsiveSize } from '@/hooks/useResponsiveSize';
 import { impactFeedback } from '@tauri-apps/plugin-haptics';
+import { getDirFromUILanguage } from '@/utils/rtl';

 const VELOCITY_THRESHOLD = 0.5;
 const SNAP_THRESHOLD = 0.2;
@@ -38,6 +39,7 @@ const Dialog: React.FC<DialogProps> = ({
 }) => {
  const { appService } = useEnv();
  const [isFullHeightInMobile, setIsFullHeightInMobile] = React.useState(!snapHeight);
+  const [isRtl] = useState(() => getDirFromUILanguage() === 'rtl');
  const iconSize22 = useResponsiveSize(22);
  const isMobile = window.innerWidth < 640;

@@ -133,6 +135,7 @@ const Dialog: React.FC<DialogProps> = ({
        'modal sm:min-w-90 z-50 h-full w-full !items-start !bg-transparent sm:w-full sm:!items-center',
        className,
      )}
+      dir={isRtl ? 'rtl' : undefined}
    >
      <div
        className={clsx('overlay fixed inset-0 z-10 bg-black/50 sm:bg-black/20', bgClassName)}
@@ -177,10 +180,14 @@ const Dialog: React.FC<DialogProps> = ({
                tabIndex={-1}
                onClick={onClose}
                className={
-                  'btn btn-ghost btn-circle flex h-6 min-h-6 w-6 hover:bg-transparent focus:outline-none sm:hidden'
+                  'btn btn-ghost btn-circle flex h-8 min-h-8 w-8 hover:bg-transparent focus:outline-none sm:hidden'
                }
              >
-                <MdArrowBackIosNew size={iconSize22} />
+                {isRtl ? (
+                  <MdArrowForwardIos size={iconSize22} />
+                ) : (
+                  <MdArrowBackIosNew size={iconSize22} />
+                )}
              </button>
              <div className='z-15 pointer-events-none absolute inset-0 flex h-11 items-center justify-center'>
                <span className='line-clamp-1 text-center font-bold'>{title ?? ''}</span>
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';

 interface SliderProps {
  min?: number;
@@ -34,6 +34,8 @@ const Slider: React.FC<SliderProps> = ({
  onChange,
 }) => {
  const [value, setValue] = useState(initialValue);
+  const [isRtl, setIsRtl] = useState(false);
+  const sliderRef = useRef<HTMLDivElement>(null);

  const handleChange = (e: React.ChangeEvent) => {
    const newValue = parseInt((e.target as HTMLInputElement).value, 10);
@@ -43,6 +45,17 @@ const Slider: React.FC<SliderProps> = ({
    }
  };

+  useEffect(() => {
+    let node: HTMLElement | null = sliderRef.current;
+    while (node) {
+      if (node.getAttribute('dir') === 'rtl') {
+        setIsRtl(true);
+        break;
+      }
+      node = node.parentElement;
+    }
+  }, []);
+
  useEffect(() => {
    setValue(initialValue);
  }, [initialValue]);
@@ -50,22 +63,33 @@ const Slider: React.FC<SliderProps> = ({
  const percentage = ((value - min) / (max - min)) * 100;

  return (
-    <div className={`slider bg-base-200 mx-auto w-full max-w-md rounded-xl ${className}`}>
+    <div
+      ref={sliderRef}
+      className={`slider bg-base-200 mx-auto w-full max-w-md rounded-xl ${className}`}
+      dir={isRtl ? 'rtl' : undefined}
+    >
      <div className='relative' style={{ height: `${heightPx}px` }}>
+        {/* Background track */}
        <div className='bg-base-300/40 absolute h-full w-full rounded-full'></div>
+        {/* Filled portion */}
        <div
          className='bg-base-300 absolute h-full rounded-full'
-          style={{ width: percentage > 0 ? `calc(${percentage}% + ${heightPx / 2}px)` : '0px' }}
+          style={{
+            width: percentage > 0 ? `calc(${percentage}% + ${heightPx / 2}px)` : '0px',
+            [isRtl ? 'right' : 'left']: 0,
+          }}
        ></div>
+        {/* Min/Max labels */}
        <div className='absolute inset-0 flex items-center justify-between px-4 text-sm'>
          <span className={`ml-2 ${minClassName}`}>{minLabel}</span>
          <span className={`mr-2 ${maxClassName}`}>{maxLabel}</span>
        </div>
+        {/* Thumb bubble */}
        <div
          className='pointer-events-none absolute top-0 z-10'
          style={{
-            left: `max(${heightPx / 2}px, calc(${percentage}%))`,
-            transform: 'translateX(calc(-50%))',
+            [isRtl ? 'right' : 'left']: `max(${heightPx / 2}px, calc(${percentage}%))`,
+            transform: isRtl ? 'translateX(calc(50%))' : 'translateX(calc(-50%))',
            height: '100%',
          }}
        >
@@ -1,6 +1,5 @@
 import { check } from '@tauri-apps/plugin-updater';
-import { ask } from '@tauri-apps/plugin-dialog';
-import { relaunch } from '@tauri-apps/plugin-process';
+import { WebviewWindow } from '@tauri-apps/api/webviewWindow';
 import { CHECK_UPDATE_INTERVAL_SEC } from '@/services/constants';
 import { TranslationFunc } from '@/hooks/useTranslation';

@@ -17,45 +16,20 @@ export const checkForAppUpdates = async (_: TranslationFunc, autoCheck = true) =
  const update = await check();
  console.log('Update found', update);
  if (update) {
-    const yes = await ask(
-      `
-      Update to ${update.version} is available!
-      Release notes: ${update.body}
-      `,
-      {
-        title: _('Update Now!'),
-        kind: 'info',
-        okLabel: _('Update'),
-        cancelLabel: _('Cancel'),
-      },
-    );
-
-    if (yes) {
-      console.log(`found update ${update.version} from ${update.date} with notes ${update.body}`);
-      let downloaded = 0;
-      let contentLength = 0;
-      let lastLogged = 0;
-      await update.downloadAndInstall((event) => {
-        switch (event.event) {
-          case 'Started':
-            contentLength = event.data.contentLength!;
-            console.log(`started downloading ${event.data.contentLength} bytes`);
-            break;
-          case 'Progress':
-            downloaded += event.data.chunkLength;
-            if (downloaded - lastLogged >= 1 * 1024 * 1024) {
-              console.log(`downloaded ${downloaded} bytes from ${contentLength}`);
-              lastLogged = downloaded;
-            }
-            break;
-          case 'Finished':
-            console.log('download finished');
-            break;
-        }
-      });
-      console.log('update installed');
-      await relaunch();
-    }
+    const win = new WebviewWindow('updater', {
+      url: `/updater?version=${update.version}`,
+      title: 'Software Update',
+      width: 626,
+      height: 406,
+      center: true,
+      resizable: true,
+    });
+    win.once('tauri://created', () => {
+      console.log('new window created');
+    });
+    win.once('tauri://error', (e) => {
+      console.error('error creating window', e);
+    });
  }
  return update;
 };
@@ -143,8 +143,7 @@ const hashPayload = (payload: EdgeTTSPayload): string => {

 export class EdgeSpeechTTS {
  static voices = genVoiceList(EDGE_TTS_VOICES);
-  private static audioCache = new LRUCache<string, AudioBuffer>(200);
-  private audioContext = new AudioContext();
+  private static audioCache = new LRUCache<string, ArrayBuffer>(200);

  constructor() {}

@@ -267,17 +266,16 @@ export class EdgeSpeechTTS {
    return this.#fetchEdgeSpeechWs(payload);
  }

-  async createAudio(payload: EdgeTTSPayload): Promise<AudioBuffer> {
+  async createAudio(payload: EdgeTTSPayload): Promise<Blob> {
    const cacheKey = hashPayload(payload);
    if (EdgeSpeechTTS.audioCache.has(cacheKey)) {
-      return EdgeSpeechTTS.audioCache.get(cacheKey)!;
+      return new Blob([EdgeSpeechTTS.audioCache.get(cacheKey)!], { type: 'audio/mpeg' });
    }
    try {
      const res = await this.create(payload);
      const arrayBuffer = await res.arrayBuffer();
-      const audioBuffer = await this.audioContext.decodeAudioData(arrayBuffer.slice(0));
-      EdgeSpeechTTS.audioCache.set(cacheKey, audioBuffer);
-      return audioBuffer;
+      EdgeSpeechTTS.audioCache.set(cacheKey, arrayBuffer);
+      return new Blob([arrayBuffer], { type: 'audio/mpeg' });
    } catch (error) {
      throw error;
    }
@@ -1,4 +1,4 @@
-import { AppPlatform, AppService, ToastType } from '@/types/system';
+import { AppPlatform, AppService, OsPlatform } from '@/types/system';

 import { SystemSettings } from '@/types/settings';
 import { FileSystem, BaseDir } from '@/types/system';
@@ -35,39 +35,38 @@ import {
 import { getOSPlatform, isCJKEnv, isContentURI, isValidURL } from '@/utils/misc';
 import { deserializeConfig, serializeConfig } from '@/utils/serializer';
 import { downloadFile, uploadFile, deleteFile, createProgressHandler } from '@/libs/storage';
+import { ClosableFile } from '@/utils/file';
 import { ProgressHandler } from '@/utils/transfer';
 import { TxtToEpubConverter } from '@/utils/txt';
 import { BOOK_FILE_NOT_FOUND_ERROR } from './errors';

 export abstract class BaseAppService implements AppService {
-  osPlatform: string = getOSPlatform();
-  localBooksDir: string = '';
+  osPlatform: OsPlatform = getOSPlatform();
+  appPlatform: AppPlatform = 'tauri';
+  localBooksDir = '';
+  isMobile = false;
+  isMacOSApp = false;
+  isAppDataSandbox = false;
+  isAndroidApp = false;
+  isIOSApp = false;
+  hasTrafficLight = false;
+  hasWindow = false;
+  hasWindowBar = false;
+  hasContextMenu = false;
+  hasRoundedWindow = false;
+  hasSafeAreaInset = false;
+  hasHaptics = false;
+  hasSysFontsList = false;
+
  abstract fs: FileSystem;
-  abstract appPlatform: AppPlatform;
-  abstract isAppDataSandbox: boolean;
-  abstract isMobile: boolean;
-  abstract isAndroidApp: boolean;
-  abstract isIOSApp: boolean;
-  abstract hasTrafficLight: boolean;
-  abstract hasWindow: boolean;
-  abstract hasWindowBar: boolean;
-  abstract hasContextMenu: boolean;
-  abstract hasRoundedWindow: boolean;
-  abstract hasSafeAreaInset: boolean;
-  abstract hasHaptics: boolean;
-  abstract hasSysFontsList: boolean;

  abstract resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string };
  abstract getCoverImageUrl(book: Book): string;
  abstract getCoverImageBlobUrl(book: Book): Promise<string>;
  abstract getInitBooksDir(): Promise<string>;
+  abstract getCacheDir(): Promise<string>;
+  abstract selectDirectory(): Promise<string>;
  abstract selectFiles(name: string, extensions: string[]): Promise<string[]>;
-  abstract showMessage(
-    msg: string,
-    kind?: ToastType,
-    title?: string,
-    okLabel?: string,
-  ): Promise<void>;

  async loadSettings(): Promise<SystemSettings> {
    let settings: SystemSettings;
@@ -117,9 +116,12 @@ export abstract class BaseAppService implements AppService {
    }

    this.localBooksDir = settings.localBooksDir;
+    const cacheDir = await this.getCacheDir();
    this.fs.getPrefix = (baseDir: BaseDir) => {
      if (baseDir === 'Books') {
        return this.localBooksDir;
+      } else if (baseDir === 'Cache') {
+        return cacheDir;
      }
      return null;
    };
@@ -157,11 +159,11 @@ export abstract class BaseAppService implements AppService {

      try {
        if (typeof file === 'string') {
-          filename = getFilename(file);
          fileobj = await this.fs.openFile(file, 'None');
+          filename = fileobj.name || getFilename(file);
        } else {
-          filename = file.name;
          fileobj = file;
+          filename = file.name;
        }
        if (filename.endsWith('.txt')) {
          const txt2epub = new TxtToEpubConverter();
@@ -210,10 +212,10 @@ export abstract class BaseAppService implements AppService {
        !transient &&
        (!(await this.fs.exists(getLocalBookFilename(book), 'Books')) || overwrite)
      ) {
-        if (typeof file === 'string' && isContentURI(file)) {
-          await this.fs.copyFile(file, getLocalBookFilename(book), 'Books');
-        } else if (filename.endsWith('.txt')) {
+        if (filename.endsWith('.txt')) {
          await this.fs.writeFile(getLocalBookFilename(book), 'Books', fileobj);
+        } else if (typeof file === 'string' && isContentURI(file)) {
+          await this.fs.copyFile(file, getLocalBookFilename(book), 'Books');
        } else if (typeof file === 'string' && !isValidURL(file)) {
          await this.fs.copyFile(file, getLocalBookFilename(book), 'Books');
        } else {
@@ -244,6 +246,10 @@ export abstract class BaseAppService implements AppService {
        }
      }
      book.coverImageUrl = await this.generateCoverImageUrl(book);
+      const f = file as ClosableFile;
+      if (f && f.close) {
+        await f.close();
+      }

      return book;
    } catch (error) {
@@ -282,6 +288,10 @@ export abstract class BaseAppService implements AppService {
    const file = await this.fs.openFile(lfp, 'Books', cfp);
    const localFullpath = `${this.localBooksDir}/${lfp}`;
    await uploadFile(file, localFullpath, handleProgress, hash);
+    const f = file as ClosableFile;
+    if (f && f.close) {
+      await f.close();
+    }
  }

  async uploadBook(book: Book, onProgress?: ProgressHandler): Promise<void> {
@@ -421,6 +431,10 @@ export abstract class BaseAppService implements AppService {
    }
    const { file } = (await this.loadBookContent(book, settings)) as BookContent;
    const bookDoc = (await new DocumentLoader(file).open()).book as BookDoc;
+    const f = file as ClosableFile;
+    if (f && f.close) {
+      await f.close();
+    }
    return bookDoc.metadata;
  }

@@ -34,6 +34,7 @@ export const BOOK_UNGROUPED_ID = '';
 export const DEFAULT_SYSTEM_SETTINGS: Partial<SystemSettings> = {
  keepLogin: false,
  autoUpload: true,
+  alwaysOnTop: false,
  autoCheckUpdates: true,
  screenWakeLock: true,
  autoImportBooksOnOpen: false,
@@ -65,6 +66,7 @@ export const DEFAULT_BOOK_FONT: BookFont = {
  sansSerifFont: 'Roboto',
  monospaceFont: 'Consolas',
  defaultFont: 'Serif',
+  defaultCJKFont: 'LXGW WenKai GB Screen',
  defaultFontSize: 16,
  minimumFontSize: 8,
  fontWeight: 400,
@@ -88,6 +90,7 @@ export const DEFAULT_BOOK_LAYOUT: BookLayout = {
  borderColor: 'red',
  showHeader: true,
  showFooter: true,
+  showBarsOnScroll: false,
 };

 export const DEFAULT_BOOK_STYLE: BookStyle = {
@@ -143,9 +146,12 @@ export const SERIF_FONTS = [
  'Vollkorn',
  'Georgia',
  'Times New Roman',
-  _('LXGW WenKai GB Screen'),
 ];

+export const CJK_SERIF_FONTS = [_('LXGW WenKai GB Screen'), _('LXGW WenKai TC')];
+
+export const CJK_SANS_SERIF_FONTS = ['Noto Sans SC', 'Noto Sans TC'];
+
 export const SANS_SERIF_FONTS = ['Roboto', 'Noto Sans', 'Open Sans', 'Helvetica', 'Arial'];

 export const MONOSPACE_FONTS = ['Fira Code', 'Lucida Console', 'Consolas', 'Courier New'];
@@ -180,6 +186,8 @@ export const WINDOWS_FONTS = [
  'Leelawadee UI',
  'Lucida Console',
  'Lucida Sans Unicode',
+  'LXGW WenKai GB Screen',
+  'LXGW WenKai TC',
  'Malgun Gothic',
  'Marlett',
  'Microsoft Himalaya',
@@ -274,6 +282,8 @@ export const MACOS_FONTS = [
  'Kozuka Mincho Pro',
  'Lucida Grande',
  'Luminari',
+  'LXGW WenKai GB Screen',
+  'LXGW WenKai TC',
  'Marker Felt',
  'Menlo',
  'Microsoft Sans Serif',
@@ -330,6 +340,8 @@ export const LINUX_FONTS = [
  'Liberation Mono',
  'Liberation Sans',
  'Liberation Serif',
+  'LXGW WenKai GB Screen',
+  'LXGW WenKai TC',
  'Noto Mono',
  'Noto Sans',
  'Noto Sans JP',
@@ -366,6 +378,8 @@ export const IOS_FONTS = [
  'Hiragino Mincho',
  'Hiragino Sans',
  'Kaiti',
+  'LXGW WenKai GB Screen',
+  'LXGW WenKai TC',
  'Palatino',
  'PingFang SC',
  'PingFang TC',
@@ -388,6 +402,8 @@ export const ANDROID_FONTS = [
  'Georgia',
  'Heiti',
  'Kaiti',
+  'LXGW WenKai GB Screen',
+  'LXGW WenKai TC',
  'Noto Sans',
  'Noto Sans CJK',
  'Noto Sans JP',
@@ -405,6 +421,47 @@ export const ANDROID_FONTS = [
  'XiHeiti',
 ];

+export const CJK_NAMES_PATTENS = /[\u3040-\u30FF\u4E00-\u9FFF\uAC00-\uD7AF]/;
+export const CJK_FONTS_PATTENS = new RegExp(
+  [
+    'CJK',
+    'TC$',
+    'SC$',
+    'HK',
+    'JP',
+    'TW',
+    'Sim',
+    'Kai',
+    'Hei',
+    'Yan',
+    'Min',
+    'Yuan',
+    'Song',
+    'Ming',
+    'FZ',
+    'FangZheng',
+    'WenQuanYi',
+    'PingFang',
+    'Hiragino',
+    'Meiryo',
+    'Source\\s?Han',
+    'Yu\\s?Gothic',
+    'Yu\\s?Mincho',
+    'Mincho',
+    'Gothic',
+    'Nanum',
+    'Malgun',
+    'Gulim',
+    'Dotum',
+    'Batang',
+    'Gungsuh',
+    'OPPO sans',
+    'MiSans',
+    'Fallback',
+  ].join('|'),
+  'i',
+);
+
 export const BOOK_IDS_SEPARATOR = '+';

 export const DOWNLOAD_READEST_URL = 'https://readest.com?utm_source=readest_web';
@@ -13,12 +13,12 @@ import {
  WriteFileOptions,
 } from '@tauri-apps/plugin-fs';
 import { convertFileSrc } from '@tauri-apps/api/core';
-import { open as openDialog, message } from '@tauri-apps/plugin-dialog';
-import { join, appDataDir } from '@tauri-apps/api/path';
+import { open as openDialog } from '@tauri-apps/plugin-dialog';
+import { join, basename, appDataDir, appCacheDir } from '@tauri-apps/api/path';
 import { type as osType } from '@tauri-apps/plugin-os';

 import { Book } from '@/types/book';
-import { ToastType, FileSystem, BaseDir, AppPlatform } from '@/types/system';
+import { FileSystem, BaseDir, AppPlatform } from '@/types/system';
 import { isContentURI, isValidURL } from '@/utils/misc';
 import { getCoverFilename, getFilename } from '@/utils/book';
 import { copyURIToPath } from '@/utils/bridge';
@@ -76,11 +76,27 @@ export const nativeFileSystem: FileSystem = {
  },
  async openFile(path: string, base: BaseDir, name?: string) {
    const { fp, baseDir } = resolvePath(path, base);
-    const fname = name || getFilename(fp);
+    let fname = name || getFilename(fp);
    if (isValidURL(path)) {
-      return await new RemoteFile(path, name).open();
+      return await new RemoteFile(path, fname).open();
    } else if (isContentURI(path)) {
-      return await new NativeFile(fp, fname, base ? baseDir : null).open();
+      fname = await basename(path);
+      if (path.includes('com.android.externalstorage')) {
+        // If the URI is from shared internal storage (like /storage/emulated/0),
+        // we can access it directly using the path — no need to copy.
+        return await new NativeFile(fp, fname, base ? baseDir : null).open();
+      } else {
+        // Otherwise, for content:// URIs (e.g. from MediaStore, Drive, or third-party apps),
+        // we cannot access the file directly — so we copy it to a temporary cache location.
+        const prefix = this.getPrefix('Cache');
+        const dst = `${prefix}/${fname}`;
+        const res = await copyURIToPath({ uri: path, dst });
+        if (!res.success) {
+          console.error('Failed to open file:', res);
+          throw new Error('Failed to open file');
+        }
+        return await new NativeFile(dst, fname, base ? baseDir : null).open();
+      }
    } else {
      const prefix = this.getPrefix(base);
      if (prefix && OS_TYPE !== 'android') {
@@ -89,7 +105,7 @@ export const nativeFileSystem: FileSystem = {
        // Once the bug is resolved, we should switch back to using NativeFile.
        // RemoteFile is not usable on Android due to unknown issues of range fetch with Android WebView.
        const absolutePath = await join(prefix, path);
-        return await new RemoteFile(this.getURL(absolutePath), path).open();
+        return await new RemoteFile(this.getURL(absolutePath), fname).open();
      } else {
        return await new NativeFile(fp, fname, base ? baseDir : null).open();
      }
@@ -191,19 +207,20 @@ export const nativeFileSystem: FileSystem = {

 export class NativeAppService extends BaseAppService {
  fs = nativeFileSystem;
-  appPlatform = 'tauri' as AppPlatform;
-  isAppDataSandbox = ['android', 'ios'].includes(OS_TYPE);
-  isMobile = ['android', 'ios'].includes(OS_TYPE);
-  isAndroidApp = OS_TYPE === 'android';
-  isIOSApp = OS_TYPE === 'ios';
-  hasTrafficLight = OS_TYPE === 'macos';
-  hasWindow = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
-  hasWindowBar = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
-  hasContextMenu = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
-  hasRoundedWindow = !(OS_TYPE === 'ios' || OS_TYPE === 'android') && !!window.IS_ROUNDED;
-  hasSafeAreaInset = OS_TYPE === 'ios' || OS_TYPE === 'android';
-  hasHaptics = OS_TYPE === 'ios' || OS_TYPE === 'android';
-  hasSysFontsList = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
+  override appPlatform = 'tauri' as AppPlatform;
+  override isAppDataSandbox = ['android', 'ios'].includes(OS_TYPE);
+  override isMobile = ['android', 'ios'].includes(OS_TYPE);
+  override isAndroidApp = OS_TYPE === 'android';
+  override isIOSApp = OS_TYPE === 'ios';
+  override isMacOSApp = OS_TYPE === 'macos';
+  override hasTrafficLight = OS_TYPE === 'macos';
+  override hasWindow = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
+  override hasWindowBar = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
+  override hasContextMenu = !(OS_TYPE === 'ios' || OS_TYPE === 'android');
+  override hasRoundedWindow = !(OS_TYPE === 'ios' || OS_TYPE === 'android') && !!window.IS_ROUNDED;
+  override hasSafeAreaInset = OS_TYPE === 'ios' || OS_TYPE === 'android';
+  override hasHaptics = OS_TYPE === 'ios' || OS_TYPE === 'android';
+  override hasSysFontsList = !(OS_TYPE === 'ios' || OS_TYPE === 'android');

  override resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string } {
    return resolvePath(fp, base);
@@ -213,6 +230,18 @@ export class NativeAppService extends BaseAppService {
    return join(await appDataDir(), LOCAL_BOOKS_SUBDIR);
  }

+  async getCacheDir(): Promise<string> {
+    return await appCacheDir();
+  }
+
+  async selectDirectory(): Promise<string> {
+    const selected = await openDialog({
+      directory: true,
+      multiple: false,
+    });
+    return selected as string;
+  }
+
  async selectFiles(name: string, extensions: string[]): Promise<string[]> {
    const selected = await openDialog({
      multiple: true,
@@ -221,15 +250,6 @@ export class NativeAppService extends BaseAppService {
    return Array.isArray(selected) ? selected : selected ? [selected] : [];
  }

-  async showMessage(
-    msg: string,
-    kind: ToastType = 'info',
-    title?: string,
-    okLabel?: string,
-  ): Promise<void> {
-    await message(msg, { kind, title, okLabel });
-  }
-
  getCoverImageUrl = (book: Book): string => {
    return this.fs.getURL(`${this.localBooksDir}/${getCoverFilename(book)}`);
  };
@@ -1,9 +1,12 @@
-import { activeTransformers } from './transformers';
+import { availableTransformers } from './transformers';
 import { TransformContext } from './transformers/types';

 export const transformContent = async (ctx: TransformContext): Promise<string> => {
  let transformed = ctx.content;

+  const activeTransformers = ctx.transformers
+    .map((name) => availableTransformers.find((transformer) => transformer.name === name))
+    .filter((transformer) => !!transformer);
  for (const transformer of activeTransformers) {
    try {
      transformed = await transformer.transform({ ...ctx, content: transformed });
@@ -2,7 +2,7 @@ import type { Transformer } from './types';
 import { translateTransformer } from './translate';
 import { punctuationTransformer } from './punctuation';

-export const activeTransformers: Transformer[] = [
+export const availableTransformers: Transformer[] = [
  punctuationTransformer,
  translateTransformer,
  // Add more transformers here
@@ -11,14 +11,16 @@ export const punctuationTransformer: Transformer = {
  name: 'punctuation',

  transform: async (ctx) => {
-    if (!ctx.content.includes('<html')) return ctx.content;
-
    const shouldTransform = ctx.viewSettings.vertical === true;
    if (!shouldTransform) return ctx.content;

    let result = ctx.content;
    for (const [original, vertical] of Object.entries(punctuationMap)) {
-      result = result.replace(new RegExp(original, 'g'), vertical);
+      if (ctx.reversePunctuationTransform) {
+        result = result.replace(new RegExp(vertical, 'g'), original);
+      } else {
+        result = result.replace(new RegExp(original, 'g'), vertical);
+      }
    }

    return result;
@@ -4,6 +4,8 @@ export type TransformContext = {
  bookKey: string;
  viewSettings: ViewSettings;
  content: string;
+  transformers: string[];
+  reversePunctuationTransform?: boolean;
 };

 export type Transformer = {
@@ -13,31 +13,19 @@ export class EdgeTTSClient implements TTSClient {
  #voices: TTSVoice[] = [];
  #edgeTTS: EdgeSpeechTTS;

-  static #audioContext: AudioContext | null;
-  #sourceNode: AudioBufferSourceNode | null = null;
+  #audioElement: HTMLAudioElement | null = null;
  #isPlaying = false;
  #pausedAt = 0;
  #startedAt = 0;
-  #audioBuffer: AudioBuffer | null = null;
  available = true;

  constructor() {
    this.#edgeTTS = new EdgeSpeechTTS();
  }

-  async initializeAudioContext() {
-    if (!EdgeTTSClient.#audioContext) {
-      EdgeTTSClient.#audioContext = new AudioContext();
-    }
-    if (EdgeTTSClient.#audioContext.state === 'suspended') {
-      await EdgeTTSClient.#audioContext.resume();
-    }
-  }
-
  async init() {
    this.#voices = EdgeSpeechTTS.voices;
    try {
-      await this.initializeAudioContext();
      await this.#edgeTTS.create({
        lang: 'en',
        text: 'test',
@@ -115,15 +103,12 @@ export class EdgeTTSClient implements TTSClient {
        break;
      }
      try {
-        this.#audioBuffer = await this.#edgeTTS.createAudio(
-          this.getPayload(lang, mark.text, voiceId),
-        );
-        if (!EdgeTTSClient.#audioContext) {
-          EdgeTTSClient.#audioContext = new AudioContext();
-        }
-        this.#sourceNode = EdgeTTSClient.#audioContext.createBufferSource();
-        this.#sourceNode.buffer = this.#audioBuffer;
-        this.#sourceNode.connect(EdgeTTSClient.#audioContext.destination);
+        const blob = await this.#edgeTTS.createAudio(this.getPayload(lang, mark.text, voiceId));
+        const url = URL.createObjectURL(blob);
+        this.#audioElement = new Audio(url);
+        const audio = this.#audioElement;
+        audio.setAttribute('x-webkit-airplay', 'deny');
+        audio.preload = 'auto';

        yield {
          code: 'boundary',
@@ -132,36 +117,37 @@ export class EdgeTTSClient implements TTSClient {
        };

        const result = await new Promise<TTSMessageEvent>((resolve) => {
-          if (EdgeTTSClient.#audioContext === null || this.#sourceNode === null) {
-            throw new Error('Audio context or source node is null');
-          }
-          this.#sourceNode.onended = (event: Event) => {
-            // chunk finished speaking or aborted speaking
-            if (signal.aborted || event.type === 'stopped') {
-              resolve({
-                code: 'error',
-                message: 'Aborted',
-              });
-              return;
+          const cleanUp = () => {
+            audio.onended = null;
+            audio.onerror = null;
+            audio.pause();
+            audio.src = '';
+            URL.revokeObjectURL(url);
+          };
+          audio.onended = () => {
+            cleanUp();
+            if (signal.aborted) {
+              resolve({ code: 'error', message: 'Aborted' });
+            } else {
+              resolve({ code: 'end', message: `Chunk finished: ${mark.name}` });
            }
-            resolve({
-              code: 'end',
-              message: `Chunk finished: ${mark.name}`,
-            });
+          };
+          audio.onerror = (e) => {
+            cleanUp();
+            console.warn('Audio playback error:', e);
+            resolve({ code: 'error', message: 'Audio playback error' });
          };
          if (signal.aborted) {
-            resolve({
-              code: 'error',
-              message: 'Aborted',
-            });
+            cleanUp();
+            resolve({ code: 'error', message: 'Aborted' });
            return;
          }
-          if (EdgeTTSClient.#audioContext.state === 'suspended') {
-            EdgeTTSClient.#audioContext.resume();
-          }
-          this.#sourceNode.start(0);
          this.#isPlaying = true;
-          this.#startedAt = EdgeTTSClient.#audioContext.currentTime;
+          audio.play().catch((err) => {
+            cleanUp();
+            console.error('Failed to play audio:', err);
+            resolve({ code: 'error', message: 'Playback failed: ' + err.message });
+          });
        });
        yield result;
      } catch (error) {
@@ -186,17 +172,17 @@ export class EdgeTTSClient implements TTSClient {
  }

  async pause() {
-    if (!this.#isPlaying || !EdgeTTSClient.#audioContext) return;
-    this.#pausedAt = EdgeTTSClient.#audioContext.currentTime - this.#startedAt;
-    await EdgeTTSClient.#audioContext.suspend();
+    if (!this.#isPlaying || !this.#audioElement) return;
+    this.#pausedAt = this.#audioElement.currentTime - this.#startedAt;
+    await this.#audioElement.pause();
    this.#isPlaying = false;
  }

  async resume() {
-    if (this.#isPlaying || !EdgeTTSClient.#audioContext) return;
-    await EdgeTTSClient.#audioContext.resume();
+    if (this.#isPlaying || !this.#audioElement) return;
+    await this.#audioElement.play();
    this.#isPlaying = true;
-    this.#startedAt = EdgeTTSClient.#audioContext.currentTime - this.#pausedAt;
+    this.#startedAt = this.#audioElement.currentTime - this.#pausedAt;
  }

  async stop() {
@@ -207,21 +193,18 @@ export class EdgeTTSClient implements TTSClient {
    this.#isPlaying = false;
    this.#pausedAt = 0;
    this.#startedAt = 0;
-    if (this.#sourceNode) {
-      try {
-        this.#sourceNode.stop();
-        if (this.#sourceNode?.onended) {
-          this.#sourceNode.onended(new Event('stopped'));
-        }
-      } catch (err) {
-        if (!(err instanceof Error) || err.name !== 'InvalidStateError') {
-          console.log('Error stopping source node:', err);
-        }
+    if (this.#audioElement) {
+      this.#audioElement.pause();
+      this.#audioElement.currentTime = 0;
+      if (this.#audioElement?.onended) {
+        this.#audioElement.onended(new Event('stopped'));
      }
-      this.#sourceNode.disconnect();
-      this.#sourceNode = null;
+      if (this.#audioElement.src?.startsWith('blob:')) {
+        URL.revokeObjectURL(this.#audioElement.src);
+      }
+      this.#audioElement.src = '';
+      this.#audioElement = null;
    }
-    this.#audioBuffer = null;
  }

  async setRate(rate: number) {
@@ -1,5 +1,5 @@
 import { Book } from '@/types/book';
-import { ToastType, FileSystem, BaseDir, AppPlatform } from '@/types/system';
+import { FileSystem, BaseDir, AppPlatform } from '@/types/system';
 import { getCoverFilename } from '@/utils/book';
 import { getOSPlatform, isValidURL } from '@/utils/misc';
 import { RemoteFile } from '@/utils/file';
@@ -54,12 +54,12 @@ const indexedDBFileSystem: FileSystem = {
      return path;
    }
  },
-  async openFile(path: string, base: BaseDir) {
+  async openFile(path: string, base: BaseDir, filename?: string) {
    if (isValidURL(path)) {
-      return await new RemoteFile(path).open();
+      return await new RemoteFile(path, filename).open();
    } else {
      const content = await this.readFile(path, base, 'binary');
-      return new File([content], path);
+      return new File([content], filename || path);
    }
  },
  async copyFile(srcPath: string, dstPath: string, base: BaseDir) {
@@ -190,19 +190,9 @@ const indexedDBFileSystem: FileSystem = {

 export class WebAppService extends BaseAppService {
  fs = indexedDBFileSystem;
-  appPlatform = 'web' as AppPlatform;
-  isAppDataSandbox = false;
-  isMobile = ['android', 'ios'].includes(getOSPlatform());
-  isAndroidApp = false;
-  isIOSApp = false;
-  hasTrafficLight = false;
-  hasWindow = false;
-  hasWindowBar = false;
-  hasContextMenu = false;
-  hasRoundedWindow = false;
-  hasSafeAreaInset = isPWA();
-  hasHaptics = false;
-  hasSysFontsList = false;
+  override isMobile = ['android', 'ios'].includes(getOSPlatform());
+  override appPlatform = 'web' as AppPlatform;
+  override hasSafeAreaInset = isPWA();

  override resolvePath(fp: string, base: BaseDir): { baseDir: number; base: BaseDir; fp: string } {
    return resolvePath(fp, base);
@@ -212,6 +202,10 @@ export class WebAppService extends BaseAppService {
    return LOCAL_BOOKS_SUBDIR;
  }

+  async getCacheDir(): Promise<string> {
+    return 'Cache';
+  }
+
  async selectDirectory(): Promise<string> {
    throw new Error('selectDirectory is not supported in browser');
  }
@@ -220,10 +214,6 @@ export class WebAppService extends BaseAppService {
    throw new Error('selectFiles is not supported in browser');
  }

-  async showMessage(msg: string, kind: ToastType = 'info'): Promise<void> {
-    alert(`${kind.toUpperCase()}: ${msg}`);
-  }
-
  getCoverImageUrl = (book: Book): string => {
    return this.fs.getURL(`${LOCAL_BOOKS_SUBDIR}/${getCoverFilename(book)}`);
  };
@@ -82,6 +82,7 @@ export interface BookLayout {
  borderColor: string;
  showHeader: boolean;
  showFooter: boolean;
+  showBarsOnScroll: boolean;
 }

 export interface BookStyle {
@@ -105,6 +106,7 @@ export interface BookFont {
  sansSerifFont: string;
  monospaceFont: string;
  defaultFont: string;
+  defaultCJKFont: string;
  defaultFontSize: number;
  minimumFontSize: number;
  fontWeight: number;
@@ -22,6 +22,7 @@ export interface SystemSettings {

  keepLogin: boolean;
  autoUpload: boolean;
+  alwaysOnTop: boolean;
  autoCheckUpdates: boolean;
  screenWakeLock: boolean;
  autoImportBooksOnOpen: boolean;
@@ -4,8 +4,8 @@ import { BookDoc } from '@/libs/document';
 import { ProgressHandler } from '@/utils/transfer';

 export type AppPlatform = 'web' | 'tauri';
+export type OsPlatform = 'android' | 'ios' | 'macos' | 'windows' | 'linux' | 'unknown';
 export type BaseDir = 'Books' | 'Settings' | 'Data' | 'Log' | 'Cache' | 'None';
-export type ToastType = 'info' | 'warning' | 'error';

 export interface FileSystem {
  getURL(path: string): string;
@@ -24,7 +24,7 @@ export interface FileSystem {

 export interface AppService {
  fs: FileSystem;
-  osPlatform: string;
+  osPlatform: OsPlatform;
  appPlatform: AppPlatform;
  hasTrafficLight: boolean;
  hasWindow: boolean;
@@ -38,10 +38,10 @@ export interface AppService {
  isAppDataSandbox: boolean;
  isAndroidApp: boolean;
  isIOSApp: boolean;
+  isMacOSApp: boolean;

+  selectDirectory(): Promise<string>;
  selectFiles(name: string, extensions: string[]): Promise<string[]>;
-  showMessage(msg: string, kind?: ToastType, title?: string, okLabel?: string): Promise<void>;
-
  loadSettings(): Promise<SystemSettings>;
  saveSettings(settings: SystemSettings): Promise<void>;
  importBook(
@@ -19,7 +19,8 @@ export const getStoragePlanData = (token: string) => {
  const data = jwtDecode<Token>(token) || {};
  const plan = data['plan'] || 'free';
  const usage = data['storage_usage_bytes'] || 0;
-  const quota = DEFAULT_STORAGE_QUOTA[plan] || DEFAULT_STORAGE_QUOTA['free'];
+  const fixedQuota = parseInt(process.env['NEXT_PUBLIC_STORAGE_FIXED_QUOTA'] || '0');
+  const quota = fixedQuota || DEFAULT_STORAGE_QUOTA[plan] || DEFAULT_STORAGE_QUOTA['free'];

  return {
    plan,
@@ -2,6 +2,7 @@ import { EXTS } from '@/libs/document';
 import { Book, BookConfig, BookProgress, WritingMode } from '@/types/book';
 import { getUserLang, isContentURI, isValidURL, makeSafeFilename } from './misc';
 import { getStorageType } from './object';
+import { getDirFromLanguage } from './rtl';

 export const getDir = (book: Book) => {
  return `${book.hash}`;
@@ -57,16 +58,16 @@ export interface Contributor {
  name: LanguageMap;
 }

-const userLang = getUserLang();
-
 const formatLanguageMap = (x: string | LanguageMap): string => {
+  const userLang = getUserLang();
  if (!x) return '';
  if (typeof x === 'string') return x;
  const keys = Object.keys(x);
  return x[userLang] || x[keys[0]!]!;
 };

-export const listFormater = (narrow = false, lang = userLang) => {
+export const listFormater = (narrow = false, lang = '') => {
+  lang = lang ? lang : getUserLang();
  if (narrow) {
    return new Intl.ListFormat('en', { style: 'narrow', type: 'unit' });
  } else {
@@ -116,6 +117,7 @@ export const primaryLanguage = (lang: string | string[] | undefined) => {

 export const formatDate = (date: string | number | Date | undefined) => {
  if (!date) return;
+  const userLang = getUserLang();
  try {
    return new Date(date).toLocaleDateString(userLang, {
      year: 'numeric',
@@ -157,9 +159,6 @@ export const getBookDirFromWritingMode = (writingMode: WritingMode) => {
 };

 export const getBookDirFromLanguage = (language: string | string[] | undefined) => {
-  const lang = primaryLanguage(language);
-  if (!lang) return 'auto';
-  const rtlLanguages = new Set(['ar', 'he', 'fa', 'ur', 'dv', 'ps', 'sd', 'yi']);
-  const primaryLang = lang.split('-')[0]!.toLowerCase();
-  return rtlLanguages.has(primaryLang) ? 'rtl' : 'auto';
+  const lang = primaryLanguage(language) || '';
+  return getDirFromLanguage(lang);
 };
@@ -10,6 +10,10 @@ export interface CopyURIResponse {
  error?: string;
 }

+export interface UseBackgroundAudioRequest {
+  enabled: boolean;
+}
+
 export async function copyURIToPath(request: CopyURIRequest): Promise<CopyURIResponse> {
  const result = await invoke<CopyURIResponse>('plugin:native-bridge|copy_uri_to_path', {
    payload: request,
@@ -17,3 +21,9 @@ export async function copyURIToPath(request: CopyURIRequest): Promise<CopyURIRes

  return result;
 }
+
+export async function invokeUseBackgroundAudio(request: UseBackgroundAudioRequest): Promise<void> {
+  await invoke('plugin:native-bridge|use_background_audio', {
+    payload: request,
+  });
+}
@@ -2,11 +2,12 @@ import { ViewSettings } from '@/types/book';

 export const getMaxInlineSize = (viewSettings: ViewSettings) => {
  const isScrolled = viewSettings.scrolled!;
+  const isVertical = viewSettings.vertical!;
  const maxColumnCount = viewSettings.maxColumnCount!;
  const screenWidth = window.innerWidth;
  const screenHeight = window.innerHeight;

-  return maxColumnCount === 1 || isScrolled
+  return maxColumnCount === 1 || isScrolled || isVertical
    ? Math.max(screenWidth, screenHeight, 720)
    : viewSettings.maxInlineSize!;
 };
@@ -50,7 +50,12 @@ class DeferredBlob extends Blob {
  }
 }

-export class NativeFile extends File {
+export interface ClosableFile extends File {
+  open(): Promise<this>;
+  close(): Promise<void>;
+}
+
+export class NativeFile extends File implements ClosableFile {
  #handle: FileHandle | null = null;
  #fp: string;
  #name: string;
@@ -59,6 +64,11 @@ export class NativeFile extends File {
  #size: number = -1;
  #type: string = '';

+  static MAX_CACHE_CHUNK_SIZE = 1024 * 1024;
+  static MAX_CACHE_ITEMS_SIZE = 20;
+  #cache: Map<number, ArrayBuffer> = new Map();
+  #order: number[] = [];
+
  constructor(fp: string, name?: string, baseDir: BaseDirectory | null = null, type = '') {
    super([], name || fp, { type });
    this.#fp = fp;
@@ -74,6 +84,15 @@ export class NativeFile extends File {
    return this;
  }

+  async close() {
+    if (this.#handle) {
+      await this.#handle.close();
+      this.#handle = null;
+    }
+    this.#cache.clear();
+    this.#order = [];
+  }
+
  override get name() {
    return this.#name;
  }
@@ -94,10 +113,6 @@ export class NativeFile extends File {
    return this.#handle?.stat();
  }

-  async close(): Promise<void> {
-    return this.#handle?.close();
-  }
-
  async seek(offset: number, whence: SeekMode): Promise<number> {
    if (!this.#handle) {
      throw new Error('File handle is not open');
@@ -112,10 +127,58 @@ export class NativeFile extends File {
    }
    start = Math.max(0, start);
    end = Math.max(start, Math.min(this.size, end));
-    await this.#handle.seek(start, SeekMode.Start);
-    const buffer = new Uint8Array(end - start);
+    const size = end - start;
+
+    if (size > NativeFile.MAX_CACHE_CHUNK_SIZE) {
+      await this.#handle.seek(start, SeekMode.Start);
+      const buffer = new Uint8Array(size);
+      await this.#handle.read(buffer);
+      return buffer.buffer;
+    }
+
+    const cachedChunkStart = Array.from(this.#cache.keys()).find((chunkStart) => {
+      const buffer = this.#cache.get(chunkStart)!;
+      return start >= chunkStart && end <= chunkStart + buffer.byteLength;
+    });
+
+    if (cachedChunkStart !== undefined) {
+      this.#updateAccessOrder(cachedChunkStart);
+      const buffer = this.#cache.get(cachedChunkStart)!;
+      const offset = start - cachedChunkStart;
+      return buffer.slice(offset, offset + size);
+    }
+
+    const chunkStart = Math.max(0, start - 1024);
+    const chunkEnd = Math.min(this.size, chunkStart + NativeFile.MAX_CACHE_CHUNK_SIZE);
+    const chunkSize = chunkEnd - chunkStart;
+
+    await this.#handle.seek(chunkStart, SeekMode.Start);
+    const buffer = new Uint8Array(chunkSize);
    await this.#handle.read(buffer);
-    return buffer.buffer;
+
+    this.#cache.set(chunkStart, buffer.buffer);
+    this.#updateAccessOrder(chunkStart);
+    this.#ensureCacheSize();
+
+    const offset = start - chunkStart;
+    return buffer.buffer.slice(offset, offset + size);
+  }
+
+  #updateAccessOrder(chunkStart: number) {
+    const index = this.#order.indexOf(chunkStart);
+    if (index > -1) {
+      this.#order.splice(index, 1);
+    }
+    this.#order.unshift(chunkStart);
+  }
+
+  #ensureCacheSize() {
+    while (this.#cache.size > NativeFile.MAX_CACHE_ITEMS_SIZE) {
+      const oldestKey = this.#order.pop();
+      if (oldestKey !== undefined) {
+        this.#cache.delete(oldestKey);
+      }
+    }
  }

  override slice(start = 0, end = this.size, contentType = this.type): Blob {
@@ -172,7 +235,7 @@ export class NativeFile extends File {
  }
 }

-export class RemoteFile extends File {
+export class RemoteFile extends File implements ClosableFile {
  url: string;
  #name: string;
  #lastModified: number;
@@ -238,7 +301,10 @@ export class RemoteFile extends File {
    }
  }

-  async close(): Promise<void> {}
+  async close(): Promise<void> {
+    this.#cache.clear();
+    this.#order = [];
+  }

  async fetchRangePart(start: number, end: number) {
    start = Math.max(0, start);
@@ -1,3 +1,4 @@
+import { OsPlatform } from '@/types/system';
 import { md5 } from 'js-md5';

 export const uniqueId = () => Math.random().toString(36).substring(2, 9);
@@ -30,9 +31,18 @@ export const makeSafeFilename = (filename: string, replacement = '_') => {
  return safeName.trim();
 };

-export const getUserLang = () => navigator?.language.split('-')[0] || 'en';
+export const getUserLang = () => {
+  const locale = localStorage?.getItem('i18nextLng') || navigator?.language || '';
+  return locale.split('-')[0] || 'en';
+};

-export const isCJKEnv = () => ['zh', 'ja', 'ko'].includes(getUserLang());
+export const isCJKEnv = () => {
+  const browserLanguage = navigator.language || '';
+  const uiLanguage = localStorage?.getItem('i18nextLng') || '';
+  const isCJKUI = ['zh', 'ja', 'ko'].some((lang) => uiLanguage.startsWith(lang));
+  const isCJKLocale = ['zh', 'ja', 'ko'].some((lang) => browserLanguage.startsWith(lang));
+  return isCJKLocale || isCJKUI;
+};

 export const getUserLocale = (lang: string): string | undefined => {
  const languages =
@@ -47,7 +57,7 @@ export const getUserLocale = (lang: string): string | undefined => {
 // Note that iPad may have a user agent string like a desktop browser
 // when possible please use appService.isIOSApp || getOSPlatform() === 'ios'
 // to check if the app is running on iOS
-export const getOSPlatform = () => {
+export const getOSPlatform = (): OsPlatform => {
  const userAgent = navigator.userAgent.toLowerCase();

  if (/iphone|ipad|ipod/.test(userAgent)) return 'ios';
@@ -56,7 +66,7 @@ export const getOSPlatform = () => {
  if (userAgent.includes('windows nt')) return 'windows';
  if (userAgent.includes('linux')) return 'linux';

-  return '';
+  return 'unknown';
 };

 export const isContentURI = (uri: string) => {
@@ -0,0 +1,13 @@
+import { getUserLang } from './misc';
+
+export const getDirFromLanguage = (lang: string) => {
+  if (!lang) return 'auto';
+  const rtlLanguages = new Set(['ar', 'he', 'fa', 'ur', 'dv', 'ps', 'sd', 'yi']);
+  const primaryLang = lang.split('-')[0]!.toLowerCase();
+  return rtlLanguages.has(primaryLang) ? 'rtl' : 'auto';
+};
+
+export const getDirFromUILanguage = () => {
+  const lang = getUserLang();
+  return getDirFromLanguage(lang);
+};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Huang Xin	f004d7b3ea	release: version 0.9.33 (#875 )	2025-04-13 02:31:13 +08:00
Huang Xin	f7d53508a6	refactor: new updater dialog (#874 )	2025-04-13 02:06:14 +08:00
Huang Xin	53e7f2526c	fix: window maximized and fullscreen now don't conflict with each other (#872 )	2025-04-12 13:42:36 +02:00
Huang Xin	8f0e2d1642	chore: show webview version info in the about window (#869 )	2025-04-12 16:35:54 +08:00
Huang Xin	c807f0ccc8	refactor: OAuth flow is now handled via ASWebAuthenticationSession on macOS (#866 )	2025-04-12 12:49:41 +08:00
Huang Xin	6ba15319a8	fix: reverse punctuation transform when highlighting (#862 )	2025-04-11 06:30:08 +02:00
Huang Xin	3ea3a50baa	fix: handle file basename from content provider uri (#861 )	2025-04-11 05:18:12 +02:00
Huang Xin	ccd467ebcf	feat: support separate header/footer visibility for paginated and scrolled modes (#859 )	2025-04-11 03:40:26 +02:00
Huang Xin	fe25c3e995	feat: support native sign-in-with-apple on macOS (#856 )	2025-04-10 14:49:11 +02:00
Huang Xin	d4af2d3ef5	feat: also add sans-serif CJK fonts (#853 )	2025-04-09 16:03:24 +02:00
Huang Xin	6ff1edb67c	fix: no padding top for bookmark ribbon (#851 )	2025-04-09 13:03:23 +02:00
Huang Xin	3d2847e427	fix: RTL layout for the bottom configuration panel, closes #849 (#850 )	2025-04-09 10:47:15 +02:00
Huang Xin	ff4d8af054	release: version 0.9.32 (#848 )	2025-04-09 06:01:55 +02:00
Huang Xin	612302f42f	feat: add LXGW WenKai TC in CJK fonts list (#847 )	2025-04-09 05:57:06 +02:00
Huang Xin	a26607a154	fix: don't inline the font menu if more options are available (#846 )	2025-04-09 05:32:24 +02:00
Huang Xin	939c7049ed	fix: position the underline and squiggly highlight decoration at the middle between text lines (#845 )	2025-04-09 05:26:22 +02:00
Huang Xin	0ead07e704	fix: don't reset all font-size and font color when override book style (#842 )	2025-04-09 01:55:36 +02:00
Huang Xin	f4908c4536	release: version 0.9.31 (#839 )	2025-04-08 15:54:34 +02:00
Huang Xin	37951c2ebf	feat: add book metadata search in the bookshelf, closes #100 (#838 )	2025-04-08 15:37:18 +02:00
Huang Xin	915f222e08	doc: add a troubleshooting section in README (#837 )	2025-04-08 18:05:22 +08:00
Huang Xin	9446df1b9c	feat: add an option to configure default CJK fonts in CJK environments, closes #780 (#836 )	2025-04-08 11:27:59 +02:00
Huang Xin	bfcf89b093	fix: toggle the menus on the whole screen when Click-To-Flip is disabled, closes #831 (#834 )	2025-04-08 08:09:46 +02:00
Huang Xin	b0cf087d78	fix: support opening content URIs by copying to cache when direct access fails, closes #829 (#833 )	2025-04-08 07:45:33 +02:00
Huang Xin	5863586766	feat: vertical layout for highlighting tools, closes #787 (#830 )	2025-04-07 17:24:14 +02:00
Huang Xin	99182a1f9e	feat: add configurable timeout to stop TTS playback automatically, closes #747 (#826 )	2025-04-07 12:40:14 +02:00
Huang Xin	2599f40dfb	feat: add option to keep window on top, closes #820 (#825 )	2025-04-07 08:23:46 +02:00
Huang Xin	aa66ba54c5	fix: set proper default theme mode, closes #823 (#824 )	2025-04-07 07:16:31 +02:00
Huang Xin	4f0ef01a17	fix: tts now works in background in iOS, closes #547 (#822 ) To enable background playback in Android, go to Settings > Apps & Notifications > Readest > Battery > Battery Optimization, and disable battery optimization for Readest.	2025-04-06 18:42:58 +02:00
Huang Xin	267e1656db	release: version 0.9.30 (#817 )	2025-04-05 11:39:37 +02:00
Huang Xin	dcecda2984	fix: cache NativeFile with LRU, closes #797 (#816 )	2025-04-05 11:27:07 +02:00
Huang Xin	ce88f0229a	fix: rounded reader widget only when sidebar is invisible , closes #809 (#815 )	2025-04-05 10:08:39 +02:00
Huang Xin	316c82ea52	fix: override link color only when overriding font, closes #812 (#814 )	2025-04-05 09:34:29 +02:00
Huang Xin	25be60ce2a	chore: bump tauri to 2.4.1 (#813 )	2025-04-05 07:40:33 +02:00
Huang Xin	4703eec045	fix: set correct filename in openFile API, closes #803 (#810 )	2025-04-05 12:41:26 +08:00
Huang Xin	ab22a83332	fix: open default file chooser on Android, closes #798 and closes #799 (#807 )	2025-04-04 05:01:12 +02:00
Huang Xin	a3d6ebe44d	feat: add fixed storage quota for self-hosted instance, closes #805 (#806 )	2025-04-04 03:48:43 +02:00
Huang Xin	f8804b5d3c	fix: revert font family, size and color when overrideFont is set, closes #792 (#804 )	2025-04-03 17:15:19 +02:00
Huang Xin	ee3785ad51	fix: hack to decode incorrectly encoded url in href (#796 )	2025-04-02 07:35:00 +02:00