Merge pull request #129 from UjuiUjuMandan/patch-2

Setting `checkUpdateOnStart` to false by default
Merge pull request #130 from venera-app/dev
2025-09-27 07:47:24 +00:00 · 2025-01-06 22:44:22 +08:00 · 2025-01-06 22:42:09 +08:00 · 2025-01-06 22:38:05 +08:00 · 2025-01-06 22:10:01 +08:00 · 2025-01-06 21:41:52 +08:00
100 changed files with 4612 additions and 1765 deletions
--- a/.github/workflows/analyze.yml
+++ b/.github/workflows/analyze.yml
@@ -0,0 +1,19 @@
+name: "analyze"
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: subosito/flutter-action@v2
+        with:
+          channel: "stable"
+          flutter-version-file: pubspec.yaml
+          architecture: x64
+      - run: flutter pub get
+      - uses: invertase/github-action-dart-analyzer@v1
--- a/.github/workflows/fastlane.yml
+++ b/.github/workflows/fastlane.yml
@@ -0,0 +1,16 @@
+name: Validate Fastlane metadata
+
+on:
+  workflow_dispatch:
+  push:
+      branches: [ "master" ]
+  pull_request:
+      branches: [ "master" ]
+
+jobs:
+  go:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Validate Fastlane Supply Metadata
+        uses: ashutoshgngwr/validate-fastlane-supply-metadata@v2.0.0
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@@ -2,6 +2,9 @@ name: Build ALL
 run-name: Build ALL
 on:
  workflow_dispatch: {}
+  release:
+    types: [published]
+
 jobs:
  Build_MacOS:
    runs-on: macos-15
@@ -139,3 +142,45 @@ jobs:
          name: arch_build
          path: build/linux/arch/

+  Release:
+    runs-on: ubuntu-latest
+    needs: [Build_MacOS, Build_IOS, Build_Android, Build_Windows, Build_Linux]
+    if: github.event_name == 'release'  # 仅在 push 事件时执行
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: venera.dmg
+          path: outputs
+      - uses: actions/download-artifact@v4
+        with:
+          name: app-ios.ipa
+          path: outputs
+      - uses: actions/download-artifact@v4
+        with:
+          name: apks
+          path: outputs
+      - uses: actions/download-artifact@v4
+        with:
+          name: windows_build
+          path: outputs
+      - uses: actions/download-artifact@v4
+        with:
+          name: deb_build
+          path: outputs
+      - uses: actions/download-artifact@v4
+        with:
+          name: arch_build
+          path: outputs
+      - uses: softprops/action-gh-release@v2
+        with:
+          tag_name: ${{ github.ref_name }}
+          files: |
+            outputs/*.ipa
+            outputs/*.dmg
+            outputs/*.apk
+            outputs/*.zip
+            outputs/*.exe
+            outputs/*.deb
+            outputs/*.zst
+        env:
+          GITHUB_TOKEN: ${{ secrets.ACTION_GITHUB_TOKEN }}
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
 # venera

-[![flutter](https://img.shields.io/badge/flutter-3.24.4-blue)](https://flutter.dev/)
+[![flutter](https://img.shields.io/badge/flutter-3.27.1-blue)](https://flutter.dev/)
 [![License](https://img.shields.io/github/license/venera-app/venera)](https://github.com/venera-app/venera/blob/master/LICENSE)
 [![Download](https://img.shields.io/github/v/release/venera-app/venera)](https://github.com/venera-app/venera/releases)
-[![stars](https://img.shields.io/github/stars/venera-app/venera)](https://github.com/venera-app/venera/stargazers)
+[![stars](https://img.shields.io/github/stars/venera-app/venera?style=flat)](https://github.com/venera-app/venera/stargazers)
 [![Telegram](https://img.shields.io/badge/Telegram-2CA5E0?style=flat&logo=telegram&logoColor=white)](https://t.me/+Ws-IpmUutzkxMjhl)

 A comic reader that support reading local and network comics.
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -5,6 +5,8 @@ plugins {
    id "dev.flutter.flutter-gradle-plugin"
 }

+ext.abiCodes = ["armeabi-v7a": 1, "arm64-v8a": 2, "x86_64": 3]
+
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file("local.properties")
 if (localPropertiesFile.exists()) {
@@ -35,7 +37,7 @@ android {
    splits{
        abi {
            reset()
-            include 'armeabi-v7a', 'arm64-v8a', 'x86', 'x86_64'
+            include 'armeabi-v7a', 'arm64-v8a', 'x86_64'
            enable true
            universalApk true
        }
@@ -78,7 +80,7 @@ android {
    buildTypes {
        release {
            ndk {
-                abiFilters "armeabi-v7a", "arm64-v8a", "x86", "x86_64"
+                abiFilters "armeabi-v7a", "arm64-v8a", "x86_64"
            }
            signingConfig signingConfigs.release
            applicationVariants.all { variant ->
@@ -86,13 +88,25 @@ android {
                    def abi = output.getFilter(com.android.build.OutputFile.ABI)
                    if (abi != null) {
                        outputFileName = "venera-${variant.versionName}-${abi}.apk"
+                        def abiVersionCode = project.ext.abiCodes.get(abi)
+                        if (abiVersionCode != null) {
+                            versionCodeOverride = variant.versionCode * 10 + abiVersionCode
+                        }
                    } else {
                        outputFileName = "venera-${variant.versionName}.apk"
+                        versionCodeOverride = variant.versionCode * 10
                    }
                }
            }
        }
    }
+
+    dependenciesInfo {
+        // Disables dependency metadata when building APKs.
+        includeInApk = false
+        // Disables dependency metadata when building Android App Bundles.
+        includeInBundle = false
+    }
 }

 flutter {
@@ -102,4 +116,4 @@ flutter {
 dependencies {
    implementation "androidx.activity:activity-ktx:1.9.2"
    implementation 'androidx.documentfile:documentfile:1.0.1'
-}
+}
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -53,6 +53,8 @@
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
+        <!-- [flutter 3.27.1] Impeller is still worse than skia, disable it -->
+        <meta-data android:name="io.flutter.embedding.android.EnableImpeller" android:value="false"/>
    </application>
    <!-- Required to query activities that can process text, see:
         https://developer.android.com/training/package-visibility and
--- a/android/app/src/main/kotlin/com/github/wgh136/venera/MainActivity.kt
+++ b/android/app/src/main/kotlin/com/github/wgh136/venera/MainActivity.kt
@@ -9,6 +9,7 @@ import android.net.Uri
 import android.os.Build
 import android.os.Environment
 import android.provider.Settings
+import android.util.Log
 import android.view.KeyEvent
 import androidx.activity.result.ActivityResultCallback
 import androidx.activity.result.ActivityResultLauncher
@@ -324,8 +325,25 @@ class MainActivity : FlutterFragmentActivity() {
                }
            }
            // use copy method
-            val filePath = FileUtils.getPathFromCopyOfFileFromUri(this, uri)
-            result.success(filePath)
+            val tmp = File(cacheDir, fileName)
+            if(tmp.exists()) {
+                tmp.delete()
+            }
+            Log.i("Venera", "copy file (${fileName}) to ${tmp.absolutePath}")
+            Thread {
+                try {
+                    contentResolver.openInputStream(uri)?.use { input ->
+                        FileOutputStream(tmp).use { output ->
+                            input.copyTo(output, bufferSize = DEFAULT_BUFFER_SIZE)
+                            output.flush()
+                        }
+                    }
+                    result.success(tmp.absolutePath)
+                }
+                catch (e: Exception) {
+                    result.error("copy error", e.message, null)
+                }
+            }.start()
        }
    }
 }
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-all.zip
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -18,7 +18,7 @@ pluginManagement {

 plugins {
    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
-    id "com.android.application" version '8.2.1' apply false
+    id "com.android.application" version '8.3.2' apply false
    id "org.jetbrains.kotlin.android" version "1.8.10" apply false
 }

--- a/assets/init.js
+++ b/assets/init.js
@@ -877,6 +877,8 @@ function Comic({id, title, subtitle, subTitle, cover, tags, description, maxPage
 /**
 * Create a comic details object
 * @param title {string}
+ * @param subtitle {string}
+ * @param subTitle {string} - equal to subtitle
 * @param cover {string}
 * @param description {string?}
 * @param tags {Map<string, string[]> | {} | null | undefined}
@@ -897,8 +899,9 @@ function Comic({id, title, subtitle, subTitle, cover, tags, description, maxPage
 * @param comments {Comment[]?}- `since 1.0.7` App will display comments in the details page.
 * @constructor
 */
-function ComicDetails({title, cover, description, tags, chapters, isFavorite, subId, thumbnails, recommend, commentCount, likesCount, isLiked, uploader, updateTime, uploadTime, url, stars, maxPage, comments}) {
+function ComicDetails({title, subtitle, subTitle, cover, description, tags, chapters, isFavorite, subId, thumbnails, recommend, commentCount, likesCount, isLiked, uploader, updateTime, uploadTime, url, stars, maxPage, comments}) {
    this.title = title;
+    this.subtitle = subtitle ?? subTitle;
    this.cover = cover;
    this.description = description;
    this.tags = tags;
--- a/assets/translation.json
+++ b/assets/translation.json
@@ -105,6 +105,7 @@
    "Continuous (Right to Left)": "连续（从右到左）",
    "Continuous (Top to Bottom)": "连续（从上到下）",
    "Auto page turning interval": "自动翻页间隔",
+    "The number of pic in screen (Only Gallery Mode)": "同屏幕图片数量(仅画廊模式)",
    "Theme Mode": "主题模式",
    "System": "系统",
    "Light": "浅色",
@@ -152,7 +153,7 @@
    "If the directory contains a file named 'cover.*', it will be used as the cover image. Otherwise the first image will be used." : "如果目录包含一个名为'cover.*'的文件，它将被用作封面图片。否则将使用第一张图片。",
    "The directory name will be used as the comic title. And the name of chapter directories will be used as the chapter titles.\n" : "目录名称将被用作漫画标题。章节目录的名称将被用作章节标题。\n",
    "Export as cbz": "导出为cbz",
-    "Select a cbz file." : "选择一个cbz文件",
+    "Select a cbz/zip file." : "选择一个cbz/zip文件",
    "A cbz file" : "一个cbz文件",
    "Fullscreen": "全屏",
    "Exit": "退出",
@@ -217,7 +218,6 @@
    "Create Folder": "新建文件夹",
    "Select an image on screen": "选择屏幕上的图片",
    "Added @count comics to download queue.": "已添加 @count 本漫画到下载队列",
-    "Ignore Certificate Errors": "忽略证书错误",
    "Authorization Required": "需要身份验证",
    "Sync": "同步",
    "The folder is Linked to @source": "文件夹已关联到 @source",
@@ -244,7 +244,28 @@
    "Deleted @a favorite items.": "已删除 @a 条无效收藏",
    "New version available": "有新版本可用",
    "A new version is available. Do you want to update now?" : "有新版本可用。您要现在更新吗？",
-    "No new version available": "没有新版本可用"
+    "No new version available": "没有新版本可用",
+    "Export as pdf": "导出为pdf",
+    "Export as epub": "导出为epub",
+    "Aggregated Search": "聚合搜索",
+    "No search results found": "未找到搜索结果",
+    "Added @c comics to download queue." : "已添加 @c 本漫画到下载队列",
+    "Download started": "下载已开始",
+    "Click favorite": "点击收藏",
+    "End": "末尾",
+    "None": "无",
+    "View Detail": "查看详情",
+    "Select a directory which contains multiple cbz/zip files." : "选择一个包含多个cbz/zip文件的目录",
+    "Multiple cbz files" : "多个cbz文件",
+    "No valid comics found" : "未找到有效的漫画",
+    "Enable DNS Overrides": "启用DNS覆写",
+    "DNS Overrides": "DNS覆写",
+    "Custom Image Processing": "自定义图片处理",
+    "Enable": "启用",
+    "Aggregated": "聚合",
+    "Default Search Target": "默认搜索目标",
+    "Auto Language Filters": "自动语言筛选",
+    "Check for updates on startup": "启动时检查更新"
  },
  "zh_TW": {
    "Home": "首頁",
@@ -352,6 +373,7 @@
    "Continuous (Right to Left)": "連續（從右到左）",
    "Continuous (Top to Bottom)": "連續（從上到下）",
    "Auto page turning interval": "自動翻頁間隔",
+    "The number of pic in screen (Only Gallery Mode)": "同螢幕圖片數量(僅畫廊模式)",
    "Theme Mode": "主題模式",
    "System": "系統",
    "Light": "浅色",
@@ -399,7 +421,7 @@
    "If the directory contains a file named 'cover.*', it will be used as the cover image. Otherwise the first image will be used." : "如果目錄包含一個名為'cover.*'的文件，它將被用作封面圖片。否則將使用第一張圖片。",
    "The directory name will be used as the comic title. And the name of chapter directories will be used as the chapter titles.\n" : "目錄名稱將被用作漫畫標題。章節目錄的名稱將被用作章節標題。\n",
    "Export as cbz": "匯出為cbz",
-    "Select a cbz file." : "選擇一個cbz文件",
+    "Select a cbz/zip file." : "選擇一個cbz/zip文件",
    "A cbz file" : "一個cbz文件",
    "Fullscreen": "全螢幕",
    "Exit": "退出",
@@ -464,7 +486,6 @@
    "Create Folder": "新建文件夾",
    "Select an image on screen": "選擇屏幕上的圖片",
    "Added @count comics to download queue.": "已添加 @count 本漫畫到下載隊列",
-    "Ignore Certificate Errors": "忽略證書錯誤",
    "Authorization Required": "需要身份驗證",
    "Sync": "同步",
    "The folder is Linked to @source": "文件夾已關聯到 @source",
@@ -491,6 +512,27 @@
    "Deleted @a favorite items.": "已刪除 @a 條無效收藏",
    "New version available": "有新版本可用",
    "A new version is available. Do you want to update now?" : "有新版本可用。您要現在更新嗎？",
-    "No new version available": "沒有新版本可用"
+    "No new version available": "沒有新版本可用",
+    "Export as pdf": "匯出為pdf",
+    "Export as epub": "匯出為epub",
+    "Aggregated Search": "聚合搜索",
+    "No search results found": "未找到搜索結果",
+    "Added @c comics to download queue." : "已添加 @c 本漫畫到下載隊列",
+    "Download started": "下載已開始",
+    "Click favorite": "點擊收藏",
+    "End": "末尾",
+    "None": "無",
+    "View Detail": "查看詳情",
+    "Select a directory which contains multiple cbz/zip files." : "選擇一個包含多個cbz/zip文件的目錄",
+    "Multiple cbz files" : "多個cbz文件",
+    "No valid comics found" : "未找到有效的漫畫",
+    "Enable DNS Overrides": "啟用DNS覆寫",
+    "DNS Overrides": "DNS覆寫",
+    "Custom Image Processing": "自定義圖片處理",
+    "Enable": "啟用",
+    "Aggregated": "聚合",
+    "Default Search Target": "默認搜索目標",
+    "Auto Language Filters": "自動語言篩選",
+    "Check for updates on startup": "啟動時檢查更新"
  }
 }
--- a/debian/gui/venera.desktop
+++ b/debian/gui/venera.desktop
@@ -1,5 +1,4 @@
 [Desktop Entry]
-Version={{Version}}
 Name=Venera
 GenericName=Venera
 Comment=venera
--- a/fastlane/metadata/android/en-US/full_description.txt
+++ b/fastlane/metadata/android/en-US/full_description.txt
@@ -0,0 +1,40 @@
+<p><a href="https://flutter.dev/"><img src="https://img.shields.io/badge/flutter-3.24.4-blue" alt="flutter"></a>
+<a href="https://github.com/venera-app/venera/blob/master/LICENSE"><img src="https://img.shields.io/github/license/venera-app/venera" alt="License"></a>
+<a href="https://github.com/venera-app/venera/releases"><img src="https://img.shields.io/github/v/release/venera-app/venera" alt="Download"></a>
+<a href="https://github.com/venera-app/venera/stargazers"><img src="https://img.shields.io/github/stars/venera-app/venera" alt="stars"></a>
+<a href="https://t.me/+Ws-IpmUutzkxMjhl"><img src="https://img.shields.io/badge/Telegram-2CA5E0?style=flat&amp;logo=telegram&amp;logoColor=white" alt="Telegram"></a></p>
+
+<p>A comic reader that support reading local and network comics.</p>
+
+<h2>Features</h2>
+
+<ul>
+<li>Read local comics</li>
+<li>Use javascript to create comic sources</li>
+<li>Read comics from network sources</li>
+<li>Manage favorite comics</li>
+<li>Download comics</li>
+<li>View comments, tags, and other information of comics if the source supports</li>
+<li>Login to comment, rate, and other operations if the source supports</li>
+</ul>
+
+<h2>Build from source</h2>
+
+<ol>
+<li>Clone the repository</li>
+<li>Install flutter, see <a href="https://flutter.dev/docs/get-started/install">flutter.dev</a></li>
+<li>Install rust, see <a href="https://rustup.rs/">rustup.rs</a></li>
+<li>Build for your platform: e.g. <code>flutter build apk</code></li>
+</ol>
+
+<h2>Create a new comic source</h2>
+
+<p>See <a href="https://github.com/venera-app/venera-configs">venera-configs</a></p>
+
+<h2>Thanks</h2>
+
+<h3>Tags Translation</h3>
+
+<p><a href="https://github.com/EhTagTranslation/Database"><img src="https://github-readme-stats.vercel.app/api/pin/?username=EhTagTranslation&amp;repo=Database" alt="Readme Card"></a></p>
+
+<p>The Chinese translation of the manga tags is from this project.</p>
--- a/fastlane/metadata/android/en-US/images/icon.png
+++ b/fastlane/metadata/android/en-US/images/icon.png
--- a/fastlane/metadata/android/en-US/short_description.txt
+++ b/fastlane/metadata/android/en-US/short_description.txt
@@ -0,0 +1 @@
+A comic reader that support reading local and network comics.
--- a/fastlane/metadata/android/en-US/title.txt
+++ b/fastlane/metadata/android/en-US/title.txt
@@ -0,0 +1 @@
+venera
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-platform :ios, '14.0'
+platform :ios, '15.0'

 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
--- a/lib/components/appbar.dart
+++ b/lib/components/appbar.dart
@@ -76,7 +76,7 @@ class _AppbarState extends State<Appbar> {
    var content = Container(
      decoration: BoxDecoration(
        color: widget.backgroundColor ??
-            context.colorScheme.surface.withOpacity(0.72),
+            context.colorScheme.surface.toOpacity(0.72),
      ),
      height: _kAppBarHeight + context.padding.top,
      child: Row(
@@ -189,20 +189,19 @@ class _MySliverAppBarDelegate extends SliverPersistentHeaderDelegate {
        leading ??
            (Navigator.of(context).canPop()
                ? Tooltip(
-              message: "Back".tl,
-              child: IconButton(
-                icon: const Icon(Icons.arrow_back),
-                onPressed: () => Navigator.maybePop(context),
-              ),
-            )
+                    message: "Back".tl,
+                    child: IconButton(
+                      icon: const Icon(Icons.arrow_back),
+                      onPressed: () => Navigator.maybePop(context),
+                    ),
+                  )
                : const SizedBox()),
        const SizedBox(
          width: 16,
        ),
        Expanded(
          child: DefaultTextStyle(
-            style:
-            DefaultTextStyle.of(context).style.copyWith(fontSize: 20),
+            style: DefaultTextStyle.of(context).style.copyWith(fontSize: 20),
            maxLines: 1,
            overflow: TextOverflow.ellipsis,
            child: title,
@@ -215,12 +214,12 @@ class _MySliverAppBarDelegate extends SliverPersistentHeaderDelegate {
      ],
    ).paddingTop(topPadding);

-    if(style == AppbarStyle.blur) {
+    if (style == AppbarStyle.blur) {
      return SizedBox.expand(
        child: BlurEffect(
          blur: 15,
          child: Material(
-            color: context.colorScheme.surface.withOpacity(0.72),
+            color: context.colorScheme.surface.toOpacity(0.72),
            elevation: 0,
            borderRadius: BorderRadius.circular(radius),
            child: body,
@@ -298,12 +297,21 @@ class _FilledTabBarState extends State<FilledTabBar> {
    super.dispose();
  }

+  PageStorageBucket get bucket => PageStorage.of(context);
+
  @override
  void didChangeDependencies() {
    _controller = widget.controller ?? DefaultTabController.of(context);
-    _controller.animation!.addListener(onTabChanged);
    initPainter();
    super.didChangeDependencies();
+    var prevIndex = bucket.readState(context) as int?;
+    if (prevIndex != null &&
+        prevIndex != _controller.index &&
+        prevIndex >= 0 &&
+        prevIndex < widget.tabs.length) {
+      _controller.index = prevIndex;
+    }
+    _controller.animation!.addListener(onTabChanged);
  }

  @override
@@ -332,7 +340,7 @@ class _FilledTabBarState extends State<FilledTabBar> {
  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
-      animation: _controller,
+      animation: _controller.animation ?? _controller,
      builder: buildTabBar,
    );
  }
@@ -347,6 +355,7 @@ class _FilledTabBarState extends State<FilledTabBar> {
      controller: scrollController,
      builder: (context, controller, physics) {
        return SingleChildScrollView(
+          key: const PageStorageKey('scroll'),
          scrollDirection: Axis.horizontal,
          padding: EdgeInsets.zero,
          controller: controller,
@@ -387,6 +396,7 @@ class _FilledTabBarState extends State<FilledTabBar> {
    }
    updateScrollOffset(i);
    previousIndex = i;
+    bucket.writeState(context, i);
  }

  void updateScrollOffset(int i) {
@@ -427,7 +437,7 @@ class _FilledTabBarState extends State<FilledTabBar> {
          padding: const EdgeInsets.symmetric(horizontal: 16),
          child: DefaultTextStyle(
            style: DefaultTextStyle.of(context).style.copyWith(
-                  color: i == _controller.index
+                  color: i == _controller.animation?.value.round()
                      ? context.colorScheme.primary
                      : context.colorScheme.onSurface,
                  fontWeight: FontWeight.w500,
@@ -724,6 +734,7 @@ class _SliverSearchBarDelegate extends SliverPersistentHeaderDelegate {
                      icon: const Icon(Icons.clear),
                      onPressed: () {
                        editingController.clear();
+                        onChanged?.call("");
                      },
                    );
            },
--- a/lib/components/button.dart
+++ b/lib/components/button.dart
@@ -214,7 +214,7 @@ class _ButtonState extends State<Button> {
            boxShadow: (isHover && !isLoading && (widget.type == ButtonType.filled || widget.type == ButtonType.normal))
                ? [
                    BoxShadow(
-                      color: Colors.black.withOpacity(0.1),
+                      color: Colors.black.toOpacity(0.1),
                      blurRadius: 2,
                      offset: const Offset(0, 1),
                    )
@@ -248,7 +248,7 @@ class _ButtonState extends State<Button> {
    if (widget.type == ButtonType.filled) {
      var color = widget.color ?? context.colorScheme.primary;
      if (isHover) {
-        return color.withOpacity(0.9);
+        return color.toOpacity(0.9);
      } else {
        return color;
      }
@@ -256,13 +256,13 @@ class _ButtonState extends State<Button> {
    if (widget.type == ButtonType.normal) {
      var color = widget.color ?? context.colorScheme.surfaceContainer;
      if (isHover) {
-        return color.withOpacity(0.9);
+        return color.toOpacity(0.9);
      } else {
        return color;
      }
    }
    if (isHover) {
-      return context.colorScheme.outline.withOpacity(0.2);
+      return context.colorScheme.outline.toOpacity(0.2);
    }
    return Colors.transparent;
  }
@@ -345,7 +345,7 @@ class _IconButtonState extends State<_IconButton> {
                  ? Theme.of(context)
                  .colorScheme
                  .outlineVariant
-                  .withOpacity(0.4)
+                  .toOpacity(0.4)
                  : null,
              borderRadius: BorderRadius.circular((iconSize + 12) / 2),
            ),
--- a/lib/components/code.dart
+++ b/lib/components/code.dart
@@ -0,0 +1,383 @@
+part of 'components.dart';
+
+class CodeEditor extends StatefulWidget {
+  const CodeEditor({super.key, this.initialValue, this.onChanged});
+
+  final String? initialValue;
+
+  final void Function(String value)? onChanged;
+
+  @override
+  State<CodeEditor> createState() => _CodeEditorState();
+}
+
+class _CodeEditorState extends State<CodeEditor> {
+  late _CodeTextEditingController _controller;
+  late FocusNode _focusNode;
+  var horizontalScrollController = ScrollController();
+  var verticalScrollController = ScrollController();
+  int lineCount = 1;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = _CodeTextEditingController(text: widget.initialValue);
+    _focusNode = FocusNode()
+      ..onKeyEvent = (node, event) {
+        if (event.logicalKey == LogicalKeyboardKey.tab) {
+          if (event is KeyDownEvent) {
+            handleTab();
+          }
+          return KeyEventResult.handled;
+        }
+        return KeyEventResult.ignored;
+      };
+    lineCount = calculateLineCount(widget.initialValue ?? '');
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    future = _controller.init(context.brightness);
+  }
+
+  void handleTab() {
+    var text = _controller.text;
+    var start = _controller.selection.start;
+    var end = _controller.selection.end;
+    _controller.text = '${text.substring(0, start)}    ${text.substring(end)}';
+    _controller.selection = TextSelection.collapsed(offset: start + 4);
+  }
+
+  int calculateLineCount(String text) {
+    return text.split('\n').length;
+  }
+
+  Widget buildLineNumbers() {
+    return SizedBox(
+      width: 32,
+      child: Column(
+        children: [
+          for (var i = 1; i <= lineCount; i++)
+            SizedBox(
+              height: 14 * 1.5,
+              child: Center(
+                child: Text(
+                  i.toString(),
+                  style: TextStyle(
+                    color: context.colorScheme.outline,
+                    fontSize: 13,
+                    height: 1.0,
+                    fontFamily: 'Consolas',
+                    fontFamilyFallback: ['Courier New', 'monospace'],
+                  ),
+                ),
+              ),
+            ),
+        ],
+      ),
+    ).paddingVertical(8);
+  }
+
+  late Future future;
+
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder(
+      future: future,
+      builder: (context, value) {
+        if (value.connectionState == ConnectionState.waiting) {
+          return const SizedBox();
+        }
+        return GestureDetector(
+          onTap: () {
+            _controller.selection = TextSelection.collapsed(
+              offset: _controller.text.length,
+            );
+            _focusNode.requestFocus();
+          },
+          child: Scrollbar(
+            thumbVisibility: true,
+            controller: verticalScrollController,
+            notificationPredicate: (notif) =>
+                notif.metrics.axis == Axis.vertical,
+            child: Scrollbar(
+              thumbVisibility: true,
+              controller: horizontalScrollController,
+              notificationPredicate: (notif) =>
+                  notif.metrics.axis == Axis.horizontal,
+              child: SizedBox.expand(
+                child: ScrollConfiguration(
+                  behavior: _CustomScrollBehavior(),
+                  child: SingleChildScrollView(
+                    scrollDirection: Axis.horizontal,
+                    controller: horizontalScrollController,
+                    child: SingleChildScrollView(
+                      scrollDirection: Axis.vertical,
+                      controller: verticalScrollController,
+                      child: Row(
+                        children: [
+                          buildLineNumbers(),
+                          IntrinsicWidth(
+                            stepWidth: 100,
+                            child: TextField(
+                              controller: _controller,
+                              focusNode: _focusNode,
+                              maxLines: null,
+                              cursorHeight: 1.5 * 14,
+                              style: TextStyle(height: 1.5, fontSize: 14),
+                              decoration: InputDecoration(
+                                border: InputBorder.none,
+                                contentPadding: EdgeInsets.all(8),
+                              ),
+                              onChanged: (value) {
+                                widget.onChanged?.call(value);
+                                if (lineCount != calculateLineCount(value)) {
+                                  setState(() {
+                                    lineCount = calculateLineCount(value);
+                                  });
+                                }
+                              },
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _CustomScrollBehavior extends MaterialScrollBehavior {
+  const _CustomScrollBehavior();
+  @override
+  Widget buildScrollbar(
+      BuildContext context, Widget child, ScrollableDetails details) {
+    return child;
+  }
+}
+
+class _CodeTextEditingController extends TextEditingController {
+  _CodeTextEditingController({super.text});
+
+  HighlighterTheme? _theme;
+
+  Future<void> init(Brightness brightness) async {
+    Highlighter.addLanguage('js', _jsGrammer);
+    _theme = await HighlighterTheme.loadForBrightness(brightness);
+  }
+
+  @override
+  TextSpan buildTextSpan(
+      {required BuildContext context,
+      TextStyle? style,
+      required bool withComposing}) {
+    var highlighter = Highlighter(
+      language: 'js',
+      theme: _theme!,
+    );
+    var result = highlighter.highlight(text);
+    style = TextStyle(
+      height: 1.5,
+      fontSize: 14,
+      fontFamily: 'Consolas',
+      fontFamilyFallback: ['Courier New', 'Roboto Mono', 'monospace'],
+    );
+
+    return mergeTextStyle(result, style);
+  }
+
+  TextSpan mergeTextStyle(TextSpan span, TextStyle style) {
+    var result = TextSpan(
+      style: style.merge(span.style),
+      children: span.children
+          ?.whereType()
+          .map((e) => mergeTextStyle(e, style))
+          .toList(),
+      text: span.text,
+    );
+    return result;
+  }
+}
+
+const _jsGrammer = r'''
+{
+  "name": "JavaScript",
+  "version": "1.0.0",
+  "fileTypes": ["js", "mjs", "cjs"],
+  "scopeName": "source.js",
+
+  "foldingStartMarker": "\\{\\s*$",
+  "foldingStopMarker": "^\\s*\\}",
+
+  "patterns": [
+    {
+      "name": "meta.preprocessor.script.js",
+      "match": "^(#!.*)$"
+    },
+    {
+      "name": "meta.import-export.js",
+      "begin": "\\b(import|export)\\b",
+      "beginCaptures": {
+        "0": {
+          "name": "keyword.control.import.js"
+        }
+      },
+      "end": ";",
+      "endCaptures": {
+        "0": {
+          "name": "punctuation.terminator.js"
+        }
+      },
+      "patterns": [
+        {
+          "include": "#strings"
+        },
+        {
+          "include": "#comments"
+        },
+        {
+          "name": "keyword.control.import.js",
+          "match": "\\b(as|from)\\b"
+        }
+      ]
+    },
+    {
+      "include": "#comments"
+    },
+    {
+      "include": "#keywords"
+    },
+    {
+      "include": "#constants-and-special-vars"
+    },
+    {
+      "include": "#operators"
+    },
+    {
+      "include": "#strings"
+    }
+  ],
+
+  "repository": {
+    "comments": {
+      "patterns": [
+        {
+          "name": "comment.block.js",
+          "begin": "/\\*",
+          "end": "\\*/"
+        },
+        {
+          "name": "comment.line.double-slash.js",
+          "match": "//.*$"
+        }
+      ]
+    },
+    "keywords": {
+      "patterns": [
+        {
+          "name": "keyword.control.js",
+          "match": "\\b(if|else|for|while|do|switch|case|default|break|continue|return|throw|try|catch|finally)\\b"
+        },
+        {
+          "name": "keyword.operator.js",
+          "match": "\\b(instanceof|typeof|new|delete|in|void)\\b"
+        },
+        {
+          "name": "storage.type.js",
+          "match": "\\b(var|let|const|function|class|extends)\\b"
+        },
+        {
+          "name": "keyword.declaration.js",
+          "match": "\\b(export|import|default)\\b"
+        }
+      ]
+    },
+    "constants-and-special-vars": {
+      "patterns": [
+        {
+          "name": "constant.language.js",
+          "match": "\\b(true|false|null|undefined|NaN|Infinity)\\b"
+        },
+        {
+          "name": "constant.numeric.js",
+          "match": "\\b(0x[0-9A-Fa-f]+|[0-9]+\\.?[0-9]*(e[+-]?[0-9]+)?)\\b"
+        }
+      ]
+    },
+    "operators": {
+      "patterns": [
+        {
+          "name": "keyword.operator.assignment.js",
+          "match": "(=|\\+=|-=|\\*=|/=|%=|\\|=|&=|\\^=|<<=|>>=|>>>=)"
+        },
+        {
+          "name": "keyword.operator.comparison.js",
+          "match": "(==|!=|===|!==|<|<=|>|>=)"
+        },
+        {
+          "name": "keyword.operator.logical.js",
+          "match": "(&&|\\|\\||!)"
+        },
+        {
+          "name": "keyword.operator.arithmetic.js",
+          "match": "(-|\\+|\\*|/|%)"
+        },
+        {
+          "name": "keyword.operator.bitwise.js",
+          "match": "(\\||&|\\^|~|<<|>>|>>>)"
+        }
+      ]
+    },
+    "strings": {
+      "patterns": [
+        {
+          "name": "string.quoted.double.js",
+          "begin": "\"",
+          "end": "\"",
+          "patterns": [
+            {
+              "include": "#string-interpolation"
+            }
+          ]
+        },
+        {
+          "name": "string.quoted.single.js",
+          "begin": "'",
+          "end": "'",
+          "patterns": [
+            {
+              "include": "#string-interpolation"
+            }
+          ]
+        },
+        {
+          "name": "string.template.js",
+          "begin": "`",
+          "end": "`",
+          "patterns": [
+            {
+              "include": "#string-interpolation"
+            }
+          ]
+        }
+      ]
+    },
+    "string-interpolation": {
+      "patterns": [
+        {
+          "name": "variable.parameter.js",
+          "begin": "\\$\\{",
+          "end": "\\}"
+        }
+      ]
+    }
+  }
+}
+''';
--- a/lib/components/comic.dart
+++ b/lib/components/comic.dart
@@ -43,7 +43,7 @@ class ComicTile extends StatelessWidget {
    var renderBox = context.findRenderObject() as RenderBox;
    var size = renderBox.size;
    var location = renderBox.localToGlobal(
-      Offset(size.width / 2, size.height / 2),
+      Offset((size.width - 242) / 2, size.height / 2),
    );
    showMenu(location, context);
  }
@@ -77,7 +77,7 @@ class ComicTile extends StatelessWidget {
          icon: Icons.stars_outlined,
          text: 'Add to favorites'.tl,
          onClick: () {
-            addFavorite(comic);
+            addFavorite([comic]);
          },
        ),
        MenuEntry(
@@ -144,7 +144,7 @@ class ComicTile extends StatelessWidget {
                if (history != null)
                  Container(
                    height: 24,
-                    color: Colors.blue.withOpacity(0.9),
+                    color: Colors.blue.toOpacity(0.9),
                    constraints: const BoxConstraints(minWidth: 24),
                    padding: const EdgeInsets.symmetric(horizontal: 4),
                    child: CustomPaint(
@@ -163,7 +163,9 @@ class ComicTile extends StatelessWidget {
  Widget buildImage(BuildContext context) {
    ImageProvider image;
    if (comic is LocalComic) {
-      image = FileImage((comic as LocalComic).coverFile);
+      image = LocalComicImageProvider(comic as LocalComic);
+    } else if (comic is History) {
+      image = HistoryImageProvider(comic as History);
    } else if (comic.sourceKey == 'local') {
      var localComic = LocalManager().find(comic.id, ComicType.local);
      if (localComic == null) {
@@ -233,128 +235,145 @@ class ComicTile extends StatelessWidget {
  }

  Widget _buildBriefMode(BuildContext context) {
-    return Padding(
-        padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 8),
-        child: LayoutBuilder(
-          builder: (context, constraints) {
-            return InkWell(
-              borderRadius: BorderRadius.circular(8),
-              onTap: _onTap,
-              onLongPress:
-                  enableLongPressed ? () => _onLongPressed(context) : null,
-              onSecondaryTapDown: (detail) => onSecondaryTap(detail, context),
-              child: Column(
-                children: [
-                  Expanded(
-                    child: SizedBox(
-                      child: Stack(
-                        children: [
-                          Positioned.fill(
-                            child: Container(
-                              decoration: BoxDecoration(
-                                color: Theme.of(context)
-                                    .colorScheme
-                                    .secondaryContainer,
-                                borderRadius: BorderRadius.circular(8),
-                              ),
-                              clipBehavior: Clip.antiAlias,
-                              child: buildImage(context),
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        return InkWell(
+          borderRadius: BorderRadius.circular(8),
+          onTap: _onTap,
+          onLongPress: enableLongPressed ? () => _onLongPressed(context) : null,
+          onSecondaryTapDown: (detail) => onSecondaryTap(detail, context),
+          child: Column(
+            children: [
+              Expanded(
+                child: Stack(
+                  children: [
+                    Positioned.fill(
+                      child: Container(
+                        decoration: BoxDecoration(
+                          color: context.colorScheme.secondaryContainer,
+                          borderRadius: BorderRadius.circular(8),
+                          boxShadow: [
+                            BoxShadow(
+                              color: Colors.black.toOpacity(0.2),
+                              blurRadius: 2,
+                              offset: const Offset(0, 2),
                            ),
-                          ),
-                          Align(
-                            alignment: Alignment.bottomRight,
-                            child: (() {
-                              final subtitle =
-                                  comic.subtitle?.replaceAll('\n', '').trim();
-                              final text = comic.description.isNotEmpty
-                                  ? comic.description.split('|').join('\n')
-                                  : (subtitle?.isNotEmpty == true
-                                      ? subtitle
-                                      : null);
-                              final scale =
-                                  (appdata.settings['comicTileScale'] as num)
-                                      .toDouble();
-                              final fortSize = scale < 0.85
-                                  ? 8.0 // 小尺寸
-                                  : (scale < 1.0 ? 10.0 : 12.0);
-
-                              if (text == null) {
-                                return const SizedBox
-                                    .shrink(); // 如果没有文本，则不显示任何内容
-                              }
-
-                              return Padding(
-                                padding: const EdgeInsets.symmetric(
-                                    horizontal: 2, vertical: 2),
-                                child: ClipRRect(
-                                  borderRadius: const BorderRadius.all(
-                                    Radius.circular(10.0),
-                                  ),
-                                  child: Container(
-                                    color: Colors.black.withOpacity(0.5),
-                                    child: Padding(
-                                      padding:
-                                          const EdgeInsets.fromLTRB(8, 6, 8, 6),
-                                      child: ConstrainedBox(
-                                        constraints: BoxConstraints(
-                                          maxWidth: constraints.maxWidth,
-                                        ),
-                                        child: Text(
-                                          text,
-                                          style: TextStyle(
-                                            fontWeight: FontWeight.w500,
-                                            fontSize: fortSize,
-                                            color: Colors.white,
-                                          ),
-                                          textAlign: TextAlign.right,
-                                          maxLines: 2,
-                                          overflow: TextOverflow.ellipsis,
-                                        ),
-                                      ),
-                                    ),
-                                  ),
-                                ),
-                              );
-                            })(),
-                          ),
-                        ],
+                          ],
+                        ),
+                        clipBehavior: Clip.antiAlias,
+                        child: buildImage(context),
                      ),
                    ),
-                  ),
-                  Padding(
-                    padding: const EdgeInsets.fromLTRB(8, 4, 8, 0),
-                    child: Text(
-                      comic.title.replaceAll('\n', ''),
-                      style: const TextStyle(
-                        fontWeight: FontWeight.w500,
-                      ),
-                      maxLines: 1,
-                      overflow: TextOverflow.ellipsis,
+                    Align(
+                      alignment: Alignment.bottomRight,
+                      child: (() {
+                        final subtitle =
+                            comic.subtitle?.replaceAll('\n', '').trim();
+                        final text = comic.description.isNotEmpty
+                            ? comic.description.split('|').join('\n')
+                            : (subtitle?.isNotEmpty == true ? subtitle : null);
+                        final fortSize = constraints.maxWidth < 80
+                            ? 8.0
+                            : constraints.maxWidth < 150
+                                ? 10.0
+                                : 12.0;
+
+                        if (text == null) {
+                          return const SizedBox();
+                        }
+
+                        var children = <Widget>[];
+                        for (var line in text.split('\n')) {
+                          children.add(Container(
+                            margin: const EdgeInsets.fromLTRB(2, 0, 2, 2),
+                            padding: constraints.maxWidth < 80
+                                ? const EdgeInsets.fromLTRB(3, 1, 3, 1)
+                                : constraints.maxWidth < 150
+                                    ? const EdgeInsets.fromLTRB(4, 2, 4, 2)
+                                    : const EdgeInsets.fromLTRB(5, 2, 5, 2),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(8),
+                              color: Colors.black.toOpacity(0.5),
+                            ),
+                            constraints: BoxConstraints(
+                              maxWidth: constraints.maxWidth,
+                            ),
+                            child: Text(
+                              line,
+                              style: TextStyle(
+                                fontWeight: FontWeight.w500,
+                                fontSize: fortSize,
+                                color: Colors.white,
+                              ),
+                              textAlign: TextAlign.right,
+                              maxLines: 1,
+                              overflow: TextOverflow.ellipsis,
+                            ),
+                          ));
+                        }
+                        return Column(
+                          mainAxisSize: MainAxisSize.min,
+                          crossAxisAlignment: CrossAxisAlignment.end,
+                          children: children,
+                        );
+                      })(),
                    ),
-                  ),
-                ],
+                  ],
+                ),
              ),
-            );
-          },
-        ));
+              Padding(
+                padding: const EdgeInsets.fromLTRB(4, 4, 4, 0),
+                child: TextScroll(
+                  comic.title.replaceAll('\n', ''),
+                  mode: TextScrollMode.endless,
+                  style: const TextStyle(
+                    fontWeight: FontWeight.w500,
+                  ),
+                  delayBefore: Duration(milliseconds: 500),
+                  velocity: const Velocity(pixelsPerSecond: Offset(40, 0)),
+                ),
+              ),
+            ],
+          ).paddingHorizontal(6).paddingVertical(8),
+        );
+      },
+    );
  }

  List<String> _splitText(String text) {
-    // split text by space, comma. text in brackets will be kept together.
+    // split text by comma, brackets
    var words = <String>[];
    var buffer = StringBuffer();
    var inBracket = false;
+    String? prevBracket;
    for (var i = 0; i < text.length; i++) {
      var c = text[i];
      if (c == '[' || c == '(') {
-        inBracket = true;
-      } else if (c == ']' || c == ')') {
-        inBracket = false;
-      } else if (c == ' ' || c == ',') {
        if (inBracket) {
          buffer.write(c);
        } else {
-          words.add(buffer.toString());
+          if (buffer.isNotEmpty) {
+            words.add(buffer.toString().trim());
+            buffer.clear();
+          }
+          inBracket = true;
+          prevBracket = c;
+        }
+      } else if (c == ']' || c == ')') {
+        if (prevBracket == '[' && c == ']' || prevBracket == '(' && c == ')') {
+          if (buffer.isNotEmpty) {
+            words.add(buffer.toString().trim());
+            buffer.clear();
+          }
+          inBracket = false;
+        } else {
+          buffer.write(c);
+        }
+      } else if (c == ',') {
+        if (inBracket) {
+          buffer.write(c);
+        } else {
+          words.add(buffer.toString().trim());
          buffer.clear();
        }
      } else {
@@ -362,8 +381,10 @@ class ComicTile extends StatelessWidget {
      }
    }
    if (buffer.isNotEmpty) {
-      words.add(buffer.toString());
+      words.add(buffer.toString().trim());
    }
+    words.removeWhere((element) => element == "");
+    words = words.toSet().toList();
    return words;
  }

@@ -381,26 +402,33 @@ class ComicTile extends StatelessWidget {
        return StatefulBuilder(builder: (context, setState) {
          return ContentDialog(
            title: 'Block'.tl,
-            content: Wrap(
-              runSpacing: 8,
-              spacing: 8,
-              children: [
-                for (var word in all)
-                  OptionChip(
-                    text: word,
-                    isSelected: words.contains(word),
-                    onTap: () {
-                      setState(() {
-                        if (!words.contains(word)) {
-                          words.add(word);
-                        } else {
-                          words.remove(word);
-                        }
-                      });
-                    },
-                  ),
-              ],
-            ).paddingHorizontal(16),
+            content: ConstrainedBox(
+              constraints: BoxConstraints(
+                maxHeight: math.min(400, context.height - 136),
+              ),
+              child: SingleChildScrollView(
+                child: Wrap(
+                  runSpacing: 8,
+                  spacing: 8,
+                  children: [
+                    for (var word in all)
+                      OptionChip(
+                        text: word,
+                        isSelected: words.contains(word),
+                        onTap: () {
+                          setState(() {
+                            if (!words.contains(word)) {
+                              words.add(word);
+                            } else {
+                              words.remove(word);
+                            }
+                          });
+                        },
+                      ),
+                  ],
+                ),
+              ).paddingHorizontal(16),
+            ),
            actions: [
              Button.filled(
                onPressed: () {
@@ -473,7 +501,7 @@ class _ComicDescription extends StatelessWidget {
            subtitle,
            style: TextStyle(
                fontSize: 10.0,
-                color: context.colorScheme.onSurface.withOpacity(0.7)),
+                color: context.colorScheme.onSurface.toOpacity(0.7)),
            maxLines: 1,
            softWrap: true,
            overflow: TextOverflow.ellipsis,
@@ -778,7 +806,10 @@ class _SliverGridComics extends StatelessWidget {
            duration: const Duration(milliseconds: 150),
            decoration: BoxDecoration(
              color: isSelected
-                  ? Theme.of(context).colorScheme.secondaryContainer.withOpacity(0.72)
+                  ? Theme.of(context)
+                      .colorScheme
+                      .secondaryContainer
+                      .toOpacity(0.72)
                  : null,
              borderRadius: BorderRadius.circular(12),
            ),
@@ -829,6 +860,9 @@ class ComicList extends StatefulWidget {
    this.trailingSliver,
    this.errorLeading,
    this.menuBuilder,
+    this.controller,
+    this.refreshHandlerCallback,
+    this.enablePageStorage = false,
  });

  final Future<Res<List<Comic>>> Function(int page)? loadPage;
@@ -843,6 +877,12 @@ class ComicList extends StatefulWidget {

  final List<MenuEntry> Function(Comic)? menuBuilder;

+  final ScrollController? controller;
+
+  final void Function(VoidCallback c)? refreshHandlerCallback;
+
+  final bool enablePageStorage;
+
  @override
  State<ComicList> createState() => ComicListState();
 }
@@ -860,6 +900,55 @@ class ComicListState extends State<ComicList> {

  String? _nextUrl;

+  late bool enablePageStorage = widget.enablePageStorage;
+
+  Map<String, dynamic> get state => {
+        'maxPage': _maxPage,
+        'data': _data,
+        'page': _page,
+        'error': _error,
+        'loading': _loading,
+        'nextUrl': _nextUrl,
+      };
+
+  void restoreState(Map<String, dynamic>? state) {
+    if (state == null || !enablePageStorage) {
+      return;
+    }
+    _maxPage = state['maxPage'];
+    _data.clear();
+    _data.addAll(state['data']);
+    _page = state['page'];
+    _error = state['error'];
+    _loading.clear();
+    _loading.addAll(state['loading']);
+    _nextUrl = state['nextUrl'];
+  }
+
+  void storeState() {
+    if (enablePageStorage) {
+      PageStorage.of(context).writeState(context, state);
+    }
+  }
+
+  void refresh() {
+    _data.clear();
+    _page = 1;
+    _maxPage = null;
+    _error = null;
+    _nextUrl = null;
+    _loading.clear();
+    storeState();
+    setState(() {});
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    restoreState(PageStorage.of(context).readState(context));
+    widget.refreshHandlerCallback?.call(refresh);
+  }
+
  void remove(Comic c) {
    if (_data[_page] == null || !_data[_page]!.remove(c)) {
      for (var page in _data.values) {
@@ -1007,15 +1096,20 @@ class ComicListState extends State<ComicList> {
          while (_data[page] == null) {
            await _fetchNext();
          }
-          setState(() {});
+          if (mounted) {
+            setState(() {});
+          }
        } catch (e) {
-          setState(() {
-            _error = e.toString();
-          });
+          if (mounted) {
+            setState(() {
+              _error = e.toString();
+            });
+          }
        }
      }
    } finally {
      _loading[page] = false;
+      storeState();
    }
  }

@@ -1064,6 +1158,8 @@ class ComicListState extends State<ComicList> {
      );
    }
    return SmoothCustomScrollView(
+      key: enablePageStorage ? PageStorageKey('scroll$_page') : null,
+      controller: widget.controller,
      slivers: [
        if (widget.leadingSliver != null) widget.leadingSliver!,
        if (_maxPage != 1) _buildSliverPageSelector(),
--- a/lib/components/components.dart
+++ b/lib/components/components.dart
@@ -1,5 +1,3 @@
-library components;
-
 import 'dart:async';
 import 'dart:collection';
 import 'dart:math' as math;
@@ -10,6 +8,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:flutter/scheduler.dart';
 import 'package:flutter/services.dart';
+import 'package:syntax_highlight/syntax_highlight.dart';
+import 'package:text_scroll/text_scroll.dart';
 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/app_page_route.dart';
 import 'package:venera/foundation/appdata.dart';
@@ -19,13 +19,14 @@ import 'package:venera/foundation/consts.dart';
 import 'package:venera/foundation/favorites.dart';
 import 'package:venera/foundation/history.dart';
 import 'package:venera/foundation/image_provider/cached_image.dart';
+import 'package:venera/foundation/image_provider/history_image_provider.dart';
+import 'package:venera/foundation/image_provider/local_comic_image.dart';
 import 'package:venera/foundation/local.dart';
 import 'package:venera/foundation/res.dart';
 import 'package:venera/network/cloudflare.dart';
 import 'package:venera/pages/comic_page.dart';
 import 'package:venera/pages/favorites/favorites_page.dart';
 import 'package:venera/utils/ext.dart';
-import 'package:venera/utils/io.dart';
 import 'package:venera/utils/tags_translation.dart';
 import 'package:venera/utils/translations.dart';

@@ -45,4 +46,5 @@ part 'select.dart';
 part 'side_bar.dart';
 part 'comic.dart';
 part 'effects.dart';
-part 'gesture.dart';
+part 'gesture.dart';
+part 'code.dart';
--- a/lib/components/custom_slider.dart
+++ b/lib/components/custom_slider.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:venera/foundation/app.dart';

 /// patched slider.dart with RtL support
 class _SliderDefaultsM3 extends SliderThemeData {
@@ -15,45 +16,45 @@ class _SliderDefaultsM3 extends SliderThemeData {
  Color? get inactiveTrackColor => _colors.surfaceContainerHighest;

  @override
-  Color? get secondaryActiveTrackColor => _colors.primary.withOpacity(0.54);
+  Color? get secondaryActiveTrackColor => _colors.primary.toOpacity(0.54);

  @override
-  Color? get disabledActiveTrackColor => _colors.onSurface.withOpacity(0.38);
+  Color? get disabledActiveTrackColor => _colors.onSurface.toOpacity(0.38);

  @override
-  Color? get disabledInactiveTrackColor => _colors.onSurface.withOpacity(0.12);
+  Color? get disabledInactiveTrackColor => _colors.onSurface.toOpacity(0.12);

  @override
-  Color? get disabledSecondaryActiveTrackColor => _colors.onSurface.withOpacity(0.12);
+  Color? get disabledSecondaryActiveTrackColor => _colors.onSurface.toOpacity(0.12);

  @override
-  Color? get activeTickMarkColor => _colors.onPrimary.withOpacity(0.38);
+  Color? get activeTickMarkColor => _colors.onPrimary.toOpacity(0.38);

  @override
-  Color? get inactiveTickMarkColor => _colors.onSurfaceVariant.withOpacity(0.38);
+  Color? get inactiveTickMarkColor => _colors.onSurfaceVariant.toOpacity(0.38);

  @override
-  Color? get disabledActiveTickMarkColor => _colors.onSurface.withOpacity(0.38);
+  Color? get disabledActiveTickMarkColor => _colors.onSurface.toOpacity(0.38);

  @override
-  Color? get disabledInactiveTickMarkColor => _colors.onSurface.withOpacity(0.38);
+  Color? get disabledInactiveTickMarkColor => _colors.onSurface.toOpacity(0.38);

  @override
  Color? get thumbColor => _colors.primary;

  @override
-  Color? get disabledThumbColor => Color.alphaBlend(_colors.onSurface.withOpacity(0.38), _colors.surface);
+  Color? get disabledThumbColor => Color.alphaBlend(_colors.onSurface.toOpacity(0.38), _colors.surface);

  @override
  Color? get overlayColor => WidgetStateColor.resolveWith((Set<WidgetState> states) {
    if (states.contains(WidgetState.dragged)) {
-      return _colors.primary.withOpacity(0.1);
+      return _colors.primary.toOpacity(0.1);
    }
    if (states.contains(WidgetState.hovered)) {
-      return _colors.primary.withOpacity(0.08);
+      return _colors.primary.toOpacity(0.08);
    }
    if (states.contains(WidgetState.focused)) {
-      return _colors.primary.withOpacity(0.1);
+      return _colors.primary.toOpacity(0.1);
    }

    return Colors.transparent;
--- a/lib/components/flyout.dart
+++ b/lib/components/flyout.dart
@@ -141,7 +141,7 @@ class FlyoutState extends State<Flyout> {
                    animation: animation,
                    builder: (context, builder) {
                      return ColoredBox(
-                        color: Colors.black.withOpacity(0.3 * animation.value),
+                        color: Colors.black.toOpacity(0.3 * animation.value),
                      );
                    },
                  ),
@@ -185,12 +185,18 @@ class FlyoutContent extends StatelessWidget {
        child: Material(
          borderRadius: BorderRadius.circular(8),
          type: MaterialType.card,
-          color: context.colorScheme.surface.withOpacity(0.82),
+          color: context.colorScheme.surface.toOpacity(0.82),
          child: Container(
            constraints: const BoxConstraints(
              minWidth: minFlyoutWidth,
            ),
            padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(8),
+              border: context.brightness == ui.Brightness.dark
+                  ? Border.all(color: context.colorScheme.outlineVariant)
+                  : null,
+            ),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
@@ -215,108 +221,3 @@ class FlyoutContent extends StatelessWidget {
    );
  }
 }
-
-class FlyoutTextButton extends StatefulWidget {
-  const FlyoutTextButton(
-      {super.key,
-      required this.child,
-      required this.flyoutBuilder,
-      this.navigator});
-
-  final Widget child;
-
-  final WidgetBuilder flyoutBuilder;
-
-  final NavigatorState? navigator;
-
-  @override
-  State<FlyoutTextButton> createState() => _FlyoutTextButtonState();
-}
-
-class _FlyoutTextButtonState extends State<FlyoutTextButton> {
-  final FlyoutController _controller = FlyoutController();
-
-  @override
-  Widget build(BuildContext context) {
-    return Flyout(
-        controller: _controller,
-        flyoutBuilder: widget.flyoutBuilder,
-        navigator: widget.navigator,
-        child: TextButton(
-          onPressed: () {
-            _controller.show();
-          },
-          child: widget.child,
-        ));
-  }
-}
-
-class FlyoutIconButton extends StatefulWidget {
-  const FlyoutIconButton(
-      {super.key,
-      required this.icon,
-      required this.flyoutBuilder,
-      this.navigator});
-
-  final Widget icon;
-
-  final WidgetBuilder flyoutBuilder;
-
-  final NavigatorState? navigator;
-
-  @override
-  State<FlyoutIconButton> createState() => _FlyoutIconButtonState();
-}
-
-class _FlyoutIconButtonState extends State<FlyoutIconButton> {
-  final FlyoutController _controller = FlyoutController();
-
-  @override
-  Widget build(BuildContext context) {
-    return Flyout(
-        controller: _controller,
-        flyoutBuilder: widget.flyoutBuilder,
-        navigator: widget.navigator,
-        child: IconButton(
-          onPressed: () {
-            _controller.show();
-          },
-          icon: widget.icon,
-        ));
-  }
-}
-
-class FlyoutFilledButton extends StatefulWidget {
-  const FlyoutFilledButton(
-      {super.key,
-      required this.child,
-      required this.flyoutBuilder,
-      this.navigator});
-
-  final Widget child;
-
-  final WidgetBuilder flyoutBuilder;
-
-  final NavigatorState? navigator;
-
-  @override
-  State<FlyoutFilledButton> createState() => _FlyoutFilledButtonState();
-}
-
-class _FlyoutFilledButtonState extends State<FlyoutFilledButton> {
-  final FlyoutController _controller = FlyoutController();
-
-  @override
-  Widget build(BuildContext context) {
-    return Flyout(
-        controller: _controller,
-        flyoutBuilder: widget.flyoutBuilder,
-        navigator: widget.navigator,
-        child: ElevatedButton(
-          onPressed: () {
-            _controller.show();
-          },
-          child: widget.child,
-        ));
-  }
-}
--- a/lib/components/gesture.dart
+++ b/lib/components/gesture.dart
@@ -1,7 +1,8 @@
 part of 'components.dart';

 class MouseBackDetector extends StatelessWidget {
-  const MouseBackDetector({super.key, required this.onTapDown, required this.child});
+  const MouseBackDetector(
+      {super.key, required this.onTapDown, required this.child});

  final Widget child;

@@ -20,3 +21,61 @@ class MouseBackDetector extends StatelessWidget {
    );
  }
 }
+
+class AnimatedTapRegion extends StatefulWidget {
+  const AnimatedTapRegion({
+    super.key,
+    required this.child,
+    required this.onTap,
+    this.borderRadius = 0,
+  });
+
+  final Widget child;
+
+  final void Function() onTap;
+
+  final double borderRadius;
+
+  @override
+  State<AnimatedTapRegion> createState() => _AnimatedTapRegionState();
+}
+
+class _AnimatedTapRegionState extends State<AnimatedTapRegion> {
+  bool isScaled = false;
+
+  bool isHovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return MouseRegion(
+      onEnter: (_) {
+        isHovered = true;
+        if (!isScaled) {
+          Future.delayed(const Duration(milliseconds: 100), () {
+            if (isHovered) {
+              setState(() => isScaled = true);
+            }
+          });
+        }
+      },
+      onExit: (_) {
+        isHovered = false;
+        if(isScaled) {
+          setState(() => isScaled = false);
+        }
+      },
+      child: GestureDetector(
+        onTap: widget.onTap,
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(widget.borderRadius),
+          clipBehavior: Clip.antiAlias,
+          child: AnimatedScale(
+            duration: _fastAnimationDuration,
+            scale: isScaled ? 1.1 : 1,
+            child: widget.child,
+          ),
+        ),
+      ),
+    );
+  }
+}
--- a/lib/components/loading.dart
+++ b/lib/components/loading.dart
@@ -96,6 +96,20 @@ class ListLoadingIndicator extends StatelessWidget {
  }
 }

+class SliverListLoadingIndicator extends StatelessWidget {
+  const SliverListLoadingIndicator({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    // SliverToBoxAdapter can not been lazy loaded.
+    // Use SliverList to make sure the animation can be lazy loaded.
+    return SliverList.list(children: const [
+      SizedBox(),
+      ListLoadingIndicator(),
+    ]);
+  }
+}
+
 abstract class LoadingState<T extends StatefulWidget, S extends Object>
    extends State<T> {
  bool isLoading = false;
@@ -299,9 +313,7 @@ abstract class MultiPageLoadingState<T extends StatefulWidget, S extends Object>

  Widget buildLoading(BuildContext context) {
    return Center(
-      child: const CircularProgressIndicator(
-        strokeWidth: 2,
-      ).fixWidth(32).fixHeight(32),
+      child: const CircularProgressIndicator().fixWidth(32).fixHeight(32),
    );
  }

--- a/lib/components/menu.dart
+++ b/lib/components/menu.dart
@@ -20,17 +20,22 @@ class _MenuRoute<T> extends PopupRoute<T> {
  @override
  String? get barrierLabel => "menu";

+  double get entryHeight => App.isMobile ? 42 : 36;
+
  @override
  Widget buildPage(BuildContext context, Animation<double> animation,
      Animation<double> secondaryAnimation) {
    var width = entries.first.icon == null ? 216.0 : 242.0;
    final size = MediaQuery.of(context).size;
    var left = location.dx;
+    if (left < 10) {
+      left = 10;
+    } 
    if (left + width > size.width - 10) {
      left = size.width - width - 10;
    }
    var top = location.dy;
-    var height = 16 + 32 * entries.length;
+    var height = 16 + entryHeight * entries.length;
    if (top + height > size.height - 15) {
      top = size.height - height - 15;
    }
@@ -42,9 +47,12 @@ class _MenuRoute<T> extends PopupRoute<T> {
          child: Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(4),
+              border: context.brightness == Brightness.dark
+                  ? Border.all(color: context.colorScheme.outlineVariant)
+                  : null,
              boxShadow: [
                BoxShadow(
-                  color: context.colorScheme.shadow.withOpacity(0.2),
+                  color: context.colorScheme.shadow.toOpacity(0.2),
                  blurRadius: 8,
                  blurStyle: BlurStyle.outer,
                ),
@@ -53,9 +61,7 @@ class _MenuRoute<T> extends PopupRoute<T> {
            child: BlurEffect(
              borderRadius: BorderRadius.circular(4),
              child: Material(
-                color: context.brightness == Brightness.light
-                    ? const Color(0xFFFAFAFA).withOpacity(0.82)
-                    : const Color(0xFF090909).withOpacity(0.82),
+                color: context.colorScheme.surface.toOpacity(0.78),
                borderRadius: BorderRadius.circular(4),
                child: Container(
                  width: width,
@@ -83,7 +89,7 @@ class _MenuRoute<T> extends PopupRoute<T> {
        entry.onClick();
      },
      child: SizedBox(
-        height: App.isMobile ? 42 : 36,
+        height: entryHeight,
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 12),
          child: Row(
--- a/lib/components/message.dart
+++ b/lib/components/message.dart
@@ -46,21 +46,28 @@ class _ToastOverlay extends StatelessWidget {
          child: IconTheme(
            data: IconThemeData(
                color: Theme.of(context).colorScheme.onInverseSurface),
-            child: Container(
-              padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 16),
-              child: Row(
-                mainAxisSize: MainAxisSize.min,
-                children: [
-                  if (icon != null) icon!.paddingRight(8),
-                  Text(
-                    message,
-                    style: const TextStyle(
-                        fontSize: 16, fontWeight: FontWeight.w500),
-                    maxLines: 3,
-                    overflow: TextOverflow.ellipsis,
-                  ),
-                  if (trailing != null) trailing!.paddingLeft(8)
-                ],
+            child: IntrinsicWidth(
+              child: Container(
+                padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 16),
+                constraints: BoxConstraints(
+                  maxWidth: context.width - 32,
+                ),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    if (icon != null) icon!.paddingRight(8),
+                    Expanded(
+                      child: Text(
+                        message,
+                        style: const TextStyle(
+                            fontSize: 16, fontWeight: FontWeight.w500),
+                        maxLines: 3,
+                        overflow: TextOverflow.ellipsis,
+                      ),
+                    ),
+                    if (trailing != null) trailing!.paddingLeft(8)
+                  ],
+                ),
              ),
            ),
          ),
@@ -220,7 +227,7 @@ LoadingDialogController showLoadingDialog(BuildContext context,
        );
      });

-  var navigator = Navigator.of(context);
+  var navigator = Navigator.of(context, rootNavigator: true);

  navigator.push(loadingDialogRoute).then((value) => controller.closed = true);

@@ -283,6 +290,7 @@ class ContentDialog extends StatelessWidget {
          : const EdgeInsets.symmetric(horizontal: 16),
      elevation: 2,
      shadowColor: context.colorScheme.shadow,
+      backgroundColor: context.colorScheme.surface,
      child: AnimatedSize(
        duration: const Duration(milliseconds: 200),
        alignment: Alignment.topCenter,
--- a/lib/components/navigation_bar.dart
+++ b/lib/components/navigation_bar.dart
@@ -23,14 +23,15 @@ class PaneActionEntry {
 }

 class NaviPane extends StatefulWidget {
-  const NaviPane({required this.paneItems,
-    required this.paneActions,
-    required this.pageBuilder,
-    this.initialPage = 0,
-    this.onPageChanged,
-    required this.observer,
-    required this.navigatorKey,
-    super.key});
+  const NaviPane(
+      {required this.paneItems,
+      required this.paneActions,
+      required this.pageBuilder,
+      this.initialPage = 0,
+      this.onPageChanged,
+      required this.observer,
+      required this.navigatorKey,
+      super.key});

  final List<PaneItemEntry> paneItems;

@@ -47,10 +48,16 @@ class NaviPane extends StatefulWidget {
  final GlobalKey<NavigatorState> navigatorKey;

  @override
-  State<NaviPane> createState() => _NaviPaneState();
+  State<NaviPane> createState() => NaviPaneState();
+
+  static NaviPaneState of(BuildContext context) {
+    return context.findAncestorStateOfType<NaviPaneState>()!;
+  }
 }

-class _NaviPaneState extends State<NaviPane>
+typedef NaviItemTapListener = void Function(int);
+
+class NaviPaneState extends State<NaviPane>
    with SingleTickerProviderStateMixin {
  late int _currentPage = widget.initialPage;

@@ -66,28 +73,41 @@ class _NaviPaneState extends State<NaviPane>

  late AnimationController controller;

+  final _naviItemTapListeners = <NaviItemTapListener>[];
+
+  void addNaviItemTapListener(NaviItemTapListener listener) {
+    _naviItemTapListeners.add(listener);
+  }
+
+  void removeNaviItemTapListener(NaviItemTapListener listener) {
+    _naviItemTapListeners.remove(listener);
+  }
+
  static const _kBottomBarHeight = 58.0;

-  static const _kFoldedSideBarWidth = 80.0;
+  static const _kFoldedSideBarWidth = 72.0;

-  static const _kSideBarWidth = 256.0;
+  static const _kSideBarWidth = 224.0;

  static const _kTopBarHeight = 48.0;

  double get bottomBarHeight =>
-      _kBottomBarHeight + MediaQuery
-          .of(context)
-          .padding
-          .bottom;
+      _kBottomBarHeight + MediaQuery.of(context).padding.bottom;

  void onNavigatorStateChange() {
    onRebuild(context);
  }

  void updatePage(int index) {
+    for (var listener in _naviItemTapListeners) {
+      listener(index);
+    }
    if (widget.observer.routes.length > 1) {
      widget.navigatorKey.currentState!.popUntil((route) => route.isFirst);
    }
+    if (currentPage == index) {
+      return;
+    }
    setState(() {
      currentPage = index;
    });
@@ -114,10 +134,7 @@ class _NaviPaneState extends State<NaviPane>
  }

  double targetFormContext(BuildContext context) {
-    var width = MediaQuery
-        .of(context)
-        .size
-        .width;
+    var width = MediaQuery.of(context).size.width;
    double target = 0;
    if (width > changePoint) {
      target = 2;
@@ -186,14 +203,13 @@ class _NaviPaneState extends State<NaviPane>
    return Navigator(
      observers: [widget.observer],
      key: widget.navigatorKey,
-      onGenerateRoute: (settings) =>
-          AppPageRoute(
-            preventRebuild: false,
-            isRootRoute: true,
-            builder: (context) {
-              return _NaviMainView(state: this);
-            },
-          ),
+      onGenerateRoute: (settings) => AppPageRoute(
+        preventRebuild: false,
+        isRootRoute: true,
+        builder: (context) {
+          return _NaviMainView(state: this);
+        },
+      ),
    );
  }

@@ -230,20 +246,14 @@ class _NaviPaneState extends State<NaviPane>

  Widget buildBottom() {
    return Material(
-      textStyle: Theme
-          .of(context)
-          .textTheme
-          .labelSmall,
+      textStyle: Theme.of(context).textTheme.labelSmall,
      elevation: 0,
      child: Container(
        height: _kBottomBarHeight,
        decoration: BoxDecoration(
          border: Border(
            top: BorderSide(
-              color: Theme
-                  .of(context)
-                  .colorScheme
-                  .outlineVariant,
+              color: Theme.of(context).colorScheme.outlineVariant,
              width: 1,
            ),
          ),
@@ -251,7 +261,7 @@ class _NaviPaneState extends State<NaviPane>
        child: Row(
          children: List<Widget>.generate(
            widget.paneItems.length,
-                (index) {
+            (index) {
              return Expanded(
                child: _SingleBottomNaviWidget(
                  enabled: currentPage == index,
@@ -271,7 +281,7 @@ class _NaviPaneState extends State<NaviPane>

  Widget buildLeft() {
    final value = controller.value;
-    const paddingHorizontal = 16.0;
+    const paddingHorizontal = 12.0;
    return Material(
      child: Container(
        width: _kFoldedSideBarWidth +
@@ -281,57 +291,39 @@ class _NaviPaneState extends State<NaviPane>
        decoration: BoxDecoration(
          border: Border(
            right: BorderSide(
-              color: Theme
-                  .of(context)
-                  .colorScheme
-                  .outlineVariant,
-              width: 1,
+              color: Theme.of(context).colorScheme.outlineVariant,
+              width: 1.0,
            ),
          ),
        ),
-        child: Row(
+        child: Column(
          children: [
-            SizedBox(
-              width: value == 3
-                  ? (_kSideBarWidth - paddingHorizontal * 2 - 1)
-                  : (_kFoldedSideBarWidth - paddingHorizontal * 2 - 1),
-              child: Column(
-                children: [
-                  const SizedBox(height: 16),
-                  SizedBox(height: MediaQuery
-                      .of(context)
-                      .padding
-                      .top),
-                  ...List<Widget>.generate(
-                    widget.paneItems.length,
-                        (index) =>
-                        _SideNaviWidget(
-                          enabled: currentPage == index,
-                          entry: widget.paneItems[index],
-                          showTitle: value == 3,
-                          onTap: () {
-                            updatePage(index);
-                          },
-                          key: ValueKey(index),
-                        ),
-                  ),
-                  const Spacer(),
-                  ...List<Widget>.generate(
-                    widget.paneActions.length,
-                        (index) =>
-                        _PaneActionWidget(
-                          entry: widget.paneActions[index],
-                          showTitle: value == 3,
-                          key: ValueKey(index + widget.paneItems.length),
-                        ),
-                  ),
-                  const SizedBox(
-                    height: 16,
-                  )
-                ],
+            const SizedBox(height: 16),
+            SizedBox(height: MediaQuery.of(context).padding.top),
+            ...List<Widget>.generate(
+              widget.paneItems.length,
+              (index) => _SideNaviWidget(
+                enabled: currentPage == index,
+                entry: widget.paneItems[index],
+                showTitle: value == 3,
+                onTap: () {
+                  updatePage(index);
+                },
+                key: ValueKey(index),
              ),
            ),
            const Spacer(),
+            ...List<Widget>.generate(
+              widget.paneActions.length,
+              (index) => _PaneActionWidget(
+                entry: widget.paneActions[index],
+                showTitle: value == 3,
+                key: ValueKey(index + widget.paneItems.length),
+              ),
+            ),
+            const SizedBox(
+              height: 16,
+            )
          ],
        ),
      ),
@@ -339,12 +331,13 @@ class _NaviPaneState extends State<NaviPane>
  }
 }

-class _SideNaviWidget extends StatefulWidget {
-  const _SideNaviWidget({required this.enabled,
-    required this.entry,
-    required this.onTap,
-    required this.showTitle,
-    super.key});
+class _SideNaviWidget extends StatelessWidget {
+  const _SideNaviWidget(
+      {required this.enabled,
+      required this.entry,
+      required this.onTap,
+      required this.showTitle,
+      super.key});

  final bool enabled;

@@ -354,60 +347,37 @@ class _SideNaviWidget extends StatefulWidget {

  final bool showTitle;

-  @override
-  State<_SideNaviWidget> createState() => _SideNaviWidgetState();
-}
-
-class _SideNaviWidgetState extends State<_SideNaviWidget> {
-  bool isHovering = false;
-
  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme
-        .of(context)
-        .colorScheme;
-    final icon =
-    Icon(widget.enabled ? widget.entry.activeIcon : widget.entry.icon);
-    return MouseRegion(
-      cursor: SystemMouseCursors.click,
-      onEnter: (details) => setState(() => isHovering = true),
-      onExit: (details) => setState(() => isHovering = false),
-      child: GestureDetector(
-        behavior: HitTestBehavior.translucent,
-        onTap: widget.onTap,
-        child: AnimatedContainer(
-            duration: const Duration(milliseconds: 180),
-            margin: const EdgeInsets.symmetric(vertical: 4),
-            padding: const EdgeInsets.symmetric(horizontal: 12),
-            width: double.infinity,
-            height: 42,
-            decoration: BoxDecoration(
-              color: widget.enabled
-                  ? colorScheme.primaryContainer
-                  : isHovering
-                  ? colorScheme.surfaceContainerHigh
-                  : null,
-              borderRadius: BorderRadius.circular(8),
-            ),
-            child: widget.showTitle
-                ? Row(
-              children: [
-                icon,
-                const SizedBox(
-                  width: 12,
-                ),
-                Text(widget.entry.label)
-              ],
-            )
-                : Center(
-              child: icon,
-            )),
+    final colorScheme = Theme.of(context).colorScheme;
+    final icon = Icon(enabled ? entry.activeIcon : entry.icon);
+    return InkWell(
+      borderRadius: BorderRadius.circular(12),
+      onTap: onTap,
+      child: AnimatedContainer(
+        duration: const Duration(milliseconds: 180),
+        padding: const EdgeInsets.symmetric(horizontal: 12),
+        height: 38,
+        decoration: BoxDecoration(
+          color: enabled ? colorScheme.primaryContainer : null,
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: showTitle ? Row(
+          children: [
+            icon,
+            const SizedBox(width: 12),
+            Text(entry.label)
+          ],
+        ) : Align(
+          alignment: Alignment.centerLeft,
+          child: icon,
+        ),
      ),
-    );
+    ).paddingVertical(4);
  }
 }

-class _PaneActionWidget extends StatefulWidget {
+class _PaneActionWidget extends StatelessWidget {
  const _PaneActionWidget(
      {required this.entry, required this.showTitle, super.key});

@@ -415,58 +385,37 @@ class _PaneActionWidget extends StatefulWidget {

  final bool showTitle;

-  @override
-  State<_PaneActionWidget> createState() => _PaneActionWidgetState();
-}
-
-class _PaneActionWidgetState extends State<_PaneActionWidget> {
-  bool isHovering = false;
-
  @override
  Widget build(BuildContext context) {
-    final colorScheme = Theme
-        .of(context)
-        .colorScheme;
-    final icon = Icon(widget.entry.icon);
-    return MouseRegion(
-      cursor: SystemMouseCursors.click,
-      onEnter: (details) => setState(() => isHovering = true),
-      onExit: (details) => setState(() => isHovering = false),
-      child: GestureDetector(
-        behavior: HitTestBehavior.translucent,
-        onTap: widget.entry.onTap,
-        child: AnimatedContainer(
-            duration: const Duration(milliseconds: 180),
-            margin: const EdgeInsets.symmetric(vertical: 4),
-            padding: const EdgeInsets.symmetric(horizontal: 12),
-            width: double.infinity,
-            height: 42,
-            decoration: BoxDecoration(
-                color: isHovering ? colorScheme.surfaceContainerHigh : null,
-                borderRadius: BorderRadius.circular(8)),
-            child: widget.showTitle
-                ? Row(
-              children: [
-                icon,
-                const SizedBox(
-                  width: 12,
-                ),
-                Text(widget.entry.label)
-              ],
-            )
-                : Center(
-              child: icon,
-            )),
+    final icon = Icon(entry.icon);
+    return InkWell(
+      onTap: entry.onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: AnimatedContainer(
+        duration: const Duration(milliseconds: 180),
+        padding: const EdgeInsets.symmetric(horizontal: 12),
+        height: 38,
+        child: showTitle ? Row(
+          children: [
+            icon,
+            const SizedBox(width: 12),
+            Text(entry.label)
+          ],
+        ) : Align(
+          alignment: Alignment.centerLeft,
+          child: icon,
+        ),
      ),
-    );
+    ).paddingVertical(4);
  }
 }

 class _SingleBottomNaviWidget extends StatefulWidget {
-  const _SingleBottomNaviWidget({required this.enabled,
-    required this.entry,
-    required this.onTap,
-    super.key});
+  const _SingleBottomNaviWidget(
+      {required this.enabled,
+      required this.entry,
+      required this.onTap,
+      super.key});

  final bool enabled;

@@ -534,11 +483,9 @@ class _SingleBottomNaviWidgetState extends State<_SingleBottomNaviWidget>

  Widget buildContent() {
    final value = controller.value;
-    final colorScheme = Theme
-        .of(context)
-        .colorScheme;
+    final colorScheme = Theme.of(context).colorScheme;
    final icon =
-    Icon(widget.enabled ? widget.entry.activeIcon : widget.entry.icon);
+        Icon(widget.enabled ? widget.entry.activeIcon : widget.entry.icon);
    return Center(
      child: Container(
        width: 64,
@@ -639,12 +586,12 @@ class _NaviPopScope extends StatelessWidget {
    Widget res = App.isIOS
        ? child
        : PopScope(
-      canPop: App.isAndroid ? false : true,
-      onPopInvokedWithResult: (value, result) {
-        action();
-      },
-      child: child,
-    );
+            canPop: App.isAndroid ? false : true,
+            onPopInvokedWithResult: (value, result) {
+              action();
+            },
+            child: child,
+          );
    if (popGesture) {
      res = GestureDetector(
          onPanStart: (details) {
@@ -670,14 +617,14 @@ class _NaviPopScope extends StatelessWidget {
 class _NaviMainView extends StatefulWidget {
  const _NaviMainView({required this.state});

-  final _NaviPaneState state;
+  final NaviPaneState state;

  @override
  State<_NaviMainView> createState() => _NaviMainViewState();
 }

 class _NaviMainViewState extends State<_NaviMainView> {
-  _NaviPaneState get state => widget.state;
+  NaviPaneState get state => widget.state;

  @override
  void initState() {
@@ -703,8 +650,8 @@ class _NaviMainViewState extends State<_NaviMainView> {
            ),
          ),
        ),
-        if (shouldShowAppBar) state.buildBottom().paddingBottom(
-            context.padding.bottom),
+        if (shouldShowAppBar)
+          state.buildBottom().paddingBottom(context.padding.bottom),
      ],
    );
  }
--- a/lib/components/pop_up_widget.dart
+++ b/lib/components/pop_up_widget.dart
@@ -22,8 +22,15 @@ class PopUpWidget<T> extends PopupRoute<T> {
    Widget body = PopupIndicatorWidget(
      child: Container(
        decoration: showPopUp
-            ? const BoxDecoration(
+            ? BoxDecoration(
                borderRadius: BorderRadius.all(Radius.circular(12)),
+                boxShadow: context.brightness == ui.Brightness.dark ? [
+                  BoxShadow(
+                    color: Colors.white.withAlpha(50),
+                    blurRadius: 10,
+                    offset: Offset(0, 2),
+                  ),
+                ] : null,
              )
            : null,
        clipBehavior: showPopUp ? Clip.antiAlias : Clip.none,
@@ -86,7 +93,8 @@ class PopupIndicatorWidget extends InheritedWidget {
 }

 Future<T> showPopUpWidget<T>(BuildContext context, Widget widget) async {
-  return await Navigator.of(context, rootNavigator: true).push(PopUpWidget(widget));
+  return await Navigator.of(context, rootNavigator: true)
+      .push(PopUpWidget(widget));
 }

 class PopUpWidgetScaffold extends StatefulWidget {
@@ -127,9 +135,8 @@ class _PopUpWidgetScaffoldState extends State<PopUpWidgetScaffold> {
                  message: "Back".tl,
                  child: IconButton(
                    icon: const Icon(Icons.arrow_back_sharp),
-                    onPressed: () => context.canPop()
-                        ? context.pop()
-                        : App.pop(),
+                    onPressed: () =>
+                        context.canPop() ? context.pop() : App.pop(),
                  ),
                ),
                const SizedBox(
@@ -148,6 +155,9 @@ class _PopUpWidgetScaffoldState extends State<PopUpWidgetScaffold> {
          ),
          NotificationListener<ScrollNotification>(
            onNotification: (notifications) {
+              if (notifications.metrics.axisDirection != AxisDirection.down) {
+                return false;
+              }
              if (notifications.metrics.pixels ==
                      notifications.metrics.minScrollExtent &&
                  !top) {
--- a/lib/components/scroll.dart
+++ b/lib/components/scroll.dart
@@ -78,6 +78,9 @@ class _SmoothScrollProviderState extends State<SmoothScrollProvider> {
      },
      onPointerSignal: (pointerSignal) {
        if (pointerSignal is PointerScrollEvent) {
+          if (HardwareKeyboard.instance.isShiftPressed) {
+            return;
+          }
          if (pointerSignal.kind == PointerDeviceKind.mouse &&
              !_isMouseScroll) {
            setState(() {
--- a/lib/components/select.dart
+++ b/lib/components/select.dart
@@ -267,13 +267,14 @@ class OptionChip extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    return Container(
+    return AnimatedContainer(
+      duration: _fastAnimationDuration,
      decoration: BoxDecoration(
        color: isSelected
-            ? context.colorScheme.primaryContainer
+            ? context.colorScheme.secondaryContainer
            : context.colorScheme.surface,
        border: isSelected
-            ? Border.all(color: context.colorScheme.primaryContainer)
+            ? Border.all(color: context.colorScheme.secondaryContainer)
            : Border.all(color: context.colorScheme.outline),
        borderRadius: BorderRadius.circular(8),
      ),
--- a/lib/components/side_bar.dart
+++ b/lib/components/side_bar.dart
@@ -57,10 +57,18 @@ class SideBarRoute<T> extends PopupRoute<T> {

    body = Container(
      decoration: BoxDecoration(
-          borderRadius: showSideBar
-              ? const BorderRadius.horizontal(left: Radius.circular(16))
-              : null,
-          color: Theme.of(context).colorScheme.surfaceTint),
+        borderRadius: showSideBar
+            ? const BorderRadius.horizontal(left: Radius.circular(16))
+            : null,
+        color: Theme.of(context).colorScheme.surfaceTint,
+        boxShadow: context.brightness == ui.Brightness.dark ? [
+          BoxShadow(
+            color: Colors.white.withAlpha(50),
+            blurRadius: 10,
+            offset: Offset(0, 2),
+          ),
+        ] : null,
+      ),
      clipBehavior: Clip.antiAlias,
      constraints: BoxConstraints(maxWidth: sideBarWidth),
      height: MediaQuery.of(context).size.height,
--- a/lib/components/window_frame.dart
+++ b/lib/components/window_frame.dart
@@ -563,7 +563,7 @@ class _VirtualWindowFrameState extends State<VirtualWindowFrame>
        boxShadow: <BoxShadow>[
          if (!_isMaximized && !_isFullScreen)
            BoxShadow(
-              color: Colors.black.withOpacity(0.1),
+              color: Colors.black.toOpacity(0.1),
              offset: Offset(0.0, _isFocused ? 4 : 2),
              blurRadius: 6,
            )
--- a/lib/foundation/app.dart
+++ b/lib/foundation/app.dart
@@ -10,7 +10,7 @@ export "widget_utils.dart";
 export "context.dart";

 class _App {
-  final version = "1.0.7";
+  final version = "1.1.4";

  bool get isAndroid => Platform.isAndroid;

@@ -63,22 +63,9 @@ class _App {
    }
  }

-  var mainColor = Colors.blue;
-
  Future<void> init() async {
    cachePath = (await getApplicationCacheDirectory()).path;
    dataPath = (await getApplicationSupportDirectory()).path;
-    mainColor = switch (appdata.settings['color']) {
-      'red' => Colors.red,
-      'pink' => Colors.pink,
-      'purple' => Colors.purple,
-      'green' => Colors.green,
-      'orange' => Colors.orange,
-      'blue' => Colors.blue,
-      'yellow' => Colors.yellow,
-      'cyan' => Colors.cyan,
-      _ => Colors.blue,
-    };
  }

  Function? _forceRebuildHandler;
--- a/lib/foundation/appdata.dart
+++ b/lib/foundation/appdata.dart
@@ -3,6 +3,7 @@ import 'dart:convert';
 import 'package:flutter/foundation.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:venera/foundation/app.dart';
+import 'package:venera/utils/data_sync.dart';
 import 'package:venera/utils/io.dart';

 class _Appdata {
@@ -12,7 +13,7 @@ class _Appdata {

  bool _isSavingData = false;

-  Future<void> saveData() async {
+  Future<void> saveData([bool sync = true]) async {
    if (_isSavingData) {
      await Future.doWhile(() async {
        await Future.delayed(const Duration(milliseconds: 20));
@@ -24,6 +25,9 @@ class _Appdata {
    var file = File(FilePath.join(App.dataPath, 'appdata.json'));
    await file.writeAsString(data);
    _isSavingData = false;
+    if (sync) {
+      DataSync().uploadData();
+    }
  }

  void addSearchHistory(String keyword) {
@@ -76,6 +80,25 @@ class _Appdata {
    };
  }

+  /// Following fields are related to device-specific data and should not be synced.
+  static const _disableSync = [
+    "proxy",
+    "authorizationRequired",
+    "customImageProcessing",
+  ];
+
+  /// Sync data from another device
+  void syncData(Map<String, dynamic> data) {
+    for (var key in data.keys) {
+      if (_disableSync.contains(key)) {
+        continue;
+      }
+      settings[key] = data[key];
+    }
+    searchHistory = List.from(data['searchHistory']);
+    saveData();
+  }
+
  var implicitData = <String, dynamic>{};

  void writeImplicitData() {
@@ -92,7 +115,7 @@ class _Settings with ChangeNotifier {
  final _data = <String, dynamic>{
    'comicDisplayMode': 'detailed', // detailed, brief
    'comicTileScale': 1.00, // 0.75-1.25
-    'color': 'blue', // red, pink, purple, green, orange, blue
+    'color': 'system', // red, pink, purple, green, orange, blue
    'theme_mode': 'system', // light, dark, system
    'newFavoriteAddTo': 'end', // start, end
    'moveFavoriteAfterRead': 'none', // none, end, start
@@ -106,21 +129,28 @@ class _Settings with ChangeNotifier {
    'defaultSearchTarget': null,
    'autoPageTurningInterval': 5, // in seconds
    'readerMode': 'galleryLeftToRight', // values of [ReaderMode]
+    'readerScreenPicNumber': 1, // 1 - 5
    'enableTapToTurnPages': true,
    'enablePageAnimation': true,
    'language': 'system', // system, zh-CN, zh-TW, en-US
    'cacheSize': 2048, // in MB
    'downloadThreads': 5,
    'enableLongPressToZoom': true,
-    'checkUpdateOnStart': true,
+    'checkUpdateOnStart': false,
    'limitImageWidth': true,
    'webdav': [], // empty means not configured
    'dataVersion': 0,
    'quickFavorite': null,
    'enableTurnPageByVolumeKey': true,
    'enableClockAndBatteryInfoInReader': true,
-    'ignoreCertificateErrors': false,
    'authorizationRequired': false,
+    'onClickFavorite': 'viewDetail', // viewDetail, read
+    'enableDnsOverrides': false,
+    'dnsOverrides': {},
+    'enableCustomImageProcessing': false,
+    'customImageProcessing': _defaultCustomImageProcessing,
+    'sni': true,
+    'autoAddLanguageFilter': 'none', // none, chinese, english, japanese
  };

  operator [](String key) {
@@ -137,3 +167,16 @@ class _Settings with ChangeNotifier {
    return _data.toString();
  }
 }
+
+const _defaultCustomImageProcessing = '''
+/**
+ * Process an image
+ * @param image {ArayBuffer} - The image to process
+ * @param cid {string} - The comic ID
+ * @param eid {string} - The episode ID
+ * @returns {Promise<ArrayBuffer>} - The processed image
+ */
+async function processImage(image, cid, eid) {
+    return image;
+}
+''';
--- a/lib/foundation/comic_source/category.dart
+++ b/lib/foundation/comic_source/category.dart
@@ -1,4 +1,4 @@
-part of comic_source;
+part of 'comic_source.dart';

 class CategoryData {
  /// The title is displayed in the tab bar.
--- a/lib/foundation/comic_source/comic_source.dart
+++ b/lib/foundation/comic_source/comic_source.dart
@@ -1,4 +1,4 @@
-library comic_source;
+library;

 import 'dart:async';
 import 'dart:collection';
--- a/lib/foundation/comic_source/models.dart
+++ b/lib/foundation/comic_source/models.dart
@@ -145,7 +145,7 @@ class ComicDetails with HistoryMixin {

  final int? likesCount;

-  final int? commentsCount;
+  final int? commentCount;

  final String? uploader;

@@ -172,7 +172,7 @@ class ComicDetails with HistoryMixin {

  ComicDetails.fromJson(Map<String, dynamic> json)
      : title = json["title"],
-        subTitle = json["subTitle"],
+        subTitle = json["subtitle"],
        cover = json["cover"],
        description = json["description"],
        tags = _generateMap(json["tags"]),
@@ -189,7 +189,7 @@ class ComicDetails with HistoryMixin {
        subId = json["subId"],
        likesCount = json["likesCount"],
        isLiked = json["isLiked"],
-        commentsCount = json["commentsCount"],
+        commentCount = json["commentCount"],
        uploader = json["uploader"],
        uploadTime = json["uploadTime"],
        updateTime = json["updateTime"],
@@ -216,7 +216,7 @@ class ComicDetails with HistoryMixin {
      "subId": subId,
      "isLiked": isLiked,
      "likesCount": likesCount,
-      "commentsCount": commentsCount,
+      "commentsCount": commentCount,
      "uploader": uploader,
      "uploadTime": uploadTime,
      "updateTime": updateTime,
--- a/lib/foundation/comic_source/parser.dart
+++ b/lib/foundation/comic_source/parser.dart
@@ -90,11 +90,10 @@ class ComicSourceParser {
    var className = line1.split("class")[1].split("extends ComicSource").first;
    className = className.trim();
    JsEngine().runCode("""
-      (() => {
-        $js
+      (() => { $js
        this['temp'] = new $className()
      }).call()
-    """);
+    """, className);
    _name = JsEngine().runCode("this['temp'].name") ??
        (throw ComicSourceParseException('name is required'));
    var key = JsEngine().runCode("this['temp'].key") ??
--- a/lib/foundation/comic_type.dart
+++ b/lib/foundation/comic_type.dart
@@ -28,4 +28,12 @@ class ComicType {
  }

  static const local = ComicType(0);
+
+  factory ComicType.fromKey(String key) {
+    if(key == "local") {
+      return local;
+    } else {
+      return ComicType(key.hashCode);
+    }
+  }
 }
--- a/lib/foundation/favorites.dart
+++ b/lib/foundation/favorites.dart
@@ -6,6 +6,7 @@ import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/image_provider/local_favorite_image.dart';
 import 'package:venera/foundation/local.dart';
 import 'package:venera/foundation/log.dart';
+import 'package:venera/utils/tags_translation.dart';
 import 'dart:io';

 import 'app.dart';
@@ -72,6 +73,7 @@ class FavoriteItem implements Comic {

  @override
  String get description {
+    var time = this.time.substring(0, 10);
    return appdata.settings['comicDisplayMode'] == 'detailed'
        ? "$time | ${type == ComicType.local ? 'local' : type.comicSource?.name ?? "Unknown"}"
        : "${type.comicSource?.name ?? "Unknown"} | $time";
@@ -177,6 +179,28 @@ class LocalFavoritesManager with ChangeNotifier {
        source_folder text
      );
    """);
+    for (var folder in _getFolderNamesWithDB()) {
+      var columns = _db.select("""
+        pragma table_info("$folder");
+      """);
+      if (!columns.any((element) => element["name"] == "translated_tags")) {
+        _db.execute("""
+          alter table "$folder"
+          add column translated_tags TEXT;
+        """);
+        var comics = getAllComics(folder);
+        for (var comic in comics) {
+          var translatedTags = _translateTags(comic.tags);
+          _db.execute("""
+            update "$folder"
+            set translated_tags = ?
+            where id == ? and type == ?;
+          """, [translatedTags, comic.id, comic.type.value]);
+        }
+      } else {
+        break;
+      }
+    }
  }

  List<String> find(String id, ComicType type) {
@@ -338,6 +362,7 @@ class LocalFavoritesManager with ChangeNotifier {
        cover_path TEXT,
        time TEXT,
        display_order int,
+        translated_tags TEXT,
        primary key (id, type)
      );
    """);
@@ -391,6 +416,17 @@ class LocalFavoritesManager with ChangeNotifier {
    return FavoriteItem.fromRow(res.first);
  }

+  String _translateTags(List<String> tags) {
+    var res = <String>[];
+    for (var tag in tags) {
+      var translated = tag.translateTagsToCN;
+      if (translated != tag) {
+        res.add(translated);
+      }
+    }
+    return res.join(",");
+  }
+
  /// add comic to a folder.
  /// return true if success, false if already exists
  bool addComic(String folder, FavoriteItem comic, [int? order]) {
@@ -405,6 +441,7 @@ class LocalFavoritesManager with ChangeNotifier {
    if (res.isNotEmpty) {
      return false;
    }
+    var translatedTags = _translateTags(comic.tags);
    final params = [
      comic.id,
      comic.name,
@@ -412,22 +449,23 @@ class LocalFavoritesManager with ChangeNotifier {
      comic.type.value,
      comic.tags.join(","),
      comic.coverPath,
-      comic.time
+      comic.time,
+      translatedTags
    ];
    if (order != null) {
      _db.execute("""
-        insert into "$folder" (id, name, author, type, tags, cover_path, time, display_order)
-        values (?, ?, ?, ?, ?, ?, ?, ?);
+        insert into "$folder" (id, name, author, type, tags, cover_path, time, translated_tags, display_order)
+        values (?, ?, ?, ?, ?, ?, ?, ?, ?);
      """, [...params, order]);
    } else if (appdata.settings['newFavoriteAddTo'] == "end") {
      _db.execute("""
-        insert into "$folder" (id, name, author, type, tags, cover_path, time, display_order)
-        values (?, ?, ?, ?, ?, ?, ?, ?);
+        insert into "$folder" (id, name, author, type, tags, cover_path, time, translated_tags, display_order)
+        values (?, ?, ?, ?, ?, ?, ?, ?, ?);
      """, [...params, maxValue(folder) + 1]);
    } else {
      _db.execute("""
-        insert into "$folder" (id, name, author, type, tags, cover_path, time, display_order)
-        values (?, ?, ?, ?, ?, ?, ?, ?);
+        insert into "$folder" (id, name, author, type, tags, cover_path, time, translated_tags, display_order)
+        values (?, ?, ?, ?, ?, ?, ?, ?, ?);
      """, [...params, minValue(folder) - 1]);
    }
    notifyListeners();
@@ -501,10 +539,11 @@ class LocalFavoritesManager with ChangeNotifier {
    int count = 0;
    await Future.microtask(() {
      var all = allComics();
-      for(var c in all) {
+      for (var c in all) {
        var comicSource = c.type.comicSource;
-        if ((c.type == ComicType.local && LocalManager().find(c.id, c.type) == null) 
-          || (c.type != ComicType.local && comicSource == null)) {
+        if ((c.type == ComicType.local &&
+                LocalManager().find(c.id, c.type) == null) ||
+            (c.type != ComicType.local && comicSource == null)) {
          deleteComicWithId(c.folder, c.id, c.type);
          count++;
        }
@@ -593,6 +632,33 @@ class LocalFavoritesManager with ChangeNotifier {
    notifyListeners();
  }

+  List<FavoriteItem> searchInFolder(String folder, String keyword) {
+    var keywordList = keyword.split(" ");
+    keyword = keywordList.first;
+    keyword = "%$keyword%";
+    var res = _db.select("""
+      SELECT * FROM "$folder" 
+      WHERE name LIKE ? OR author LIKE ? OR tags LIKE ? OR translated_tags LIKE ?;
+    """, [keyword, keyword, keyword, keyword]);
+    var comics = res.map((e) => FavoriteItem.fromRow(e)).toList();
+    bool test(FavoriteItem comic, String keyword) {
+      if (comic.name.contains(keyword)) {
+        return true;
+      } else if (comic.author.contains(keyword)) {
+        return true;
+      } else if (comic.tags.any((element) => element.contains(keyword))) {
+        return true;
+      }
+      return false;
+    }
+
+    for (var i = 1; i < keywordList.length; i++) {
+      comics =
+          comics.where((element) => test(element, keywordList[i])).toList();
+    }
+    return comics;
+  }
+
  List<FavoriteItemWithFolderInfo> search(String keyword) {
    var keywordList = keyword.split(" ");
    keyword = keywordList.first;
@@ -601,8 +667,8 @@ class LocalFavoritesManager with ChangeNotifier {
      keyword = "%$keyword%";
      var res = _db.select("""
        SELECT * FROM "$table" 
-        WHERE name LIKE ? OR author LIKE ? OR tags LIKE ?;
-      """, [keyword, keyword, keyword]);
+        WHERE name LIKE ? OR author LIKE ? OR tags LIKE ? OR translated_tags LIKE ?;
+      """, [keyword, keyword, keyword, keyword]);
      for (var comic in res) {
        comics.add(
            FavoriteItemWithFolderInfo(FavoriteItem.fromRow(comic), table));
--- a/lib/foundation/history.dart
+++ b/lib/foundation/history.dart
@@ -2,7 +2,9 @@ import 'dart:async';

 import 'package:flutter/widgets.dart' show ChangeNotifier;
 import 'package:sqlite3/sqlite3.dart';
+import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/comic_type.dart';
+import 'package:venera/utils/translations.dart';

 import 'app.dart';

@@ -22,21 +24,25 @@ abstract mixin class HistoryMixin {
  HistoryType get historyType;
 }

-class History {
+class History implements Comic {
  HistoryType type;

  DateTime time;

+  @override
  String title;

+  @override
  String subtitle;

+  @override
  String cover;
  
  int ep;

  int page;

+  @override
  String id;

  /// readEpisode is a set of episode numbers that have been read.
@@ -44,6 +50,7 @@ class History {
  /// The number of episodes is 1-based.
  Set<int> readEpisode;

+  @override
  int? maxPage;

  History.fromModel(
@@ -137,6 +144,47 @@ class History {

  @override
  int get hashCode => Object.hash(id, type);
+
+  @override
+  String get description {
+    var res = "";
+    if (ep >= 1) {
+      res += "Chapter @ep".tlParams({
+        "ep": ep,
+      });
+    }
+    if (page >= 1) {
+      if (ep >= 1) {
+        res += " - ";
+      }
+      res += "Page @page".tlParams({
+        "page": page,
+      });
+    }
+    return res;
+  }
+
+  @override
+  String? get favoriteId => null;
+
+  @override
+  String? get language => null;
+
+  @override
+  String get sourceKey => type == ComicType.local
+      ? 'local'
+      : type.comicSource?.key ?? "Unknown:${type.value}";
+
+  @override
+  double? get stars => null;
+
+  @override
+  List<String>? get tags => null;
+
+  @override
+  Map<String, dynamic> toJson() {
+    throw UnimplementedError();
+  }
 }

 class HistoryManager with ChangeNotifier {
@@ -153,8 +201,6 @@ class HistoryManager with ChangeNotifier {

  Map<String, bool>? _cachedHistory;

-  static const _kMaxHistoryLength = 200;
-
  Future<void> init() async {
    _db = sqlite3.open("${App.dataPath}/history.db");

@@ -180,12 +226,6 @@ class HistoryManager with ChangeNotifier {
  ///
  /// This function would be called when user start reading.
  Future<void> addHistory(History newItem) async {
-    while(count() >= _kMaxHistoryLength) {
-      _db.execute("""
-        delete from history
-        where time == (select min(time) from history);
-      """);
-    }
    _db.execute("""
        insert or replace into history (id, title, subtitle, cover, time, type, ep, page, readEpisode, max_page)
        values (?, ?, ?, ?, ?, ?, ?, ?, ?, ?);
--- a/lib/foundation/image_provider/base_image_provider.dart
+++ b/lib/foundation/image_provider/base_image_provider.dart
@@ -1,6 +1,6 @@
 import 'dart:async' show Future, StreamController, scheduleMicrotask;
-import 'dart:collection';
 import 'dart:convert';
+import 'dart:math';
 import 'dart:ui' as ui show Codec;
 import 'dart:ui';
 import 'package:flutter/foundation.dart';
@@ -11,6 +11,37 @@ abstract class BaseImageProvider<T extends BaseImageProvider<T>>
    extends ImageProvider<T> {
  const BaseImageProvider();

+  static double? _effectiveScreenWidth;
+
+  static const double _normalComicImageRatio = 0.72;
+
+  static const double _minComicImageWidth = 1920 * _normalComicImageRatio;
+
+  static TargetImageSize _getTargetSize(width, height) {
+    if (_effectiveScreenWidth == null) {
+      final screens = PlatformDispatcher.instance.displays;
+      for (var screen in screens) {
+        if (screen.size.width > screen.size.height) {
+          _effectiveScreenWidth = max(
+            _effectiveScreenWidth ?? 0,
+            screen.size.height * _normalComicImageRatio,
+          );
+        } else {
+          _effectiveScreenWidth =
+              max(_effectiveScreenWidth ?? 0, screen.size.width);
+        }
+      }
+      if (_effectiveScreenWidth! < _minComicImageWidth) {
+        _effectiveScreenWidth = _minComicImageWidth;
+      }
+    }
+    if (width > _effectiveScreenWidth!) {
+      height = (height * _effectiveScreenWidth! / width).round();
+      width = _effectiveScreenWidth!.round();
+    }
+    return TargetImageSize(width: width, height: height);
+  }
+
  @override
  ImageStreamCompleter loadImage(T key, ImageDecoderCallback decode) {
    final chunkEvents = StreamController<ImageChunkEvent>();
@@ -46,19 +77,12 @@ abstract class BaseImageProvider<T extends BaseImageProvider<T>>

      while (data == null && !stop) {
        try {
-          if(_cache.containsKey(key.key)){
-            data = _cache[key.key];
-          } else {
-            data = await load(chunkEvents);
-            _checkCacheSize();
-            _cache[key.key] = data;
-            _cacheSize += data.length;
-          }
+          data = await load(chunkEvents);
        } catch (e) {
-          if(e.toString().contains("Invalid Status Code: 404")) {
+          if (e.toString().contains("Invalid Status Code: 404")) {
            rethrow;
          }
-          if(e.toString().contains("Invalid Status Code: 403")) {
+          if (e.toString().contains("Invalid Status Code: 403")) {
            rethrow;
          }
          if (e.toString().contains("handshake")) {
@@ -74,23 +98,27 @@ abstract class BaseImageProvider<T extends BaseImageProvider<T>>
        }
      }

-      if(stop) {
+      if (stop) {
        throw Exception("Image loading is stopped");
      }

-      if(data!.isEmpty) {
+      if (data!.isEmpty) {
        throw Exception("Empty image data");
      }

      try {
        final buffer = await ImmutableBuffer.fromUint8List(data);
-        return await decode(buffer);
+        return await decode(
+          buffer,
+          getTargetSize: enableResize ? _getTargetSize : null,
+        );
      } catch (e) {
        await CacheManager().delete(this.key);
        if (data.length < 2 * 1024) {
          // data is too short, it's likely that the data is text, not image
          try {
-            var text = const Utf8Codec(allowMalformed: false).decoder.convert(data);
+            var text =
+                const Utf8Codec(allowMalformed: false).decoder.convert(data);
            throw Exception("Expected image data, but got text: $text");
          } catch (e) {
            // ignore
@@ -108,30 +136,6 @@ abstract class BaseImageProvider<T extends BaseImageProvider<T>>
    }
  }

-  static final _cache = LinkedHashMap<String, Uint8List>();
-
-  static var _cacheSize = 0;
-
-  static var _cacheSizeLimit = 50 * 1024 * 1024;
-
-  static void _checkCacheSize(){
-    while (_cacheSize > _cacheSizeLimit){
-      var firstKey = _cache.keys.first;
-      _cacheSize -= _cache[firstKey]!.length;
-      _cache.remove(firstKey);
-    }
-  }
-
-  static void clearCache(){
-    _cache.clear();
-    _cacheSize = 0;
-  }
-
-  static void setCacheSizeLimit(int size){
-    _cacheSizeLimit = size;
-    _checkCacheSize();
-  }
-
  Future<Uint8List> load(StreamController<ImageChunkEvent> chunkEvents);

  String get key;
@@ -148,6 +152,8 @@ abstract class BaseImageProvider<T extends BaseImageProvider<T>>
  String toString() {
    return "$runtimeType($key)";
  }
+
+  bool get enableResize => false;
 }

 typedef FileDecoderCallback = Future<ui.Codec> Function(Uint8List);
--- a/lib/foundation/image_provider/cached_image.dart
+++ b/lib/foundation/image_provider/cached_image.dart
@@ -1,5 +1,4 @@
 import 'dart:async' show Future, StreamController;
-import 'dart:io';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:venera/network/images.dart';
@@ -22,22 +21,35 @@ class CachedImageProvider

  final String? cid;

+  static int loadingCount = 0;
+
+  static const _kMaxLoadingCount = 8;
+
  @override
  Future<Uint8List> load(StreamController<ImageChunkEvent> chunkEvents) async {
-    if(url.startsWith("file://")) {
-      var file = openFilePlatform(url.substring(7));
-      return file.readAsBytes();
+    while(loadingCount > _kMaxLoadingCount) {
+      await Future.delayed(const Duration(milliseconds: 100));
    }
-    await for (var progress in ImageDownloader.loadThumbnail(url, sourceKey, cid)) {
-      chunkEvents.add(ImageChunkEvent(
-        cumulativeBytesLoaded: progress.currentBytes,
-        expectedTotalBytes: progress.totalBytes,
-      ));
-      if(progress.imageBytes != null) {
-        return progress.imageBytes!;
+    loadingCount++;
+    try {
+      if(url.startsWith("file://")) {
+        var file = File(url.substring(7));
+        return file.readAsBytes();
      }
+      await for (var progress in ImageDownloader.loadThumbnail(url, sourceKey, cid)) {
+        chunkEvents.add(ImageChunkEvent(
+          cumulativeBytesLoaded: progress.currentBytes,
+          expectedTotalBytes: progress.totalBytes,
+        ));
+        if(progress.imageBytes != null) {
+          return progress.imageBytes!;
+        }
+      }
+      throw "Error: Empty response body.";
+    }
+    finally {
+      loadingCount--;
    }
-    throw "Error: Empty response body.";
  }

  @override
--- a/lib/foundation/image_provider/history_image_provider.dart
+++ b/lib/foundation/image_provider/history_image_provider.dart
@@ -0,0 +1,57 @@
+import 'dart:async' show Future, StreamController;
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:venera/foundation/local.dart';
+import 'package:venera/network/images.dart';
+import '../history.dart';
+import 'base_image_provider.dart';
+import 'history_image_provider.dart' as image_provider;
+
+class HistoryImageProvider
+    extends BaseImageProvider<image_provider.HistoryImageProvider> {
+  /// Image provider for normal image.
+  ///
+  /// [url] is the url of the image. Local file path is also supported.
+  const HistoryImageProvider(this.history);
+
+  final History history;
+
+  @override
+  Future<Uint8List> load(StreamController<ImageChunkEvent> chunkEvents) async {
+    var url = history.cover;
+    if (!url.contains('/')) {
+      var localComic = LocalManager().find(history.id, history.type);
+      if (localComic != null) {
+        return localComic.coverFile.readAsBytes();
+      }
+      var comicSource =
+          history.type.comicSource ?? (throw "Comic source not found.");
+      var comic = await comicSource.loadComicInfo!(history.id);
+      url = comic.data.cover;
+      history.cover = url;
+      HistoryManager().addHistory(history);
+    }
+    await for (var progress in ImageDownloader.loadThumbnail(
+      url,
+      history.type.sourceKey,
+      history.id,
+    )) {
+      chunkEvents.add(ImageChunkEvent(
+        cumulativeBytesLoaded: progress.currentBytes,
+        expectedTotalBytes: progress.totalBytes,
+      ));
+      if (progress.imageBytes != null) {
+        return progress.imageBytes!;
+      }
+    }
+    throw "Error: Empty response body.";
+  }
+
+  @override
+  Future<HistoryImageProvider> obtainKey(ImageConfiguration configuration) {
+    return SynchronousFuture(this);
+  }
+
+  @override
+  String get key => "history${history.id}${history.type.value}";
+}
--- a/lib/foundation/image_provider/local_comic_image.dart
+++ b/lib/foundation/image_provider/local_comic_image.dart
@@ -0,0 +1,66 @@
+import 'dart:async' show Future, StreamController;
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:venera/foundation/local.dart';
+import 'package:venera/utils/io.dart';
+import 'base_image_provider.dart';
+import 'local_comic_image.dart' as image_provider;
+
+class LocalComicImageProvider
+    extends BaseImageProvider<image_provider.LocalComicImageProvider> {
+  /// Image provider for normal image.
+  ///
+  /// [url] is the url of the image. Local file path is also supported.
+  const LocalComicImageProvider(this.comic);
+
+  final LocalComic comic;
+
+  @override
+  Future<Uint8List> load(StreamController<ImageChunkEvent> chunkEvents) async {
+    File? file = comic.coverFile;
+    if(! await file.exists()) {
+      file = null;
+      var dir = Directory(comic.directory);
+      if (! await dir.exists()) {
+        throw "Error: Comic not found.";
+      }
+      Directory? firstDir;
+      await for (var entity in dir.list()) {
+        if(entity is File) {
+          if(["jpg", "jpeg", "png", "webp", "gif", "jpe", "jpeg"].contains(entity.extension)) {
+            file = entity;
+            break;
+          }
+        } else if(entity is Directory) {
+          firstDir ??= entity;
+        }
+      }
+      if(file == null && firstDir != null) {
+        await for (var entity in firstDir.list()) {
+          if(entity is File) {
+            if(["jpg", "jpeg", "png", "webp", "gif", "jpe", "jpeg"].contains(entity.extension)) {
+              file = entity;
+              break;
+            }
+          }
+        }
+      }
+    }
+    if(file == null) {
+      throw "Error: Cover not found.";
+    }
+    var data = await file.readAsBytes();
+    if(data.isEmpty) {
+      throw "Exception: Empty file(${file.path}).";
+    }
+    return data;
+  }
+
+  @override
+  Future<LocalComicImageProvider> obtainKey(ImageConfiguration configuration) {
+    return SynchronousFuture(this);
+  }
+
+  @override
+  String get key => "local${comic.id}${comic.comicType.value}";
+}
--- a/lib/foundation/image_provider/reader_image.dart
+++ b/lib/foundation/image_provider/reader_image.dart
@@ -1,9 +1,13 @@
 import 'dart:async' show Future, StreamController;
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_qjs/flutter_qjs.dart';
+import 'package:venera/foundation/js_engine.dart';
 import 'package:venera/network/images.dart';
+import 'package:venera/utils/io.dart';
 import 'base_image_provider.dart';
 import 'reader_image.dart' as image_provider;
+import 'package:venera/foundation/appdata.dart';

 class ReaderImageProvider
    extends BaseImageProvider<image_provider.ReaderImageProvider> {
@@ -20,17 +24,50 @@ class ReaderImageProvider

  @override
  Future<Uint8List> load(StreamController<ImageChunkEvent> chunkEvents) async {
-    await for (var event
+    Uint8List? imageBytes;
+    if (imageKey.startsWith('file://')) {
+      var file = File(imageKey);
+      if (await file.exists()) {
+        imageBytes = await file.readAsBytes();
+      } else {
+        throw "Error: File not found.";
+      }
+    } else {
+      await for (var event
        in ImageDownloader.loadComicImage(imageKey, sourceKey, cid, eid)) {
-      chunkEvents.add(ImageChunkEvent(
-        cumulativeBytesLoaded: event.currentBytes,
-        expectedTotalBytes: event.totalBytes,
-      ));
-      if (event.imageBytes != null) {
-        return event.imageBytes!;
+        chunkEvents.add(ImageChunkEvent(
+          cumulativeBytesLoaded: event.currentBytes,
+          expectedTotalBytes: event.totalBytes,
+        ));
+        if (event.imageBytes != null) {
+          imageBytes = event.imageBytes;
+          break;
+        }
      }
    }
-    throw "Error: Empty response body.";
+    if (imageBytes == null) {
+      throw "Error: Empty response body.";
+    }
+    if (appdata.settings['enableCustomImageProcessing']) {
+      var script = appdata.settings['customImageProcessing'].toString();
+      if (!script.contains('async function processImage')) {
+        return imageBytes;
+      }
+      var func = JsEngine().runCode('''
+        (() => {
+          $script
+          return processImage;
+        })()
+      ''');
+      if (func is JSInvokable) {
+        var result = await func.invoke([imageBytes, cid, eid]);
+        func.free();
+        if (result is Uint8List) {
+          return result;
+        }
+      }
+    }
+    return imageBytes;
  }

  @override
@@ -40,4 +77,7 @@ class ReaderImageProvider

  @override
  String get key => "$imageKey@$sourceKey@$cid@$eid";
+
+  @override
+  bool get enableResize => true;
 }
--- a/lib/foundation/js_engine.dart
+++ b/lib/foundation/js_engine.dart
@@ -58,6 +58,11 @@ class JsEngine with _JSEngineApi {
    JsEngine().init();
  }

+  void resetDio() {
+    _dio = AppDio(BaseOptions(
+        responseType: ResponseType.plain, validateStatus: (status) => true));
+  }
+
  Future<void> init() async {
    if (!_closed) {
      return;
@@ -198,7 +203,8 @@ class JsEngine with _JSEngineApi {
              ..findProxy = (uri) => proxy == null ? "DIRECT" : "PROXY $proxy";
          },
        );
-        dio.interceptors.add(CookieManagerSql(SingleInstanceCookieJar.instance!));
+        dio.interceptors
+            .add(CookieManagerSql(SingleInstanceCookieJar.instance!));
        dio.interceptors.add(LogInterceptor());
      }
      response = await dio!.request(req["url"],
--- a/lib/foundation/local.dart
+++ b/lib/foundation/local.dart
@@ -71,20 +71,21 @@ class LocalComic with HistoryMixin implements Comic {
        downloadedChapters = List.from(jsonDecode(row[8] as String)),
        createdAt = DateTime.fromMillisecondsSinceEpoch(row[9] as int);

-  File get coverFile => openFilePlatform(FilePath.join(
+  File get coverFile => File(FilePath.join(
        baseDir,
        cover,
      ));

-  String get baseDir => directory.contains("/") ? directory : FilePath.join(LocalManager().path, directory);
+  String get baseDir => (directory.contains('/') || directory.contains('\\'))
+      ? directory
+      : FilePath.join(LocalManager().path, directory);

  @override
  String get description => "";

  @override
-  String get sourceKey => comicType == ComicType.local
-      ? "local"
-      : comicType.sourceKey;
+  String get sourceKey =>
+      comicType == ComicType.local ? "local" : comicType.sourceKey;

  @override
  Map<String, dynamic> toJson() {
@@ -112,11 +113,12 @@ class LocalComic with HistoryMixin implements Comic {
        chapters: chapters,
        initialChapter: history?.ep,
        initialPage: history?.page,
-        history: history ?? History.fromModel(
-          model: this,
-          ep: 0,
-          page: 0,
-        ),
+        history: history ??
+            History.fromModel(
+              model: this,
+              ep: 0,
+              page: 0,
+            ),
      ),
    );
  }
@@ -151,6 +153,17 @@ class LocalManager with ChangeNotifier {
  /// path to the directory where all the comics are stored
  late String path;

+  Directory get directory => Directory(path);
+
+  void _checkNoMedia() {
+    if (App.isAndroid) {
+      var file = File(FilePath.join(path, '.nomedia'));
+      if (!file.existsSync()) {
+        file.createSync();
+      }
+    }
+  }
+
  // return error message if failed
  Future<String?> setNewPath(String newPath) async {
    var newDir = Directory(newPath);
@@ -162,16 +175,18 @@ class LocalManager with ChangeNotifier {
    }
    try {
      await copyDirectoryIsolate(
-        Directory(path),
+        directory,
        newDir,
      );
-      await File(FilePath.join(App.dataPath, 'local_path')).writeAsString(newPath);
+      await File(FilePath.join(App.dataPath, 'local_path'))
+          .writeAsString(newPath);
    } catch (e, s) {
      Log.error("IO", e, s);
      return e.toString();
    }
-    await Directory(path).deleteIgnoreError(recursive:true);
+    await directory.deleteContents(recursive: true);
    path = newPath;
+    _checkNoMedia();
    return null;
  }

@@ -185,7 +200,8 @@ class LocalManager with ChangeNotifier {
      }
    } else if (App.isIOS) {
      var oldPath = FilePath.join(App.dataPath, 'local');
-      if (Directory(oldPath).existsSync() && Directory(oldPath).listSync().isNotEmpty) {
+      if (Directory(oldPath).existsSync() &&
+          Directory(oldPath).listSync().isNotEmpty) {
        return oldPath;
      } else {
        var directory = await getApplicationDocumentsDirectory();
@@ -196,6 +212,18 @@ class LocalManager with ChangeNotifier {
    }
  }

+  Future<void> _checkPathValidation() async {
+    var testFile = File(FilePath.join(path, 'venera_test'));
+    try {
+      testFile.createSync();
+      testFile.deleteSync();
+    } catch (e) {
+      Log.error("IO",
+          "Failed to create test file in local path: $e\nUsing default path instead.");
+      path = await findDefaultPath();
+    }
+  }
+
  Future<void> init() async {
    _db = sqlite3.open(
      '${App.dataPath}/local.db',
@@ -217,20 +245,21 @@ class LocalManager with ChangeNotifier {
    ''');
    if (File(FilePath.join(App.dataPath, 'local_path')).existsSync()) {
      path = File(FilePath.join(App.dataPath, 'local_path')).readAsStringSync();
-      if (!Directory(path).existsSync()) {
+      if (!directory.existsSync()) {
        path = await findDefaultPath();
      }
    } else {
      path = await findDefaultPath();
    }
    try {
-      if (!Directory(path).existsSync()) {
-        await Directory(path).create();
+      if (!directory.existsSync()) {
+        await directory.create();
      }
-    }
-    catch(e, s) {
+    } catch (e, s) {
      Log.error("IO", "Failed to create local folder: $e", s);
    }
+    _checkPathValidation();
+    _checkNoMedia();
    restoreDownloadingTasks();
  }

@@ -240,7 +269,8 @@ class LocalManager with ChangeNotifier {
      SELECT id FROM comics WHERE comic_type = ? 
      ORDER BY CAST(id AS INTEGER) DESC
      LIMIT 1;
-      ''', [type.value],
+      ''',
+      [type.value],
    );
    if (res.isEmpty) {
      return '1';
@@ -350,16 +380,15 @@ class LocalManager with ChangeNotifier {
  }

  Future<List<String>> getImages(String id, ComicType type, Object ep) async {
-    if(ep is! String && ep is! int) {
+    if (ep is! String && ep is! int) {
      throw "Invalid ep";
    }
    var comic = find(id, type) ?? (throw "Comic Not Found");
-    var directory = openDirectoryPlatform(comic.baseDir);
+    var directory = Directory(comic.baseDir);
    if (comic.chapters != null) {
-      var cid = ep is int
-          ? comic.chapters!.keys.elementAt(ep - 1)
-          : (ep as String);
-      directory = openDirectoryPlatform(FilePath.join(directory.path, cid));
+      var cid =
+          ep is int ? comic.chapters!.keys.elementAt(ep - 1) : (ep as String);
+      directory = Directory(FilePath.join(directory.path, cid));
    }
    var files = <File>[];
    await for (var entity in directory.list()) {
@@ -370,7 +399,7 @@ class LocalManager with ChangeNotifier {
          continue;
        }
        //Hidden file in some file system
-        if(entity.name.startsWith('.')) {
+        if (entity.name.startsWith('.')) {
          continue;
        }
        files.add(entity);
@@ -387,12 +416,12 @@ class LocalManager with ChangeNotifier {
    return files.map((e) => "file://${e.path}").toList();
  }

-  Future<bool> isDownloaded(String id, ComicType type, [int? ep]) async {
+  bool isDownloaded(String id, ComicType type, [int? ep]) {
    var comic = find(id, type);
    if (comic == null) return false;
    if (comic.chapters == null || ep == null) return true;
    return comic.downloadedChapters
-        .contains(comic.chapters!.keys.elementAt(ep-1));
+        .contains(comic.chapters!.keys.elementAt(ep - 1));
  }

  List<DownloadTask> downloadingTasks = [];
@@ -406,10 +435,10 @@ class LocalManager with ChangeNotifier {
      String id, ComicType type, String name) async {
    var comic = find(id, type);
    if (comic != null) {
-      return openDirectoryPlatform(FilePath.join(path, comic.directory));
+      return Directory(FilePath.join(path, comic.directory));
    }
    var dir = findValidDirectoryName(path, name);
-    return openDirectoryPlatform(FilePath.join(path, dir)).create().then((value) => value);
+    return Directory(FilePath.join(path, dir)).create().then((value) => value);
  }

  void completeTask(DownloadTask task) {
@@ -449,12 +478,17 @@ class LocalManager with ChangeNotifier {
  void restoreDownloadingTasks() {
    var file = File(FilePath.join(App.dataPath, 'downloading_tasks.json'));
    if (file.existsSync()) {
-      var tasks = jsonDecode(file.readAsStringSync());
-      for (var e in tasks) {
-        var task = DownloadTask.fromJson(e);
-        if (task != null) {
-          downloadingTasks.add(task);
+      try {
+        var tasks = jsonDecode(file.readAsStringSync());
+        for (var e in tasks) {
+          var task = DownloadTask.fromJson(e);
+          if (task != null) {
+            downloadingTasks.add(task);
+          }
        }
+      } catch (e) {
+        file.delete();
+        Log.error("LocalManager", "Failed to restore downloading tasks: $e");
      }
    }
  }
@@ -467,17 +501,19 @@ class LocalManager with ChangeNotifier {
  }

  void deleteComic(LocalComic c, [bool removeFileOnDisk = true]) {
-    if(removeFileOnDisk) {
-      var dir = openDirectoryPlatform(FilePath.join(path, c.directory));
+    if (removeFileOnDisk) {
+      var dir = Directory(FilePath.join(path, c.directory));
      dir.deleteIgnoreError(recursive: true);
    }
-    //Deleting a local comic means that it's nolonger available, thus both favorite and history should be deleted.
-    if(HistoryManager().findSync(c.id, c.comicType) != null) {
-      HistoryManager().remove(c.id, c.comicType);
-    }
-    var folders = LocalFavoritesManager().find(c.id, c.comicType);
-    for (var f in folders) {
-      LocalFavoritesManager().deleteComicWithId(f, c.id, c.comicType);
+    // Deleting a local comic means that it's nolonger available, thus both favorite and history should be deleted.
+    if (c.comicType == ComicType.local) {
+      if (HistoryManager().findSync(c.id, c.comicType) != null) {
+        HistoryManager().remove(c.id, c.comicType);
+      }
+      var folders = LocalFavoritesManager().find(c.id, c.comicType);
+      for (var f in folders) {
+        LocalFavoritesManager().deleteComicWithId(f, c.id, c.comicType);
+      }
    }
    remove(c.id, c.comicType);
    notifyListeners();
@@ -501,4 +537,4 @@ enum LocalSortType {
    }
    return name;
  }
-}
+}
--- a/lib/foundation/state_controller.dart
+++ b/lib/foundation/state_controller.dart
@@ -1,14 +1,18 @@
 import 'package:flutter/material.dart';

 class SimpleController extends StateController {
-  final void Function()? refresh_;
+  final void Function()? refreshFunction;

-  SimpleController({this.refresh_});
+  final Map<String, dynamic> Function()? control;
+
+  SimpleController({this.refreshFunction, this.control});

  @override
  void refresh() {
-    (refresh_ ?? super.refresh)();
+    (refreshFunction ?? super.refresh)();
  }
+
+  Map<String, dynamic> get controlMap => control?.call() ?? {};
 }

 abstract class StateController {
@@ -71,8 +75,8 @@ abstract class StateController {

  static SimpleController putSimpleController(
      void Function() onUpdate, Object? tag,
-      {void Function()? refresh}) {
-    var controller = SimpleController(refresh_: refresh);
+      {void Function()? refresh, Map<String, dynamic> Function()? control}) {
+    var controller = SimpleController(refreshFunction: refresh, control: control);
    controller.stateUpdaters.add(Pair(null, onUpdate));
    _controllers.add(StateControllerWrapped(controller, false, tag));
    return controller;
@@ -202,6 +206,7 @@ abstract class StateWithController<T extends StatefulWidget> extends State<T> {
      },
      tag,
      refresh: refresh,
+      control: () => control,
    );
    super.initState();
  }
@@ -218,6 +223,8 @@ abstract class StateWithController<T extends StatefulWidget> extends State<T> {
  }

  Object? get tag;
+
+  Map<String, dynamic> get control => {};
 }

 class Pair<M, V>{
--- a/lib/foundation/widget_utils.dart
+++ b/lib/foundation/widget_utils.dart
@@ -111,4 +111,10 @@ extension StyledText on TextStyle {
  TextStyle get s40 => copyWith(fontSize: 40);

  TextStyle withColor(Color? color) => copyWith(color: color);
+}
+
+extension ColorExt on Color {
+  Color toOpacity(double opacity) {
+    return withValues(alpha: opacity);
+  }
 }
--- a/lib/init.dart
+++ b/lib/init.dart
@@ -6,23 +6,37 @@ import 'package:venera/foundation/favorites.dart';
 import 'package:venera/foundation/history.dart';
 import 'package:venera/foundation/js_engine.dart';
 import 'package:venera/foundation/local.dart';
+import 'package:venera/foundation/log.dart';
 import 'package:venera/network/cookie_jar.dart';
 import 'package:venera/utils/tags_translation.dart';
 import 'package:venera/utils/translations.dart';

 import 'foundation/appdata.dart';

+extension FutureInit<T> on Future<T> {
+  /// Prevent unhandled exception
+  ///
+  /// A unhandled exception occurred in init() will cause the app to crash.
+  Future<void> wait() async {
+    try {
+      await this;
+    } catch (e, s) {
+      Log.error("init", "$e\n$s");
+    }
+  }
+}
+
 Future<void> init() async {
-  await SAFTaskWorker().init();
-  await AppTranslation.init();
-  await appdata.init();
-  await App.init();
-  await HistoryManager().init();
-  await LocalFavoritesManager().init();
+  await SAFTaskWorker().init().wait();
+  await AppTranslation.init().wait();
+  await appdata.init().wait();
+  await App.init().wait();
+  await HistoryManager().init().wait();
+  await TagsTranslation.readData().wait();
+  await LocalFavoritesManager().init().wait();
  SingleInstanceCookieJar("${App.dataPath}/cookie.db");
-  await JsEngine().init();
-  await ComicSource.init();
-  await LocalManager().init();
-  await TagsTranslation.readData();
+  await JsEngine().init().wait();
+  await ComicSource.init().wait();
+  await LocalManager().init().wait();
  CacheManager().setLimitSize(appdata.settings['cacheSize']);
 }
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,5 +1,6 @@
 import 'dart:async';
 import 'package:desktop_webview_window/desktop_webview_window.dart';
+import 'package:dynamic_color/dynamic_color.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
@@ -20,40 +21,42 @@ void main(List<String> args) {
  if (runWebViewTitleBarWidget(args)) {
    return;
  }
-  runZonedGuarded(() async {
-    await Rhttp.init();
-    WidgetsFlutterBinding.ensureInitialized();
-    await init();
-    if (App.isAndroid) {
-      handleLinks();
-    }
-    FlutterError.onError = (details) {
-      Log.error(
-          "Unhandled Exception", "${details.exception}\n${details.stack}");
-    };
-    runApp(const MyApp());
-    if (App.isDesktop) {
-      await windowManager.ensureInitialized();
-      windowManager.waitUntilReadyToShow().then((_) async {
-        await windowManager.setTitleBarStyle(
-          TitleBarStyle.hidden,
-          windowButtonVisibility: App.isMacOS,
-        );
-        if (App.isLinux) {
-          await windowManager.setBackgroundColor(Colors.transparent);
-        }
-        await windowManager.setMinimumSize(const Size(500, 600));
-        if (!App.isLinux) {
-          // https://github.com/leanflutter/window_manager/issues/460
-          var placement = await WindowPlacement.loadFromFile();
-          await placement.applyToWindow();
-          await windowManager.show();
-          WindowPlacement.loop();
-        }
-      });
-    }
-  }, (error, stack) {
-    Log.error("Unhandled Exception", "$error\n$stack");
+  overrideIO(() {
+    runZonedGuarded(() async {
+      await Rhttp.init();
+      WidgetsFlutterBinding.ensureInitialized();
+      await init();
+      if (App.isAndroid) {
+        handleLinks();
+      }
+      FlutterError.onError = (details) {
+        Log.error(
+            "Unhandled Exception", "${details.exception}\n${details.stack}");
+      };
+      runApp(const MyApp());
+      if (App.isDesktop) {
+        await windowManager.ensureInitialized();
+        windowManager.waitUntilReadyToShow().then((_) async {
+          await windowManager.setTitleBarStyle(
+            TitleBarStyle.hidden,
+            windowButtonVisibility: App.isMacOS,
+          );
+          if (App.isLinux) {
+            await windowManager.setBackgroundColor(Colors.transparent);
+          }
+          await windowManager.setMinimumSize(const Size(500, 600));
+          if (!App.isLinux) {
+            // https://github.com/leanflutter/window_manager/issues/460
+            var placement = await WindowPlacement.loadFromFile();
+            await placement.applyToWindow();
+            await windowManager.show();
+            WindowPlacement.loop();
+          }
+        });
+      }
+    }, (error, stack) {
+      Log.error("Unhandled Exception", "$error\n$stack");
+    });
  });
 }

@@ -126,6 +129,20 @@ class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
    setState(() {});
  }

+  Color translateColorSetting() {
+    return switch (appdata.settings['color']) {
+      'red' => Colors.red,
+      'pink' => Colors.pink,
+      'purple' => Colors.purple,
+      'green' => Colors.green,
+      'orange' => Colors.orange,
+      'blue' => Colors.blue,
+      'yellow' => Colors.yellow,
+      'cyan' => Colors.cyan,
+      _ => Colors.blue,
+    };
+  }
+
  @override
  Widget build(BuildContext context) {
    Widget home;
@@ -138,90 +155,103 @@ class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
    } else {
      home = const MainPage();
    }
-    return MaterialApp(
-      home: home,
-      debugShowCheckedModeBanner: false,
-      theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(
-          seedColor: App.mainColor,
+    return DynamicColorBuilder(builder: (light, dark) {
+      if (appdata.settings['color'] != 'system' ||
+          light == null ||
+          dark == null) {
+        var color = translateColorSetting();
+        light = ColorScheme.fromSeed(
+          seedColor: color,
          surface: Colors.white,
-          primary: App.mainColor.shade600,
-          // ignore: deprecated_member_use
-          background: Colors.white,
-        ),
-        fontFamily: App.isWindows ? "Microsoft YaHei" : null,
-      ),
-      navigatorKey: App.rootNavigatorKey,
-      darkTheme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(
-          seedColor: App.mainColor,
+        );
+        dark = ColorScheme.fromSeed(
+          seedColor: color,
          brightness: Brightness.dark,
          surface: Colors.black,
-          primary: App.mainColor.shade400,
-          // ignore: deprecated_member_use
-          background: Colors.black,
+        );
+      } else {
+        light = ColorScheme.fromSeed(
+          seedColor: light.primary,
+          surface: Colors.white,
+        );
+        dark = ColorScheme.fromSeed(
+          seedColor: dark.primary,
+          brightness: Brightness.dark,
+          surface: Colors.black,
+        );
+      }
+      return MaterialApp(
+        home: home,
+        debugShowCheckedModeBanner: false,
+        theme: ThemeData(
+          colorScheme: light,
+          fontFamily: App.isWindows ? "Microsoft YaHei" : null,
        ),
-        fontFamily: App.isWindows ? "Microsoft YaHei" : null,
-      ),
-      themeMode: switch (appdata.settings['theme_mode']) {
-        'light' => ThemeMode.light,
-        'dark' => ThemeMode.dark,
-        _ => ThemeMode.system
-      },
-      localizationsDelegates: const [
-        GlobalMaterialLocalizations.delegate,
-        GlobalWidgetsLocalizations.delegate,
-        GlobalCupertinoLocalizations.delegate,
-      ],
-      locale: () {
-        var lang = appdata.settings['language'];
-        if (lang == 'system') {
-          return null;
-        }
-        return switch (lang) {
-          'zh-CN' => const Locale('zh', 'CN'),
-          'zh-TW' => const Locale('zh', 'TW'),
-          'en-US' => const Locale('en'),
-          _ => null
-        };
-      }(),
-      supportedLocales: const [
-        Locale('en'),
-        Locale('zh', 'CN'),
-        Locale('zh', 'TW'),
-      ],
-      builder: (context, widget) {
-        ErrorWidget.builder = (details) {
-          Log.error(
-              "Unhandled Exception", "${details.exception}\n${details.stack}");
-          return Material(
-            child: Center(
-              child: Text(details.exception.toString()),
-            ),
-          );
-        };
-        if (widget != null) {
-          widget = OverlayWidget(widget);
-          if (App.isDesktop) {
-            widget = Shortcuts(
-              shortcuts: {
-                LogicalKeySet(LogicalKeyboardKey.escape): VoidCallbackIntent(
-                  App.pop,
-                ),
-              },
-              child: MouseBackDetector(
-                onTapDown: App.pop,
-                child: WindowFrame(widget),
+        navigatorKey: App.rootNavigatorKey,
+        darkTheme: ThemeData(
+          colorScheme: dark,
+          fontFamily: App.isWindows ? "Microsoft YaHei" : null,
+        ),
+        themeMode: switch (appdata.settings['theme_mode']) {
+          'light' => ThemeMode.light,
+          'dark' => ThemeMode.dark,
+          _ => ThemeMode.system
+        },
+        localizationsDelegates: const [
+          GlobalMaterialLocalizations.delegate,
+          GlobalWidgetsLocalizations.delegate,
+          GlobalCupertinoLocalizations.delegate,
+        ],
+        locale: () {
+          var lang = appdata.settings['language'];
+          if (lang == 'system') {
+            return null;
+          }
+          return switch (lang) {
+            'zh-CN' => const Locale('zh', 'CN'),
+            'zh-TW' => const Locale('zh', 'TW'),
+            'en-US' => const Locale('en'),
+            _ => null
+          };
+        }(),
+        supportedLocales: const [
+          Locale('en'),
+          Locale('zh', 'CN'),
+          Locale('zh', 'TW'),
+        ],
+        builder: (context, widget) {
+          ErrorWidget.builder = (details) {
+            Log.error("Unhandled Exception",
+                "${details.exception}\n${details.stack}");
+            return Material(
+              child: Center(
+                child: Text(details.exception.toString()),
              ),
            );
+          };
+          if (widget != null) {
+            widget = OverlayWidget(widget);
+            if (App.isDesktop) {
+              widget = Shortcuts(
+                shortcuts: {
+                  LogicalKeySet(LogicalKeyboardKey.escape): VoidCallbackIntent(
+                    App.pop,
+                  ),
+                },
+                child: MouseBackDetector(
+                  onTapDown: App.pop,
+                  child: WindowFrame(widget),
+                ),
+              );
+            }
+            return _SystemUiProvider(Material(
+              child: widget,
+            ));
          }
-          return _SystemUiProvider(Material(
-            child: widget,
-          ));
-        }
-        throw ('widget is null');
-      },
-    );
+          throw ('widget is null');
+        },
+      );
+    });
  }
 }

--- a/lib/network/app_dio.dart
+++ b/lib/network/app_dio.dart
@@ -1,6 +1,5 @@
 import 'dart:async';
 import 'dart:convert';
-import 'dart:io';

 import 'package:dio/dio.dart';
 import 'package:flutter/services.dart';
@@ -109,7 +108,6 @@ class MyLogInterceptor implements Interceptor {

 class AppDio with DioMixin {
  String? _proxy = proxy;
-  static bool get ignoreCertificateErrors => appdata.settings['ignoreCertificateErrors'] == true;

  AppDio([BaseOptions? options]) {
    this.options = options ?? BaseOptions();
@@ -117,9 +115,6 @@ class AppDio with DioMixin {
      proxySettings: proxy == null
          ? const rhttp.ProxySettings.noProxy()
          : rhttp.ProxySettings.proxy(proxy!),
-      tlsSettings: rhttp.TlsSettings(
-        verifyCertificates: !ignoreCertificateErrors,
-      ),
    ));
    interceptors.add(CookieManagerSql(SingleInstanceCookieJar.instance!));
    interceptors.add(NetworkCacheManager());
@@ -197,9 +192,6 @@ class AppDio with DioMixin {
        proxySettings: proxy == null
            ? const rhttp.ProxySettings.noProxy()
            : rhttp.ProxySettings.proxy(proxy!),
-        tlsSettings: rhttp.TlsSettings(
-          verifyCertificates: !ignoreCertificateErrors,
-        ),
      ));
    }
    try {
@@ -223,6 +215,22 @@ class AppDio with DioMixin {
 class RHttpAdapter implements HttpClientAdapter {
  rhttp.ClientSettings settings;

+  static Map<String, List<String>> _getOverrides() {
+    if (!appdata.settings['enableDnsOverrides'] == true) {
+      return {};
+    }
+    var config = appdata.settings["dnsOverrides"];
+    var result = <String, List<String>>{};
+    if (config is Map) {
+      for (var entry in config.entries) {
+        if (entry.key is String && entry.value is String) {
+          result[entry.key] = [entry.value];
+        }
+      }
+    }
+    return result;
+  }
+
  RHttpAdapter([this.settings = const rhttp.ClientSettings()]) {
    settings = settings.copyWith(
      redirectSettings: const rhttp.RedirectSettings.limited(5),
@@ -232,8 +240,9 @@ class RHttpAdapter implements HttpClientAdapter {
        keepAlivePing: Duration(seconds: 30),
      ),
      throwOnStatusCode: false,
+      dnsSettings: rhttp.DnsSettings.static(overrides: _getOverrides()),
      tlsSettings: rhttp.TlsSettings(
-        verifyCertificates: !AppDio.ignoreCertificateErrors,
+        sni: appdata.settings['sni'] != false,
      ),
    );
  }
@@ -281,13 +290,8 @@ class RHttpAdapter implements HttpClientAdapter {
      headers[key] ??= [];
      headers[key]!.add(entry.$2);
    }
-    var data = res.body;
-    if (headers['content-encoding']?.contains('gzip') ?? false) {
-      // rhttp does not support gzip decoding
-      data = gzip.decoder.bind(data).map((data) => Uint8List.fromList(data));
-    }
    return ResponseBody(
-      data,
+      res.body,
      res.statusCode,
      statusMessage: null,
      isRedirect: false,
--- a/lib/network/download.dart
+++ b/lib/network/download.dart
@@ -146,14 +146,19 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {

  String? _cover;

+  /// All images to download, key is chapter name
  Map<String, List<String>>? _images;

+  /// Downloaded image count
  int _downloadedCount = 0;

+  /// Total image count
  int _totalCount = 0;

+  /// Current downloading image index
  int _index = 0;

+  /// Current downloading chapter, index of [_images]
  int _chapter = 0;

  var tasks = <int, _ImageDownloadWrapper>{};
@@ -180,10 +185,10 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
      if (comic!.chapters != null) {
        saveTo = Directory(FilePath.join(
          path!,
-          comic!.chapters!.keys.elementAt(_chapter),
+          _images!.keys.elementAt(_chapter),
        ));
        if (!saveTo.existsSync()) {
-          saveTo.createSync();
+          saveTo.createSync(recursive: true);
        }
      } else {
        saveTo = Directory(path!);
@@ -235,20 +240,21 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
    }

    if (path == null) {
-      var dir = await LocalManager().findValidDirectory(
-        comicId,
-        comicType,
-        comic!.title,
-      );
-      if (!(await dir.exists())) {
-        try {
+      try {
+        var dir = await LocalManager().findValidDirectory(
+          comicId,
+          comicType,
+          comic!.title,
+        );
+        if (!(await dir.exists())) {
          await dir.create();
-        } catch (e) {
-          _setError("Error: $e");
-          return;
        }
+        path = dir.path;
+      } catch (e, s) {
+        Log.error("Download", e.toString(), s);
+        _setError("Error: $e");
+        return;
      }
-      path = dir.path;
    }

    await LocalManager().saveCurrentDownloadingTasks();
@@ -266,11 +272,13 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
          throw "Failed to download cover";
        }
        var fileType = detectFileType(data);
-        var file = File(FilePath.join(path!, "cover${fileType.ext}"));
+        var file =
+            File(FilePath.join(path!, "cover${fileType.ext}"));
        file.writeAsBytesSync(data);
        return "file://${file.path}";
      });
      if (res.error) {
+        Log.error("Download", res.errorMessage!);
        _setError("Error: ${res.errorMessage}");
        return;
      } else {
@@ -294,6 +302,7 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
          return;
        }
        if (res.error) {
+          Log.error("Download", res.errorMessage!);
          _setError("Error: ${res.errorMessage}");
          return;
        } else {
@@ -323,6 +332,7 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
            return;
          }
          if (res.error) {
+            Log.error("Download", res.errorMessage!);
            _setError("Error: ${res.errorMessage}");
            return;
          } else {
@@ -347,6 +357,7 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
          return;
        }
        if (task.error != null) {
+          Log.error("Download", task.error.toString());
          _setError("Error: ${task.error}");
          return;
        }
@@ -375,7 +386,6 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
    _message = message;
    notifyListeners();
    stopRecorder();
-    Log.error("Download", message);
  }

  @override
@@ -448,7 +458,8 @@ class ImagesDownloadTask extends DownloadTask with _TransferSpeedMixin {
      }).toList(),
      directory: Directory(path!).name,
      chapters: comic!.chapters,
-      cover: File(_cover!.split("file://").last).uri.pathSegments.last,
+      cover:
+          File(_cover!.split("file://").last).name,
      comicType: ComicType(source.key.hashCode),
      downloadedChapters: chapters ?? [],
      createdAt: DateTime.now(),
@@ -721,13 +732,12 @@ class ArchiveDownloadTask extends DownloadTask {
        _currentBytes = status.downloadedBytes;
        _expectedBytes = status.totalBytes;
        _message =
-        "${bytesToReadableString(_currentBytes)}/${bytesToReadableString(_expectedBytes)}";
+            "${bytesToReadableString(_currentBytes)}/${bytesToReadableString(_expectedBytes)}";
        _speed = status.bytesPerSecond;
        isDownloaded = status.isFinished;
        notifyListeners();
      }
-    }
-    catch(e) {
+    } catch (e) {
      _setError("Error: $e");
      return;
    }
--- a/lib/pages/aggregated_search_page.dart
+++ b/lib/pages/aggregated_search_page.dart
@@ -0,0 +1,230 @@
+import "package:flutter/material.dart";
+import "package:shimmer/shimmer.dart";
+import "package:venera/components/components.dart";
+import "package:venera/foundation/app.dart";
+import "package:venera/foundation/comic_source/comic_source.dart";
+import "package:venera/foundation/image_provider/cached_image.dart";
+import "package:venera/pages/search_result_page.dart";
+import "package:venera/utils/translations.dart";
+
+import "comic_page.dart";
+
+class AggregatedSearchPage extends StatefulWidget {
+  const AggregatedSearchPage({super.key, required this.keyword});
+
+  final String keyword;
+
+  @override
+  State<AggregatedSearchPage> createState() => _AggregatedSearchPageState();
+}
+
+class _AggregatedSearchPageState extends State<AggregatedSearchPage> {
+  late final List<ComicSource> sources;
+
+  late final SearchBarController controller;
+
+  var _keyword = "";
+
+  @override
+  void initState() {
+    sources = ComicSource.all().where((e) => e.searchPageData != null).toList();
+    _keyword = widget.keyword;
+    controller = SearchBarController(
+      currentText: widget.keyword,
+      onSearch: (text) {
+        setState(() {
+          _keyword = text;
+        });
+      },
+    );
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SmoothCustomScrollView(slivers: [
+      SliverSearchBar(controller: controller),
+      SliverList(
+        key: ValueKey(_keyword),
+        delegate: SliverChildBuilderDelegate(
+          (context, index) {
+            final source = sources[index];
+            return _SliverSearchResult(source: source, keyword: _keyword);
+          },
+          childCount: sources.length,
+        ),
+      ),
+    ]);
+  }
+}
+
+class _SliverSearchResult extends StatefulWidget {
+  const _SliverSearchResult({required this.source, required this.keyword});
+
+  final ComicSource source;
+
+  final String keyword;
+
+  @override
+  State<_SliverSearchResult> createState() => _SliverSearchResultState();
+}
+
+class _SliverSearchResultState extends State<_SliverSearchResult>
+    with AutomaticKeepAliveClientMixin {
+  bool isLoading = true;
+
+  static const _kComicHeight = 144.0;
+
+  get _comicWidth => _kComicHeight * 0.72;
+
+  static const _kLeftPadding = 16.0;
+
+  List<Comic>? comics;
+
+  void load() async {
+    final data = widget.source.searchPageData!;
+    var options =
+        (data.searchOptions ?? []).map((e) => e.defaultValue).toList();
+    if (data.loadPage != null) {
+      var res = await data.loadPage!(widget.keyword, 1, options);
+      if (!res.error) {
+        setState(() {
+          comics = res.data;
+          isLoading = false;
+        });
+      }
+    } else if (data.loadNext != null) {
+      var res = await data.loadNext!(widget.keyword, null, options);
+      if (!res.error) {
+        setState(() {
+          comics = res.data;
+          isLoading = false;
+        });
+      }
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    load();
+  }
+
+  Widget buildPlaceHolder() {
+    return Container(
+      height: _kComicHeight,
+      width: _comicWidth,
+      margin: const EdgeInsets.only(left: _kLeftPadding),
+      decoration: BoxDecoration(
+        color: context.colorScheme.surfaceContainerLow,
+        borderRadius: BorderRadius.circular(8),
+      ),
+    );
+  }
+
+  Widget buildComic(Comic c) {
+    return AnimatedTapRegion(
+      borderRadius: 8,
+      onTap: () {
+        context.to(() => ComicPage(
+          id: c.id,
+          sourceKey: c.sourceKey,
+        ));
+      },
+      child: Container(
+        height: _kComicHeight,
+        width: _comicWidth,
+        decoration: BoxDecoration(
+          color: context.colorScheme.surfaceContainerLow,
+        ),
+        child: AnimatedImage(
+          width: _comicWidth,
+          height: _kComicHeight,
+          fit: BoxFit.cover,
+          image: CachedImageProvider(c.cover),
+        ),
+      ),
+    ).paddingLeft(_kLeftPadding);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return InkWell(
+      onTap: () {
+        context.to(
+          () => SearchResultPage(
+            text: widget.keyword,
+            sourceKey: widget.source.key,
+          ),
+        );
+      },
+      child: Column(
+        children: [
+          ListTile(
+            mouseCursor: SystemMouseCursors.click,
+            title: Text(widget.source.name),
+          ),
+          if (isLoading)
+            SizedBox(
+              height: _kComicHeight,
+              width: double.infinity,
+              child: Shimmer.fromColors(
+                baseColor: context.colorScheme.surfaceContainerLow,
+                highlightColor: context.colorScheme.surfaceContainer,
+                direction: ShimmerDirection.ltr,
+                child: LayoutBuilder(builder: (context, constrains) {
+                  var itemWidth = _comicWidth + _kLeftPadding;
+                  var items = (constrains.maxWidth / itemWidth).ceil();
+                  return Stack(
+                    children: [
+                      Positioned(
+                        left: 0,
+                        top: 0,
+                        bottom: 0,
+                        child: Row(
+                          children: List.generate(
+                            items,
+                            (index) => buildPlaceHolder(),
+                          ),
+                        ),
+                      )
+                    ],
+                  );
+                }),
+              ),
+            )
+          else if (comics == null || comics!.isEmpty)
+            SizedBox(
+              height: _kComicHeight,
+              child: Column(
+                children: [
+                  Row(
+                    children: [
+                      const Icon(Icons.error_outline),
+                      const SizedBox(width: 8),
+                      Text("No search results found".tl),
+                    ],
+                  ),
+                  const Spacer(),
+                ],
+              ).paddingHorizontal(16),
+            )
+          else
+            SizedBox(
+              height: _kComicHeight,
+              child: ListView(
+                scrollDirection: Axis.horizontal,
+                children: [
+                  for (var c in comics!) buildComic(c),
+                ],
+              ),
+            ),
+        ],
+      ).paddingBottom(16),
+    );
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+}
--- a/lib/pages/categories_page.dart
+++ b/lib/pages/categories_page.dart
@@ -53,6 +53,7 @@ class CategoriesPage extends StatelessWidget {
            child: Column(
              children: [
                FilledTabBar(
+                  key: PageStorageKey(categories.toString()),
                  tabs: categories.map((e) {
                    String title = e;
                    try {
@@ -261,7 +262,7 @@ class _CategoryPage extends StatelessWidget {
        builder: (context) {
          return Material(
            borderRadius: const BorderRadius.all(Radius.circular(8)),
-            color: context.colorScheme.primaryContainer.withOpacity(0.72),
+            color: context.colorScheme.primaryContainer.toOpacity(0.72),
            child: InkWell(
              borderRadius: const BorderRadius.all(Radius.circular(8)),
              onTap: () => onClick(tag, param),
--- a/lib/pages/comic_page.dart
+++ b/lib/pages/comic_page.dart
@@ -172,7 +172,7 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
    isLiked = comic.isLiked ?? false;
    isFavorite = comic.isFavorite ?? false;
    if (comic.chapters == null) {
-      isDownloaded = await LocalManager().isDownloaded(
+      isDownloaded = LocalManager().isDownloaded(
        comic.id,
        comic.comicType,
        0,
@@ -223,7 +223,8 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
            children: [
              SelectableText(comic.title, style: ts.s18),
              if (comic.subTitle != null)
-                SelectableText(comic.subTitle!, style: ts.s14),
+                SelectableText(comic.subTitle!, style: ts.s14)
+                    .paddingVertical(4),
              Text(
                (ComicSource.find(comic.sourceKey)?.name) ?? '',
                style: ts.s12,
@@ -288,11 +289,10 @@ class _ComicPageState extends LoadingState<ComicPage, ComicDetails>
                onLongPressed: quickFavorite,
                iconColor: context.useTextColor(Colors.purple),
              ),
-              if (comicSource.commentsLoader != null &&
-                  (comic.comments == null || comic.comments!.isEmpty))
+              if (comicSource.commentsLoader != null)
                _ActionButton(
                  icon: const Icon(Icons.comment),
-                  text: (comic.commentsCount ?? 'Comments'.tl).toString(),
+                  text: (comic.commentCount ?? 'Comments'.tl).toString(),
                  onPressed: showComments,
                  iconColor: context.useTextColor(Colors.green),
                ),
@@ -679,7 +679,7 @@ abstract mixin class _ComicPageActions {
      return;
    }
    if (comic.chapters == null &&
-        await LocalManager().isDownloaded(comic.id, comic.comicType, 0)) {
+        LocalManager().isDownloaded(comic.id, comic.comicType, 0)) {
      App.rootContext.showMessage(message: "The comic is downloaded".tl);
      return;
    }
@@ -1116,14 +1116,12 @@ class _ComicChaptersState extends State<_ComicChapters> {
                (state.history?.readEpisode ?? const {}).contains(i + 1);
            return Padding(
              padding: const EdgeInsets.fromLTRB(8, 4, 8, 4),
-              child: InkWell(
-                borderRadius: const BorderRadius.all(Radius.circular(16)),
-                child: Material(
-                  elevation: 5,
-                  color: context.colorScheme.surface,
-                  surfaceTintColor: context.colorScheme.surfaceTint,
+              child: Material(
+                color: context.colorScheme.surfaceContainer,
+                borderRadius: const BorderRadius.all(Radius.circular(12)),
+                child: InkWell(
+                  onTap: () => state.read(i + 1),
                  borderRadius: const BorderRadius.all(Radius.circular(12)),
-                  shadowColor: Colors.transparent,
                  child: Padding(
                    padding:
                        const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
@@ -1134,19 +1132,18 @@ class _ComicChaptersState extends State<_ComicChapters> {
                        textAlign: TextAlign.center,
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
-                            color:
-                                visited ? context.colorScheme.outline : null),
+                          color: visited ? context.colorScheme.outline : null,
+                        ),
                      ),
                    ),
                  ),
                ),
-                onTap: () => state.read(i + 1),
              ),
            );
          }),
          gridDelegate: const SliverGridDelegateWithFixedHeight(
              maxCrossAxisExtent: 200, itemHeight: 48),
-        ),
+        ).sliverPadding(const EdgeInsets.symmetric(horizontal: 8)),
        if (eps.length > 20 && !showAll)
          SliverToBoxAdapter(
            child: Align(
@@ -1329,9 +1326,7 @@ class _ComicThumbnailsState extends State<_ComicThumbnails> {
            ),
          )
        else if (isLoading)
-          const SliverToBoxAdapter(
-            child: ListLoadingIndicator(),
-          ),
+          const SliverListLoadingIndicator(),
        const SliverToBoxAdapter(
          child: Divider(),
        ),
--- a/lib/pages/comic_source_page.dart
+++ b/lib/pages/comic_source_page.dart
@@ -111,13 +111,12 @@ class _BodyState extends State<_Body> {
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
-                if (App.isDesktop)
-                  Tooltip(
-                    message: "Edit".tl,
-                    child: IconButton(
-                        onPressed: () => edit(source),
-                        icon: const Icon(Icons.edit_note)),
-                  ),
+                Tooltip(
+                  message: "Edit".tl,
+                  child: IconButton(
+                      onPressed: () => edit(source),
+                      icon: const Icon(Icons.edit_note)),
+                ),
                Tooltip(
                  message: "Update".tl,
                  child: IconButton(
@@ -163,6 +162,10 @@ class _BodyState extends State<_Body> {
                break;
              }
            }
+          } else {
+            current = item.value['options']
+                    .firstWhere((e) => e['value'] == current)['text'] ??
+                current;
          }
          yield ListTile(
            title: Text((item.value['title'] as String).ts(source.key)),
@@ -246,27 +249,35 @@ class _BodyState extends State<_Body> {
  }

  void edit(ComicSource source) async {
-    try {
-      await Process.run("code", [source.filePath], runInShell: true);
-      await showDialog(
+    if (App.isDesktop) {
+      try {
+        await Process.run("code", [source.filePath], runInShell: true);
+        await showDialog(
          context: App.rootContext,
          builder: (context) => AlertDialog(
-                title: const Text("Reload Configs"),
-                actions: [
-                  TextButton(
-                      onPressed: () => Navigator.pop(context),
-                      child: const Text("cancel")),
-                  TextButton(
-                      onPressed: () async {
-                        await ComicSource.reload();
-                        App.forceRebuild();
-                      },
-                      child: const Text("continue")),
-                ],
-              ));
-    } catch (e) {
-      context.showMessage(message: "Failed to launch vscode");
+            title: const Text("Reload Configs"),
+            actions: [
+              TextButton(
+                  onPressed: () => Navigator.pop(context),
+                  child: const Text("cancel")),
+              TextButton(
+                  onPressed: () async {
+                    await ComicSource.reload();
+                    App.forceRebuild();
+                  },
+                  child: const Text("continue")),
+            ],
+          ),
+        );
+        return;
+      } catch (e) {
+        //
+      }
    }
+    context.to(() => _EditFilePage(source.filePath)).then((value) async {
+      await ComicSource.reload();
+      setState(() {});
+    });
  }

  static Future<void> update(ComicSource source) async {
@@ -297,12 +308,14 @@ class _BodyState extends State<_Body> {
  }

  Widget buildCard(BuildContext context) {
-    Widget buildButton({required Widget child, required VoidCallback onPressed}) {
+    Widget buildButton(
+        {required Widget child, required VoidCallback onPressed}) {
      return Button.normal(
        onPressed: onPressed,
        child: child,
      ).fixHeight(32);
    }
+
    return SliverToBoxAdapter(
      child: SizedBox(
        width: double.infinity,
@@ -558,3 +571,51 @@ void _addAllPagesWithComicSource(ComicSource source) {

  appdata.saveData();
 }
+
+class _EditFilePage extends StatefulWidget {
+  const _EditFilePage(this.path);
+
+  final String path;
+
+  @override
+  State<_EditFilePage> createState() => __EditFilePageState();
+}
+
+class __EditFilePageState extends State<_EditFilePage> {
+  var current = '';
+
+  @override
+  void initState() {
+    super.initState();
+    current = File(widget.path).readAsStringSync();
+  }
+
+  @override
+  void dispose() {
+    File(widget.path).writeAsStringSync(current);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: Appbar(
+        title: Text("Edit".tl),
+      ),
+      body: Column(
+        children: [
+          Container(
+            height: 0.6,
+            color: context.colorScheme.outlineVariant,
+          ),
+          Expanded(
+            child: CodeEditor(
+              initialValue: current,
+              onChanged: (value) => current = value,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/pages/explore_page.dart
+++ b/lib/pages/explore_page.dart
@@ -46,6 +46,18 @@ class _ExplorePageState extends State<ExplorePage>
    }
  }

+  void onNaviItemTapped(int index) {
+    if (index == 2) {
+      int page = controller.index;
+      String currentPageId = pages[page];
+      StateController.find<SimpleController>(tag: currentPageId)
+          .control!()['toTop']
+          ?.call();
+    }
+  }
+
+  NaviPaneState? naviPane;
+
  @override
  void initState() {
    pages = List<String>.from(appdata.settings["explore_pages"]);
@@ -59,13 +71,21 @@ class _ExplorePageState extends State<ExplorePage>
      vsync: this,
    );
    appdata.settings.addListener(onSettingsChanged);
+    NaviPane.of(context).addNaviItemTapListener(onNaviItemTapped);
    super.initState();
  }

+  @override
+  void didChangeDependencies() {
+    naviPane = NaviPane.of(context);
+    super.didChangeDependencies();
+  }
+
  @override
  void dispose() {
    controller.dispose();
    appdata.settings.removeListener(onSettingsChanged);
+    naviPane?.removeNaviItemTapListener(onNaviItemTapped);
    super.dispose();
  }

@@ -90,12 +110,14 @@ class _ExplorePageState extends State<ExplorePage>
    return Tab(text: i.ts(comicSource.key), key: Key(i));
  }

-  Widget buildBody(String i) => _SingleExplorePage(i, key: Key(i));
+  Widget buildBody(String i) => Material(
+        child: _SingleExplorePage(i, key: PageStorageKey(i)),
+      );

  Widget buildEmpty() {
    var msg = "No Explore Pages".tl;
    msg += '\n';
-    if(ComicSource.isEmpty) {
+    if (ComicSource.isEmpty) {
      msg += "Add a comic source in home page".tl;
    } else {
      msg += "Please check your settings".tl;
@@ -127,7 +149,7 @@ class _ExplorePageState extends State<ExplorePage>

    Widget tabBar = Material(
      child: FilledTabBar(
-        key: Key(pages.toString()),
+        key: PageStorageKey(pages.toString()),
        tabs: pages.map((e) => buildTab(e)).toList(),
        controller: controller,
      ),
@@ -220,18 +242,14 @@ class _SingleExplorePageState extends StateWithController<_SingleExplorePage>
    with AutomaticKeepAliveClientMixin<_SingleExplorePage> {
  late final ExplorePageData data;

-  bool loading = true;
-
-  String? message;
-
-  List<ExplorePagePart>? parts;
-
  late final String comicSourceKey;

-  int key = 0;
-
  bool _wantKeepAlive = true;

+  var scrollController = ScrollController();
+
+  VoidCallback? refreshHandler;
+
  void onSettingsChanged() {
    var explorePages = appdata.settings["explore_pages"];
    if (!explorePages.contains(widget.title)) {
@@ -266,14 +284,35 @@ class _SingleExplorePageState extends StateWithController<_SingleExplorePage>
  Widget build(BuildContext context) {
    super.build(context);
    if (data.loadMultiPart != null) {
-      return buildMultiPart();
+      return _MultiPartExplorePage(
+        key: const PageStorageKey("comic_list"),
+        data: data,
+        controller: scrollController,
+        comicSourceKey: comicSourceKey,
+        refreshHandlerCallback: (c) {
+          refreshHandler = c;
+        },
+      );
    } else if (data.loadPage != null || data.loadNext != null) {
-      return buildComicList();
+      return ComicList(
+        enablePageStorage: true,
+        loadPage: data.loadPage,
+        loadNext: data.loadNext,
+        key: const PageStorageKey("comic_list"),
+        controller: scrollController,
+        refreshHandlerCallback: (c) {
+          refreshHandler = c;
+        },
+      );
    } else if (data.loadMixed != null) {
      return _MixedExplorePage(
        data,
        comicSourceKey,
-        key: ValueKey(key),
+        key: const PageStorageKey("comic_list"),
+        controller: scrollController,
+        refreshHandlerCallback: (c) {
+          refreshHandler = c;
+        },
      );
    } else {
      return const Center(
@@ -282,91 +321,59 @@ class _SingleExplorePageState extends StateWithController<_SingleExplorePage>
    }
  }

-  Widget buildComicList() {
-    return ComicList(
-      loadPage: data.loadPage,
-      loadNext: data.loadNext,
-      key: ValueKey(key),
-    );
-  }
-
-  void load() async {
-    var res = await data.loadMultiPart!();
-    loading = false;
-    if (mounted) {
-      setState(() {
-        if (res.error) {
-          message = res.errorMessage;
-        } else {
-          parts = res.data;
-        }
-      });
-    }
-  }
-
-  Widget buildMultiPart() {
-    if (loading) {
-      load();
-      return const Center(
-        child: CircularProgressIndicator(),
-      );
-    } else if (message != null) {
-      return NetworkError(
-        message: message!,
-        retry: refresh,
-        withAppbar: false,
-      );
-    } else {
-      return buildPage();
-    }
-  }
-
-  Widget buildPage() {
-    return SmoothCustomScrollView(
-      slivers: _buildPage().toList(),
-    );
-  }
-
-  Iterable<Widget> _buildPage() sync* {
-    for (var part in parts!) {
-      yield* _buildExplorePagePart(part, comicSourceKey);
-    }
-  }
-
  @override
  Object? get tag => widget.title;

  @override
  void refresh() {
-    message = null;
-    if (data.loadMultiPart != null) {
-      setState(() {
-        loading = true;
-      });
-    } else {
-      setState(() {
-        key++;
-      });
-    }
+    refreshHandler?.call();
  }

  @override
  bool get wantKeepAlive => _wantKeepAlive;
+
+  void toTop() {
+    if (scrollController.hasClients) {
+      scrollController.animateTo(
+        scrollController.position.minScrollExtent,
+        duration: const Duration(milliseconds: 200),
+        curve: Curves.easeInOut,
+      );
+    }
+  }
+
+  @override
+  Map<String, dynamic> get control => {"toTop": toTop};
 }

 class _MixedExplorePage extends StatefulWidget {
-  const _MixedExplorePage(this.data, this.sourceKey, {super.key});
+  const _MixedExplorePage(this.data, this.sourceKey,
+      {super.key, this.controller, required this.refreshHandlerCallback});

  final ExplorePageData data;

  final String sourceKey;

+  final ScrollController? controller;
+
+  final void Function(VoidCallback c) refreshHandlerCallback;
+
  @override
  State<_MixedExplorePage> createState() => _MixedExplorePageState();
 }

 class _MixedExplorePageState
    extends MultiPageLoadingState<_MixedExplorePage, Object> {
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    widget.refreshHandlerCallback(refresh);
+  }
+
+  void refresh() {
+    reset();
+  }
+
  Iterable<Widget> buildSlivers(BuildContext context, List<Object> data) sync* {
    List<Comic> cache = [];
    for (var part in data) {
@@ -394,9 +401,10 @@ class _MixedExplorePageState
  @override
  Widget buildContent(BuildContext context, List<Object> data) {
    return SmoothCustomScrollView(
+      controller: widget.controller,
      slivers: [
        ...buildSlivers(context, data),
-        if (haveNextPage) const ListLoadingIndicator().toSliver()
+        const SliverListLoadingIndicator(),
      ],
    );
  }
@@ -477,3 +485,125 @@ Iterable<Widget> _buildExplorePagePart(
  yield buildTitle(part);
  yield buildComics(part);
 }
+
+class _MultiPartExplorePage extends StatefulWidget {
+  const _MultiPartExplorePage({
+    super.key,
+    required this.data,
+    required this.controller,
+    required this.comicSourceKey,
+    required this.refreshHandlerCallback,
+  });
+
+  final ExplorePageData data;
+
+  final ScrollController controller;
+
+  final String comicSourceKey;
+
+  final void Function(VoidCallback c) refreshHandlerCallback;
+
+  @override
+  State<_MultiPartExplorePage> createState() => _MultiPartExplorePageState();
+}
+
+class _MultiPartExplorePageState extends State<_MultiPartExplorePage> {
+  late final ExplorePageData data;
+
+  List<ExplorePagePart>? parts;
+
+  bool loading = true;
+
+  String? message;
+
+  Map<String, dynamic> get state => {
+        "loading": loading,
+        "message": message,
+        "parts": parts,
+      };
+
+  void restoreState(dynamic state) {
+    if (state == null) return;
+    loading = state["loading"];
+    message = state["message"];
+    parts = state["parts"];
+  }
+
+  void storeState() {
+    PageStorage.of(context).writeState(context, state);
+  }
+
+  void refresh() {
+    setState(() {
+      loading = true;
+      message = null;
+      parts = null;
+    });
+    storeState();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    data = widget.data;
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    restoreState(PageStorage.of(context).readState(context));
+    widget.refreshHandlerCallback(refresh);
+  }
+
+  void load() async {
+    var res = await data.loadMultiPart!();
+    loading = false;
+    if (mounted) {
+      setState(() {
+        if (res.error) {
+          message = res.errorMessage;
+        } else {
+          parts = res.data;
+        }
+      });
+      storeState();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (loading) {
+      load();
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    } else if (message != null) {
+      return NetworkError(
+        message: message!,
+        retry: () {
+          setState(() {
+            loading = true;
+            message = null;
+          });
+        },
+        withAppbar: false,
+      );
+    } else {
+      return buildPage();
+    }
+  }
+
+  Widget buildPage() {
+    return SmoothCustomScrollView(
+      key: const PageStorageKey('scroll'),
+      controller: widget.controller,
+      slivers: _buildPage().toList(),
+    );
+  }
+
+  Iterable<Widget> _buildPage() sync* {
+    for (var part in parts!) {
+      yield* _buildExplorePagePart(part, widget.comicSourceKey);
+    }
+  }
+}
--- a/lib/pages/favorites/favorite_actions.dart
+++ b/lib/pages/favorites/favorite_actions.dart
@@ -77,13 +77,13 @@ String? validateFolderName(String newFolderName) {
  return null;
 }

-void addFavorite(Comic comic) {
+void addFavorite(List<Comic> comics) {
  var folders = LocalFavoritesManager().folderNames;

  showDialog(
    context: App.rootContext,
    builder: (context) {
-      String? selectedFolder;
+      String? selectedFolder = appdata.settings['quickFavorite'];

      return StatefulBuilder(builder: (context, setState) {
        return ContentDialog(
@@ -105,19 +105,21 @@ void addFavorite(Comic comic) {
            FilledButton(
              onPressed: () {
                if (selectedFolder != null) {
-                  LocalFavoritesManager().addComic(
-                    selectedFolder!,
-                    FavoriteItem(
-                      id: comic.id,
-                      name: comic.title,
-                      coverPath: comic.cover,
-                      author: comic.subtitle ?? '',
-                      type: ComicType((comic.sourceKey == 'local'
-                          ? 0
-                          : comic.sourceKey.hashCode)),
-                      tags: comic.tags ?? [],
-                    ),
-                  );
+                  for (var comic in comics) {
+                    LocalFavoritesManager().addComic(
+                      selectedFolder!,
+                      FavoriteItem(
+                        id: comic.id,
+                        name: comic.title,
+                        coverPath: comic.cover,
+                        author: comic.subtitle ?? '',
+                        type: ComicType((comic.sourceKey == 'local'
+                            ? 0
+                            : comic.sourceKey.hashCode)),
+                        tags: comic.tags ?? [],
+                      ),
+                    );
+                  }
                  context.pop();
                }
              },
@@ -144,6 +146,18 @@ Future<List<FavoriteItem>> updateComicsInfo(String folder) async {

        var newInfo = (await comicSource.loadComicInfo!(c.id)).data;

+        var newTags = <String>[];
+        for(var entry in newInfo.tags.entries) {
+          const shouldIgnore = ['author', 'artist', 'time'];
+          var namespace = entry.key;
+          if (shouldIgnore.contains(namespace.toLowerCase())) {
+            continue;
+          }
+          for(var tag in entry.value) {
+            newTags.add("$namespace:$tag");
+          }
+        }
+
        comics[index] = FavoriteItem(
          id: c.id,
          name: newInfo.title,
@@ -152,7 +166,7 @@ Future<List<FavoriteItem>> updateComicsInfo(String folder) async {
              newInfo.tags['author']?.firstOrNull ??
              c.author,
          type: c.type,
-          tags: c.tags,
+          tags: newTags,
        );

        LocalFavoritesManager().updateInfo(folder, comics[index]);
--- a/lib/pages/favorites/favorites_page.dart
+++ b/lib/pages/favorites/favorites_page.dart
@@ -1,7 +1,6 @@
 import 'dart:convert';
 import 'dart:math';

-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_reorderable_grid_view/widgets/reorderable_builder.dart';
 import 'package:venera/components/components.dart';
@@ -15,6 +14,7 @@ import 'package:venera/foundation/local.dart';
 import 'package:venera/foundation/res.dart';
 import 'package:venera/network/download.dart';
 import 'package:venera/pages/comic_page.dart';
+import 'package:venera/pages/reader/reader.dart';
 import 'package:venera/utils/io.dart';
 import 'package:venera/utils/translations.dart';

@@ -95,7 +95,7 @@ class _FavoritesPageState extends State<FavoritesPage>  {
      barrierDismissible: true,
      fullscreenDialog: true,
      opaque: false,
-      barrierColor: Colors.black.withOpacity(0.36),
+      barrierColor: Colors.black.toOpacity(0.36),
      pageBuilder: (context, animation, secondary) {
        return Align(
          alignment: Alignment.centerLeft,
@@ -153,14 +153,14 @@ class _FavoritesPageState extends State<FavoritesPage>  {
      );
    }
    if (!isNetwork) {
-      return _LocalFavoritesPage(folder: folder!, key: Key(folder!));
+      return _LocalFavoritesPage(folder: folder!, key: PageStorageKey("local_$folder"));
    } else {
      var favoriteData = getFavoriteDataOrNull(folder!);
      if (favoriteData == null) {
        folder = null;
        return buildBody();
      } else {
-        return NetworkFavoritePage(favoriteData, key: Key(folder!));
+        return NetworkFavoritePage(favoriteData, key: PageStorageKey("network_$folder"));
      }
    }
  }
@@ -170,4 +170,4 @@ abstract interface class FolderList {
  void update();

  void updateFolders();
-}
+}
--- a/lib/pages/favorites/local_favorites_page.dart
+++ b/lib/pages/favorites/local_favorites_page.dart
@@ -38,7 +38,7 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
      });
    } else {
      setState(() {
-        comics = LocalFavoritesManager().search(keyword);
+        comics = LocalFavoritesManager().searchInFolder(widget.folder, keyword);
      });
    }
  }
@@ -53,25 +53,62 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
    super.initState();
  }

+  void selectAll() {
+    setState(() {
+      selectedComics = comics.asMap().map((k, v) => MapEntry(v, true));
+    });
+  }
+
+  void invertSelection() {
+    setState(() {
+      comics.asMap().forEach((k, v) {
+        selectedComics[v] = !selectedComics.putIfAbsent(v, () => false);
+      });
+      selectedComics.removeWhere((k, v) => !v);
+    });
+  }
+
+  bool downloadComic(FavoriteItem c) {
+    var source = c.type.comicSource;
+    if (source != null) {
+      bool isDownloaded = LocalManager().isDownloaded(
+        c.id,
+        (c).type,
+      );
+      if (isDownloaded) {
+        return false;
+      }
+      LocalManager().addTask(ImagesDownloadTask(
+        source: source,
+        comicId: c.id,
+        comicTitle: c.title,
+      ));
+      return true;
+    }
+    return false;
+  }
+
+  void downloadSelected() {
+    int count = 0;
+    for (var c in selectedComics.keys) {
+      if (downloadComic(c as FavoriteItem)) {
+        count++;
+      }
+    }
+    if (count > 0) {
+      context.showMessage(
+        message: "Added @c comics to download queue.".tlParams({"c": count}),
+      );
+    }
+  }
+
+  var scrollController = ScrollController();
+
  @override
  Widget build(BuildContext context) {
-    void selectAll() {
-      setState(() {
-        selectedComics = comics.asMap().map((k, v) => MapEntry(v, true));
-      });
-    }
-
-    void invertSelection() {
-      setState(() {
-        comics.asMap().forEach((k, v) {
-          selectedComics[v] = !selectedComics.putIfAbsent(v, () => false);
-        });
-        selectedComics.removeWhere((k, v) => !v);
-      });
-    }
-
-    var body = Scaffold(
-      body: SmoothCustomScrollView(slivers: [
+    Widget body = SmoothCustomScrollView(
+      controller: scrollController,
+      slivers: [
        if (!searchMode && !multiSelectMode)
          SliverAppbar(
            style: context.width < changePoint
@@ -300,6 +337,11 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
                        },
                      );
                    }),
+                MenuEntry(
+                  icon: Icons.download,
+                  text: "Download".tl,
+                  onClick: downloadSelected,
+                ),
              ]),
            ],
          )
@@ -336,22 +378,56 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
        SliverGridComics(
          comics: comics,
          selections: selectedComics,
-          onTap: multiSelectMode
-              ? (c) {
-                  setState(() {
-                    if (selectedComics.containsKey(c as FavoriteItem)) {
-                      selectedComics.remove(c);
-                      _checkExitSelectMode();
-                    } else {
-                      selectedComics[c] = true;
-                    }
-                    lastSelectedIndex = comics.indexOf(c);
-                  });
-                }
-              : (c) {
-                  App.mainNavigatorKey?.currentContext
-                      ?.to(() => ComicPage(id: c.id, sourceKey: c.sourceKey));
+          menuBuilder: (c) {
+            return [
+              MenuEntry(
+                icon: Icons.download,
+                text: "Download".tl,
+                onClick: () {
+                  downloadComic(c as FavoriteItem);
+                  context.showMessage(
+                    message: "Download started".tl,
+                  );
                },
+              ),
+              if (appdata.settings["onClickFavorite"] == "viewDetail")
+                MenuEntry(
+                  icon: Icons.menu_book_outlined,
+                  text: "Read".tl,
+                  onClick: () {
+                    App.mainNavigatorKey?.currentContext?.to(
+                      () => ReaderWithLoading(
+                        id: c.id,
+                        sourceKey: c.sourceKey,
+                      ),
+                    );
+                  },
+                ),
+            ];
+          },
+          onTap: (c) {
+            if (multiSelectMode) {
+              setState(() {
+                if (selectedComics.containsKey(c as FavoriteItem)) {
+                  selectedComics.remove(c);
+                  _checkExitSelectMode();
+                } else {
+                  selectedComics[c] = true;
+                }
+                lastSelectedIndex = comics.indexOf(c);
+              });
+            } else if (appdata.settings["onClickFavorite"] == "viewDetail") {
+              App.mainNavigatorKey?.currentContext
+                  ?.to(() => ComicPage(id: c.id, sourceKey: c.sourceKey));
+            } else {
+              App.mainNavigatorKey?.currentContext?.to(
+                () => ReaderWithLoading(
+                  id: c.id,
+                  sourceKey: c.sourceKey,
+                ),
+              );
+            }
+          },
          onLongPressed: (c) {
            setState(() {
              if (!multiSelectMode) {
@@ -387,7 +463,17 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
            });
          },
        ),
-      ]),
+      ],
+    );
+    body = Scrollbar(
+      controller: scrollController,
+      thickness: App.isDesktop ? 8 : 12,
+      radius: const Radius.circular(8),
+      interactive: true,
+      child: ScrollConfiguration(
+        behavior: ScrollConfiguration.of(context).copyWith(scrollbars: false),
+        child: body,
+      ),
    );
    return PopScope(
      canPop: !multiSelectMode && !searchMode,
@@ -425,7 +511,7 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
              padding: EdgeInsets.only(bottom: context.padding.bottom + 16),
              child: Container(
                constraints:
-                const BoxConstraints(maxHeight: 700, maxWidth: 500),
+                    const BoxConstraints(maxHeight: 700, maxWidth: 500),
                child: Column(
                  children: [
                    Expanded(
@@ -443,7 +529,7 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
                                        targetFolders = LocalFavoritesManager()
                                            .folderNames
                                            .where((folder) =>
-                                        folder != favPage.folder)
+                                                folder != favPage.folder)
                                            .toList();
                                      });
                                    });
@@ -482,14 +568,14 @@ class _LocalFavoritesPageState extends State<_LocalFavoritesPage> {
                            onChanged: disabled
                                ? null
                                : (v) {
-                              setState(() {
-                                if (v!) {
-                                  selectedLocalFolders.add(folder);
-                                } else {
-                                  selectedLocalFolders.remove(folder);
-                                }
-                              });
-                            },
+                                    setState(() {
+                                      if (v!) {
+                                        selectedLocalFolders.add(folder);
+                                      } else {
+                                        selectedLocalFolders.remove(folder);
+                                      }
+                                    });
+                                  },
                          );
                        },
                      ),
@@ -592,12 +678,19 @@ class _ReorderComicsPageState extends State<_ReorderComicsPage> {
  late var comics = LocalFavoritesManager().getAllComics(widget.name);
  bool changed = false;

-  Color lightenColor(Color color, double lightenValue) {
-    int red = (color.red + ((255 - color.red) * lightenValue)).round();
-    int green = (color.green + ((255 - color.green) * lightenValue)).round();
-    int blue = (color.blue + ((255 - color.blue) * lightenValue)).round();
+  static int _floatToInt8(double x) {
+    return (x * 255.0).round() & 0xff;
+  }

-    return Color.fromARGB(color.alpha, red, green, blue);
+  Color lightenColor(Color color, double lightenValue) {
+    int red =
+        (_floatToInt8(color.r) + ((255 - color.r) * lightenValue)).round();
+    int green = (_floatToInt8(color.g) * 255 + ((255 - color.g) * lightenValue))
+        .round();
+    int blue = (_floatToInt8(color.b) * 255 + ((255 - color.b) * lightenValue))
+        .round();
+
+    return Color.fromARGB(_floatToInt8(color.a), red, green, blue);
  }

  @override
@@ -650,7 +743,7 @@ class _ReorderComicsPageState extends State<_ReorderComicsPage> {
          ),
        ],
      ),
-      body: ReorderableBuilder(
+      body: ReorderableBuilder<FavoriteItem>(
        key: reorderWidgetKey,
        scrollController: _scrollController,
        longPressDelay: App.isDesktop
@@ -659,14 +752,14 @@ class _ReorderComicsPageState extends State<_ReorderComicsPage> {
        onReorder: (reorderFunc) {
          changed = true;
          setState(() {
-            comics = reorderFunc(comics) as List<FavoriteItem>;
+            comics = reorderFunc(comics);
          });
          widget.onReorder(comics);
        },
        dragChildBoxDecoration: BoxDecoration(
          borderRadius: BorderRadius.circular(16),
          color: lightenColor(
-            Theme.of(context).splashColor.withOpacity(1),
+            Theme.of(context).splashColor.withAlpha(255),
            0.2,
          ),
        ),
--- a/lib/pages/favorites/network_favorites_page.dart
+++ b/lib/pages/favorites/network_favorites_page.dart
@@ -166,6 +166,7 @@ class _NormalFavoritePageState extends State<_NormalFavoritePage> {
          ),
        ];
      },
+      enablePageStorage: true,
    );
  }
 }
@@ -548,6 +549,7 @@ class _FavoriteFolder extends StatelessWidget {
  Widget build(BuildContext context) {
    return ComicList(
      key: comicListKey,
+      enablePageStorage: true,
      leadingSliver: SliverAppbar(
        title: Text(title),
        actions: [
--- a/lib/pages/favorites/side_bar.dart
+++ b/lib/pages/favorites/side_bar.dart
@@ -179,7 +179,7 @@ class _LeftBarState extends State<_LeftBar> implements FolderList {
        alignment: Alignment.centerLeft,
        decoration: BoxDecoration(
          color: isSelected
-              ? context.colorScheme.primaryContainer.withOpacity(0.36)
+              ? context.colorScheme.primaryContainer.toOpacity(0.36)
              : null,
          border: Border(
            left: BorderSide(
@@ -214,7 +214,7 @@ class _LeftBarState extends State<_LeftBar> implements FolderList {
        alignment: Alignment.centerLeft,
        decoration: BoxDecoration(
          color: isSelected
-              ? context.colorScheme.primaryContainer.withOpacity(0.36)
+              ? context.colorScheme.primaryContainer.toOpacity(0.36)
              : null,
          border: Border(
            left: BorderSide(
--- a/lib/pages/history_page.dart
+++ b/lib/pages/history_page.dart
@@ -4,8 +4,6 @@ import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/comic_type.dart';
 import 'package:venera/foundation/history.dart';
-import 'package:venera/foundation/local.dart';
-import 'package:venera/utils/ext.dart';
 import 'package:venera/utils/translations.dart';

 class HistoryPage extends StatefulWidget {
@@ -78,33 +76,7 @@ class _HistoryPageState extends State<HistoryPage> {
            ],
          ),
          SliverGridComics(
-            comics: comics.map(
-              (e) {
-                var cover = e.cover;
-                if (!cover.isURL) {
-                  var localComic = LocalManager().find(
-                    e.id,
-                    e.type,
-                  );
-                  if(localComic != null) {
-                    cover = "file://${localComic.coverFile.path}";
-                  }
-                }
-                return Comic(
-                  e.title,
-                  cover,
-                  e.id,
-                  e.subtitle,
-                  null,
-                  getDescription(e),
-                  e.type == ComicType.local
-                      ? 'local'
-                      : e.type.comicSource?.key ?? "Unknown:${e.type.value}",
-                  null,
-                  null,
-                );
-              },
-            ).toList(),
+            comics: comics,
            badgeBuilder: (c) {
              return ComicSource.find(c.sourceKey)?.name;
            },
--- a/lib/pages/home_page.dart
+++ b/lib/pages/home_page.dart
@@ -6,7 +6,8 @@ import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/consts.dart';
 import 'package:venera/foundation/favorites.dart';
 import 'package:venera/foundation/history.dart';
-import 'package:venera/foundation/image_provider/cached_image.dart';
+import 'package:venera/foundation/image_provider/history_image_provider.dart';
+import 'package:venera/foundation/image_provider/local_comic_image.dart';
 import 'package:venera/foundation/local.dart';
 import 'package:venera/pages/accounts_page.dart';
 import 'package:venera/pages/comic_page.dart';
@@ -15,7 +16,6 @@ import 'package:venera/pages/downloading_page.dart';
 import 'package:venera/pages/history_page.dart';
 import 'package:venera/pages/search_page.dart';
 import 'package:venera/utils/data_sync.dart';
-import 'package:venera/utils/ext.dart';
 import 'package:venera/utils/import_comic.dart';
 import 'package:venera/utils/translations.dart';

@@ -53,7 +53,7 @@ class _SearchBar extends StatelessWidget {
        width: double.infinity,
        margin: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
        child: Material(
-          color: context.colorScheme.surfaceContainer,
+          color: context.colorScheme.surfaceContainerHigh,
          borderRadius: BorderRadius.circular(32),
          child: InkWell(
            borderRadius: BorderRadius.circular(32),
@@ -264,22 +264,8 @@ class _HistoryState extends State<_History> {
                    scrollDirection: Axis.horizontal,
                    itemCount: history.length,
                    itemBuilder: (context, index) {
-                      var cover = history[index].cover;
-                      ImageProvider imageProvider = CachedImageProvider(
-                        cover,
-                        sourceKey: history[index].type.comicSource?.key,
-                        cid: history[index].id,
-                      );
-                      if (!cover.isURL) {
-                        var localComic = LocalManager().find(
-                          history[index].id,
-                          history[index].type,
-                        );
-                        if (localComic != null) {
-                          imageProvider = FileImage(localComic.coverFile);
-                        }
-                      }
-                      return InkWell(
+                      return AnimatedTapRegion(
+                        borderRadius: 8,
                        onTap: () {
                          context.to(
                            () => ComicPage(
@@ -288,11 +274,9 @@ class _HistoryState extends State<_History> {
                            ),
                          );
                        },
-                        borderRadius: BorderRadius.circular(8),
                        child: Container(
                          width: 92,
                          height: 114,
-                          margin: const EdgeInsets.symmetric(horizontal: 8),
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(8),
                            color: Theme.of(context)
@@ -301,14 +285,14 @@ class _HistoryState extends State<_History> {
                          ),
                          clipBehavior: Clip.antiAlias,
                          child: AnimatedImage(
-                            image: imageProvider,
+                            image: HistoryImageProvider(history[index]),
                            width: 96,
                            height: 128,
                            fit: BoxFit.cover,
                            filterQuality: FilterQuality.medium,
                          ),
                        ),
-                      );
+                      ).paddingHorizontal(8);
                    },
                  ),
                ).paddingHorizontal(8).paddingBottom(16),
@@ -401,15 +385,14 @@ class _LocalState extends State<_Local> {
                    scrollDirection: Axis.horizontal,
                    itemCount: local.length,
                    itemBuilder: (context, index) {
-                      return InkWell(
+                      return AnimatedTapRegion(
                        onTap: () {
                          local[index].read();
                        },
-                        borderRadius: BorderRadius.circular(8),
+                        borderRadius: 8,
                        child: Container(
                          width: 92,
                          height: 114,
-                          margin: const EdgeInsets.symmetric(horizontal: 8),
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(8),
                            color: Theme.of(context)
@@ -418,8 +401,8 @@ class _LocalState extends State<_Local> {
                          ),
                          clipBehavior: Clip.antiAlias,
                          child: AnimatedImage(
-                            image: FileImage(
-                              local[index].coverFile,
+                            image: LocalComicImageProvider(
+                              local[index],
                            ),
                            width: 96,
                            height: 128,
@@ -427,7 +410,7 @@ class _LocalState extends State<_Local> {
                            filterQuality: FilterQuality.medium,
                          ),
                        ),
-                      );
+                      ).paddingHorizontal(8);
                    },
                  ),
                ).paddingHorizontal(8),
@@ -511,13 +494,15 @@ class _ImportComicsWidgetState extends State<_ImportComicsWidget> {
    String info = [
      "Select a directory which contains the comic files.".tl,
      "Select a directory which contains the comic directories.".tl,
-      "Select a cbz file.".tl,
+      "Select a cbz/zip file.".tl,
+      "Select a directory which contains multiple cbz/zip files.".tl,
      "Select an EhViewer database and a download folder.".tl
    ][type];
    List<String> importMethods = [
      "Single Comic".tl,
      "Multiple Comics".tl,
      "A cbz file".tl,
+      "Multiple cbz files".tl,
      "EhViewer downloads".tl
    ];

@@ -593,7 +578,7 @@ class _ImportComicsWidgetState extends State<_ImportComicsWidget> {
          onPressed: () {
            showDialog(
              context: context,
-              barrierColor: Colors.black.withOpacity(0.2),
+              barrierColor: Colors.black.toOpacity(0.2),
              builder: (context) {
                var help = '';
                help +=
@@ -645,7 +630,8 @@ class _ImportComicsWidgetState extends State<_ImportComicsWidget> {
      0 => await importer.directory(true),
      1 => await importer.directory(false),
      2 => await importer.cbz(),
-      3 => await importer.ehViewer(),
+      3 => await importer.multipleCbz(),
+      4 => await importer.ehViewer(),
      int() => true,
    };
    if(result) {
--- a/lib/pages/local_comics_page.dart
+++ b/lib/pages/local_comics_page.dart
@@ -2,11 +2,15 @@ import 'package:flutter/material.dart';
 import 'package:venera/components/components.dart';
 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/appdata.dart';
-import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/local.dart';
+import 'package:venera/foundation/log.dart';
+import 'package:venera/pages/comic_page.dart';
 import 'package:venera/pages/downloading_page.dart';
+import 'package:venera/pages/favorites/favorites_page.dart';
 import 'package:venera/utils/cbz.dart';
+import 'package:venera/utils/epub.dart';
 import 'package:venera/utils/io.dart';
+import 'package:venera/utils/pdf.dart';
 import 'package:venera/utils/translations.dart';

 class LocalComicsPage extends StatefulWidget {
@@ -27,7 +31,7 @@ class _LocalComicsPageState extends State<LocalComicsPage> {

  bool multiSelectMode = false;

-  Map<Comic, bool> selectedComics = {};
+  Map<LocalComic, bool> selectedComics = {};

  void update() {
    if (keyword.isEmpty) {
@@ -114,48 +118,68 @@ class _LocalComicsPageState extends State<LocalComicsPage> {
    );
  }

+  Widget buildMultiSelectMenu() {
+    return MenuButton(entries: [
+      MenuEntry(
+        icon: Icons.delete_outline,
+        text: "Delete".tl,
+        onClick: () {
+          deleteComics(selectedComics.keys.toList()).then((value) {
+            if (value) {
+              setState(() {
+                multiSelectMode = false;
+                selectedComics.clear();
+              });
+            }
+          });
+        },
+      ),
+      MenuEntry(
+        icon: Icons.favorite_border,
+        text: "Add to favorites".tl,
+        onClick: () {
+          addFavorite(selectedComics.keys.toList());
+        },
+      ),
+      if (selectedComics.length == 1)
+        MenuEntry(
+          icon: Icons.chrome_reader_mode_outlined,
+          text: "View Detail".tl,
+          onClick: () {
+            context.to(() => ComicPage(
+              id: selectedComics.keys.first.id,
+              sourceKey: selectedComics.keys.first.sourceKey,
+            ));
+          },
+        ),
+      if (selectedComics.length == 1)
+        ...exportActions(selectedComics.keys.first),
+    ]);
+  }
+
+  void selectAll() {
+    setState(() {
+      selectedComics = comics.asMap().map((k, v) => MapEntry(v, true));
+    });
+  }
+
+  void deSelect() {
+    setState(() {
+      selectedComics.clear();
+    });
+  }
+
+  void invertSelection() {
+    setState(() {
+      comics.asMap().forEach((k, v) {
+        selectedComics[v] = !selectedComics.putIfAbsent(v, () => false);
+      });
+      selectedComics.removeWhere((k, v) => !v);
+    });
+  }
+
  @override
  Widget build(BuildContext context) {
-    void selectAll() {
-      setState(() {
-        selectedComics = comics.asMap().map((k, v) => MapEntry(v, true));
-      });
-    }
-
-    void deSelect() {
-      setState(() {
-        selectedComics.clear();
-      });
-    }
-
-    void invertSelection() {
-      setState(() {
-        comics.asMap().forEach((k, v) {
-          selectedComics[v] = !selectedComics.putIfAbsent(v, () => false);
-        });
-        selectedComics.removeWhere((k, v) => !v);
-      });
-    }
-
-    void selectRange() {
-      setState(() {
-        List<int> l = [];
-        selectedComics.forEach((k, v) {
-          l.add(comics.indexOf(k as LocalComic));
-        });
-        if (l.isEmpty) {
-          return;
-        }
-        l.sort();
-        int start = l.first;
-        int end = l.last;
-        selectedComics.clear();
-        selectedComics.addEntries(List.generate(end - start + 1, (i) {
-          return MapEntry(comics[start + i], true);
-        }));
-      });
-    }
-
    List<Widget> selectActions = [
      IconButton(
          icon: const Icon(Icons.select_all),
@@ -169,78 +193,66 @@ class _LocalComicsPageState extends State<LocalComicsPage> {
          icon: const Icon(Icons.flip),
          tooltip: "Invert Selection".tl,
          onPressed: invertSelection),
-      IconButton(
-          icon: const Icon(Icons.border_horizontal_outlined),
-          tooltip: "Select in range".tl,
-          onPressed: selectRange),
+      buildMultiSelectMenu(),
+    ];
+
+    List<Widget> normalActions = [
+      Tooltip(
+        message: "Search".tl,
+        child: IconButton(
+          icon: const Icon(Icons.search),
+          onPressed: () {
+            setState(() {
+              searchMode = true;
+            });
+          },
+        ),
+      ),
+      Tooltip(
+        message: "Sort".tl,
+        child: IconButton(
+          icon: const Icon(Icons.sort),
+          onPressed: sort,
+        ),
+      ),
+      Tooltip(
+        message: "Downloading".tl,
+        child: IconButton(
+          icon: const Icon(Icons.download),
+          onPressed: () {
+            showPopUpWidget(context, const DownloadingPage());
+          },
+        ),
+      ),
    ];

    var body = Scaffold(
      body: SmoothCustomScrollView(
        slivers: [
-          if (!searchMode && !multiSelectMode)
-            SliverAppbar(
-              title: Text("Local".tl),
-              actions: [
-                Tooltip(
-                  message: "Search".tl,
-                  child: IconButton(
-                    icon: const Icon(Icons.search),
-                    onPressed: () {
-                      setState(() {
-                        searchMode = true;
-                      });
-                    },
-                  ),
-                ),
-                Tooltip(
-                  message: "Sort".tl,
-                  child: IconButton(
-                    icon: const Icon(Icons.sort),
-                    onPressed: sort,
-                  ),
-                ),
-                Tooltip(
-                  message: "Downloading".tl,
-                  child: IconButton(
-                    icon: const Icon(Icons.download),
-                    onPressed: () {
-                      showPopUpWidget(context, const DownloadingPage());
-                    },
-                  ),
-                ),
-                Tooltip(
-                  message: multiSelectMode
-                      ? "Exit Multi-Select".tl
-                      : "Multi-Select".tl,
-                  child: IconButton(
-                    icon: const Icon(Icons.checklist),
-                    onPressed: () {
-                      setState(() {
-                        multiSelectMode = !multiSelectMode;
-                      });
-                    },
-                  ),
-                ),
-              ],
-            )
-          else if (multiSelectMode)
+          if (!searchMode)
            SliverAppbar(
              leading: Tooltip(
-                message: "Cancel".tl,
+                message: multiSelectMode ? "Cancel".tl : "Back".tl,
                child: IconButton(
-                  icon: const Icon(Icons.close),
                  onPressed: () {
-                    setState(() {
-                      multiSelectMode = false;
-                      selectedComics.clear();
-                    });
+                    if (multiSelectMode) {
+                      setState(() {
+                        multiSelectMode = false;
+                        selectedComics.clear();
+                      });
+                    } else {
+                      context.pop();
+                    }
                  },
+                  icon: multiSelectMode
+                      ? const Icon(Icons.close)
+                      : const Icon(Icons.arrow_back),
                ),
              ),
-              title: Text(
-                  "Selected @c comics".tlParams({"c": selectedComics.length})),
-              actions: selectActions,
+              title: multiSelectMode
+                  ? Text(selectedComics.length.toString())
+                  : Text("Local".tl),
+              actions: multiSelectMode ? selectActions : normalActions,
            )
          else if (searchMode)
            SliverAppbar(
@@ -272,95 +284,45 @@ class _LocalComicsPageState extends State<LocalComicsPage> {
          SliverGridComics(
            comics: comics,
            selections: selectedComics,
-            onTap: multiSelectMode
-                ? (c) {
-                    setState(() {
-                      if (selectedComics.containsKey(c as LocalComic)) {
-                        selectedComics.remove(c);
-                      } else {
-                        selectedComics[c] = true;
-                      }
-                    });
+            onLongPressed: (c) {
+              setState(() {
+                multiSelectMode = true;
+                selectedComics[c as LocalComic] = true;
+              });
+            },
+            onTap: (c) {
+              if (multiSelectMode) {
+                setState(() {
+                  if (selectedComics.containsKey(c as LocalComic)) {
+                    selectedComics.remove(c);
+                  } else {
+                    selectedComics[c] = true;
                  }
-                : (c) {
-                    (c as LocalComic).read();
-                  },
+                  if (selectedComics.isEmpty) {
+                    multiSelectMode = false;
+                  }
+                });
+              } else {
+                (c as LocalComic).read();
+              }
+            },
            menuBuilder: (c) {
              return [
                MenuEntry(
-                    icon: Icons.delete,
-                    text: "Delete".tl,
-                    onClick: () {
-                      showDialog(
-                          context: context,
-                          builder: (context) {
-                            bool removeComicFile = true;
-                            return StatefulBuilder(builder: (context, state) {
-                              return ContentDialog(
-                                title: "Delete".tl,
-                                content: CheckboxListTile(
-                                  title:
-                                  Text("Also remove files on disk".tl),
-                                  value: removeComicFile,
-                                  onChanged: (v) {
-                                    state(() {
-                                      removeComicFile = !removeComicFile;
-                                    });
-                                  },
-                                ),
-                                actions: [
-                                  FilledButton(
-                                    onPressed: () {
-                                      context.pop();
-                                      if (multiSelectMode) {
-                                        for (var comic in selectedComics.keys) {
-                                          LocalManager().deleteComic(
-                                              comic as LocalComic,
-                                              removeComicFile);
-                                        }
-                                        setState(() {
-                                          selectedComics.clear();
-                                        });
-                                      } else {
-                                        LocalManager().deleteComic(
-                                            c as LocalComic, removeComicFile);
-                                      }
-                                    },
-                                    child: Text("Confirm".tl),
-                                  ),
-                                ],
-                              );
-                            });
-                          });
-                    }),
-                MenuEntry(
-                    icon: Icons.outbox_outlined,
-                    text: "Export as cbz".tl,
-                    onClick: () async {
-                      var controller = showLoadingDialog(
-                        context,
-                        allowCancel: false,
-                      );
-                      try {
-                        if (multiSelectMode) {
-                          for (var comic in selectedComics.keys) {
-                            var file = await CBZ.export(comic as LocalComic);
-                            await saveFile(filename: file.name, file: file);
-                            await file.delete();
-                          }
-                          setState(() {
-                            selectedComics.clear();
-                          });
-                        } else {
-                          var file = await CBZ.export(c as LocalComic);
-                          await saveFile(filename: file.name, file: file);
-                          await file.delete();
-                        }
-                      } catch (e) {
-                        context.showMessage(message: e.toString());
+                  icon: Icons.delete,
+                  text: "Delete".tl,
+                  onClick: () {
+                    deleteComics([c as LocalComic]).then((value) {
+                      if (value && multiSelectMode) {
+                        setState(() {
+                          multiSelectMode = false;
+                          selectedComics.clear();
+                        });
                      }
-                      controller.close();
-                    }),
+                    });
+                  },
+                ),
+                ...exportActions(c as LocalComic),
              ];
            },
          ),
@@ -387,4 +349,120 @@ class _LocalComicsPageState extends State<LocalComicsPage> {
      child: body,
    );
  }
+
+  Future<bool> deleteComics(List<LocalComic> comics) async {
+    bool isDeleted = false;
+    await showDialog(
+      context: App.rootContext,
+      builder: (context) {
+        bool removeComicFile = true;
+        return StatefulBuilder(builder: (context, state) {
+          return ContentDialog(
+            title: "Delete".tl,
+            content: CheckboxListTile(
+              title: Text("Also remove files on disk".tl),
+              value: removeComicFile,
+              onChanged: (v) {
+                state(() {
+                  removeComicFile = !removeComicFile;
+                });
+              },
+            ),
+            actions: [
+              FilledButton(
+                onPressed: () {
+                  context.pop();
+                  for (var comic in comics) {
+                    LocalManager().deleteComic(
+                      comic,
+                      removeComicFile,
+                    );
+                  }
+                  isDeleted = true;
+                },
+                child: Text("Confirm".tl),
+              ),
+            ],
+          );
+        });
+      },
+    );
+    return isDeleted;
+  }
+
+  List<MenuEntry> exportActions(LocalComic c) {
+    return [
+      MenuEntry(
+          icon: Icons.outbox_outlined,
+          text: "Export as cbz".tl,
+          onClick: () async {
+            var controller = showLoadingDialog(
+              context,
+              allowCancel: false,
+            );
+            try {
+              var file = await CBZ.export(c);
+              await saveFile(filename: file.name, file: file);
+              await file.delete();
+            } catch (e, s) {
+              context.showMessage(message: e.toString());
+              Log.error("CBZ Export", e, s);
+            }
+            controller.close();
+          }),
+      MenuEntry(
+        icon: Icons.picture_as_pdf_outlined,
+        text: "Export as pdf".tl,
+        onClick: () async {
+          var cache = FilePath.join(App.cachePath, 'temp.pdf');
+          var controller = showLoadingDialog(
+            context,
+            allowCancel: false,
+          );
+          try {
+            await createPdfFromComicIsolate(
+              comic: c,
+              savePath: cache,
+            );
+            await saveFile(
+              file: File(cache),
+              filename: "${c.title}.pdf",
+            );
+          } catch (e, s) {
+            Log.error("PDF Export", e, s);
+            context.showMessage(message: e.toString());
+          } finally {
+            controller.close();
+            File(cache).deleteIgnoreError();
+          }
+        },
+      ),
+      MenuEntry(
+        icon: Icons.import_contacts_outlined,
+        text: "Export as epub".tl,
+        onClick: () async {
+          var controller = showLoadingDialog(
+            context,
+            allowCancel: false,
+          );
+          File? file;
+          try {
+            file = await createEpubWithLocalComic(
+              c,
+            );
+            await saveFile(
+              file: file,
+              filename: "${c.title}.epub",
+            );
+          } catch (e, s) {
+            Log.error("EPUB Export", e, s);
+            context.showMessage(message: e.toString());
+          } finally {
+            controller.close();
+            file?.deleteIgnoreError();
+          }
+        },
+      )
+    ];
+  }
 }
--- a/lib/pages/main_page.dart
+++ b/lib/pages/main_page.dart
@@ -63,9 +63,15 @@ class _MainPageState extends State<MainPage> {

  final _pages = [
    const HomePage(),
-    const FavoritesPage(),
-    const ExplorePage(),
-    const CategoriesPage(),
+    const FavoritesPage(
+      key: PageStorageKey('favorites'),
+    ),
+    const ExplorePage(
+      key: PageStorageKey('explore'),
+    ),
+    const CategoriesPage(
+      key: PageStorageKey('categories'),
+    ),
  ];

  var index = 0;
--- a/lib/pages/reader/gesture.dart
+++ b/lib/pages/reader/gesture.dart
@@ -103,6 +103,9 @@ class _ReaderGestureDetectorState extends State<_ReaderGestureDetector> {
  }

  void onMouseWheel(bool forward) {
+    if (HardwareKeyboard.instance.isControlPressed) {
+      return;
+    }
    if (context.reader.mode.key.startsWith('gallery')) {
      if (forward) {
        if (!context.reader.toNextPage()) {
@@ -265,5 +268,5 @@ class _DragListener {
  void Function(Offset offset)? onMove;
  void Function()? onEnd;

-  _DragListener({this.onStart, this.onMove, this.onEnd});
+  _DragListener({this.onMove, this.onEnd});
 }
--- a/lib/pages/reader/images.dart
+++ b/lib/pages/reader/images.dart
@@ -25,7 +25,7 @@ class _ReaderImagesState extends State<_ReaderImages> {
    if (inProgress) return;
    inProgress = true;
    if (reader.type == ComicType.local ||
-        (await LocalManager()
+        (LocalManager()
            .isDownloaded(reader.cid, reader.type, reader.chapter))) {
      try {
        var images = await LocalManager()
@@ -83,7 +83,8 @@ class _ReaderImagesState extends State<_ReaderImages> {
      );
    } else {
      if (reader.mode.isGallery) {
-        return _GalleryMode(key: Key(reader.mode.key));
+        return _GalleryMode(
+            key: Key('${reader.mode.key}_${reader.imagesPerPage}'));
      } else {
        return _ContinuousMode(key: Key(reader.mode.key));
      }
@@ -110,6 +111,10 @@ class _GalleryModeState extends State<_GalleryMode>

  late _ReaderState reader;

+  int get totalPages => ((reader.images!.length + reader.imagesPerPage - 1) /
+          reader.imagesPerPage)
+      .ceil();
+
  @override
  void initState() {
    reader = context.reader;
@@ -124,8 +129,14 @@ class _GalleryModeState extends State<_GalleryMode>

  void cache(int current) {
    for (int i = current + 1; i <= current + preCacheCount; i++) {
-      if (i <= reader.maxPage && !cached[i]) {
-        _precacheImage(i, context);
+      if (i <= totalPages && !cached[i]) {
+        int startIndex = (i - 1) * reader.imagesPerPage;
+        int endIndex =
+            math.min(startIndex + reader.imagesPerPage, reader.images!.length);
+        for (int i = startIndex; i < endIndex; i++) {
+          precacheImage(
+              _createImageProviderFromKey(reader.images![i], context), context);
+        }
        cached[i] = true;
      }
    }
@@ -141,32 +152,46 @@ class _GalleryModeState extends State<_GalleryMode>
      scrollDirection: reader.mode == ReaderMode.galleryTopToBottom
          ? Axis.vertical
          : Axis.horizontal,
-      itemCount: reader.images!.length + 2,
+      itemCount: totalPages + 2,
      builder: (BuildContext context, int index) {
-        ImageProvider? imageProvider;
-        if (index != 0 && index != reader.images!.length + 1) {
-          imageProvider = _createImageProvider(index, context);
-        } else {
+        if (index == 0 || index == totalPages + 1) {
          return PhotoViewGalleryPageOptions.customChild(
            scaleStateController: PhotoViewScaleStateController(),
            child: const SizedBox(),
          );
+        } else {
+          int pageIndex = index - 1;
+          int startIndex = pageIndex * reader.imagesPerPage;
+          int endIndex = math.min(
+              startIndex + reader.imagesPerPage, reader.images!.length);
+          List<String> pageImages =
+              reader.images!.sublist(startIndex, endIndex);
+
+          cached[index] = true;
+          cache(index);
+
+          photoViewControllers[index] = PhotoViewController();
+
+          if (reader.imagesPerPage == 1) {
+            return PhotoViewGalleryPageOptions(
+              filterQuality: FilterQuality.medium,
+              controller: photoViewControllers[index],
+              imageProvider:
+                  _createImageProviderFromKey(pageImages[0], context),
+              fit: BoxFit.contain,
+              errorBuilder: (_, error, s, retry) {
+                return NetworkError(message: error.toString(), retry: retry);
+              },
+            );
+          }
+
+          return PhotoViewGalleryPageOptions.customChild(
+            controller: photoViewControllers[index],
+            minScale: PhotoViewComputedScale.contained * 1.0,
+            maxScale: PhotoViewComputedScale.covered * 10.0,
+            child: buildPageImages(pageImages),
+          );
        }
-
-        cached[index] = true;
-        cache(index);
-
-        photoViewControllers[index] ??= PhotoViewController();
-
-        return PhotoViewGalleryPageOptions(
-          filterQuality: FilterQuality.medium,
-          controller: photoViewControllers[index],
-          imageProvider: imageProvider,
-          fit: BoxFit.contain,
-          errorBuilder: (_, error, s, retry) {
-            return NetworkError(message: error.toString(), retry: retry);
-          },
-        );
      },
      pageController: controller,
      loadingBuilder: (context, event) => Center(
@@ -186,9 +211,9 @@ class _GalleryModeState extends State<_GalleryMode>
          if (!reader.toPrevChapter()) {
            reader.toPage(1);
          }
-        } else if (i == reader.maxPage + 1) {
+        } else if (i == totalPages + 1) {
          if (!reader.toNextChapter()) {
-            reader.toPage(reader.maxPage);
+            reader.toPage(totalPages);
          }
        } else {
          reader.setPage(i);
@@ -198,9 +223,30 @@ class _GalleryModeState extends State<_GalleryMode>
    );
  }

+  Widget buildPageImages(List<String> images) {
+    Axis axis = (reader.mode == ReaderMode.galleryTopToBottom)
+        ? Axis.vertical
+        : Axis.horizontal;
+
+    List<Widget> imageWidgets = images.map((imageKey) {
+      ImageProvider imageProvider =
+          _createImageProviderFromKey(imageKey, context);
+      return Expanded(
+        child: Image(
+          image: imageProvider,
+          fit: BoxFit.contain,
+        ),
+      );
+    }).toList();
+
+    return axis == Axis.vertical
+        ? Column(children: imageWidgets)
+        : Row(children: imageWidgets);
+  }
+
  @override
  Future<void> animateToPage(int page) {
-    if ((page - controller.page!).abs() > 1) {
+    if ((page - controller.page!.round()).abs() > 1) {
      controller.jumpToPage(page > controller.page! ? page - 1 : page + 1);
    }
    return controller.animateToPage(
@@ -310,6 +356,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
  var isCTRLPressed = false;
  static var _isMouseScrolling = false;
  var fingers = 0;
+  bool disableScroll = false;

  @override
  void initState() {
@@ -380,7 +427,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
          ? Axis.vertical
          : Axis.horizontal,
      reverse: reader.mode == ReaderMode.continuousRightToLeft,
-      physics: isCTRLPressed || _isMouseScrolling
+      physics: isCTRLPressed || _isMouseScrolling || disableScroll
          ? const NeverScrollableScrollPhysics()
          : const ClampingScrollPhysics(),
      itemBuilder: (context, index) {
@@ -414,6 +461,11 @@ class _ContinuousModeState extends State<_ContinuousMode>
    widget = Listener(
      onPointerDown: (event) {
        fingers++;
+        if(fingers > 1 && !disableScroll) {
+          setState(() {
+            disableScroll = true;
+          });
+        }
        futurePosition = null;
        if (_isMouseScrolling) {
          setState(() {
@@ -423,6 +475,11 @@ class _ContinuousModeState extends State<_ContinuousMode>
      },
      onPointerUp: (event) {
        fingers--;
+        if(fingers <= 1 && disableScroll) {
+          setState(() {
+            disableScroll = false;
+          });
+        }
      },
      onPointerPanZoomUpdate: (event) {
        if (event.scale == 1.0) {
@@ -600,19 +657,21 @@ class _ContinuousModeState extends State<_ContinuousMode>
  }
 }

+ImageProvider _createImageProviderFromKey(
+    String imageKey, BuildContext context) {
+  var reader = context.reader;
+  return ReaderImageProvider(
+    imageKey,
+    reader.type.comicSource?.key,
+    reader.cid,
+    reader.eid,
+  );
+}
+
 ImageProvider _createImageProvider(int page, BuildContext context) {
  var reader = context.reader;
  var imageKey = reader.images![page - 1];
-  if (imageKey.startsWith('file://')) {
-    return FileImage(openFilePlatform(imageKey.replaceFirst("file://", '')));
-  } else {
-    return ReaderImageProvider(
-      imageKey,
-      reader.type.comicSource!.key,
-      reader.cid,
-      reader.eid,
-    );
-  }
+  return _createImageProviderFromKey(imageKey, context);
 }

 void _precacheImage(int page, BuildContext context) {
--- a/lib/pages/reader/loading.dart
+++ b/lib/pages/reader/loading.dart
@@ -0,0 +1,103 @@
+part of 'reader.dart';
+
+class ReaderWithLoading extends StatefulWidget {
+  const ReaderWithLoading({
+    super.key,
+    required this.id,
+    required this.sourceKey,
+  });
+
+  final String id;
+
+  final String sourceKey;
+
+  @override
+  State<ReaderWithLoading> createState() => _ReaderWithLoadingState();
+}
+
+class _ReaderWithLoadingState
+    extends LoadingState<ReaderWithLoading, ReaderProps> {
+  @override
+  Widget buildContent(BuildContext context, ReaderProps data) {
+    return Reader(
+      type: data.type,
+      cid: data.cid,
+      name: data.name,
+      chapters: data.chapters,
+      history: data.history,
+      initialChapter: data.history.ep,
+      initialPage: data.history.page,
+    );
+  }
+
+  @override
+  Future<Res<ReaderProps>> loadData() async {
+    var comicSource = ComicSource.find(widget.sourceKey);
+    var history = HistoryManager().findSync(
+      widget.id,
+      ComicType.fromKey(widget.sourceKey),
+    );
+    if (comicSource == null) {
+      var localComic = LocalManager().find(
+        widget.id,
+        ComicType.fromKey(widget.sourceKey),
+      );
+      if (localComic == null) {
+        return Res.error("comic not found");
+      }
+      return Res(
+        ReaderProps(
+          type: ComicType.fromKey(widget.sourceKey),
+          cid: widget.id,
+          name: localComic.title,
+          chapters: localComic.chapters,
+          history: history ??
+              History.fromModel(
+                model: localComic,
+                ep: 0,
+                page: 0,
+              ),
+        ),
+      );
+    } else {
+      var comic = await comicSource.loadComicInfo!(widget.id);
+      if (comic.error) {
+        return Res.fromErrorRes(comic);
+      }
+      return Res(
+        ReaderProps(
+          type: ComicType.fromKey(widget.sourceKey),
+          cid: widget.id,
+          name: comic.data.title,
+          chapters: comic.data.chapters,
+          history: history ??
+              History.fromModel(
+                model: comic.data,
+                ep: 0,
+                page: 0,
+              ),
+        ),
+      );
+    }
+  }
+}
+
+class ReaderProps {
+  final ComicType type;
+
+  final String cid;
+
+  final String name;
+
+  final Map<String, String>? chapters;
+
+  final History history;
+
+  const ReaderProps({
+    required this.type,
+    required this.cid,
+    required this.name,
+    required this.chapters,
+    required this.history,
+  });
+}
--- a/lib/pages/reader/reader.dart
+++ b/lib/pages/reader/reader.dart
@@ -1,6 +1,7 @@
-library venera_reader;
+library;

 import 'dart:async';
+import 'dart:math' as math;

 import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
@@ -8,6 +9,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:flutter/scheduler.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_memory_info/flutter_memory_info.dart';
 import 'package:photo_view/photo_view.dart';
 import 'package:photo_view/photo_view_gallery.dart';
 import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
@@ -16,10 +18,13 @@ import 'package:venera/components/custom_slider.dart';
 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/cache_manager.dart';
+import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/comic_type.dart';
 import 'package:venera/foundation/history.dart';
 import 'package:venera/foundation/image_provider/reader_image.dart';
 import 'package:venera/foundation/local.dart';
+import 'package:venera/foundation/log.dart';
+import 'package:venera/foundation/res.dart';
 import 'package:venera/pages/settings/settings_page.dart';
 import 'package:venera/utils/data_sync.dart';
 import 'package:venera/utils/file_type.dart';
@@ -33,6 +38,7 @@ part 'scaffold.dart';
 part 'images.dart';
 part 'gesture.dart';
 part 'comic_image.dart';
+part 'loading.dart';

 extension _ReaderContext on BuildContext {
  _ReaderState get reader => findAncestorStateOfType<_ReaderState>()!;
@@ -59,7 +65,7 @@ class Reader extends StatefulWidget {

  final String name;

-  /// Map<Chapter ID, Chapter Name>.
+  /// key: Chapter ID, value: Chapter Name
  /// null if the comic is a gallery
  final Map<String, String>? chapters;

@@ -82,7 +88,8 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
  }

  @override
-  int get maxPage => images?.length ?? 1;
+  int get maxPage =>
+      ((images?.length ?? 1) + imagesPerPage - 1) ~/ imagesPerPage;

  ComicType get type => widget.type;

@@ -94,6 +101,30 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {

  late ReaderMode mode;

+  int get imagesPerPage => appdata.settings['readerScreenPicNumber'] ?? 1;
+
+  int _lastImagesPerPage = appdata.settings['readerScreenPicNumber'] ?? 1;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _checkImagesPerPageChange();
+  }
+
+  void _checkImagesPerPageChange() {
+    int currentImagesPerPage = imagesPerPage;
+    if (_lastImagesPerPage != currentImagesPerPage) {
+      _adjustPageForImagesPerPageChange(_lastImagesPerPage, currentImagesPerPage);
+      _lastImagesPerPage = currentImagesPerPage;
+    }
+  }
+
+  void _adjustPageForImagesPerPageChange(int oldImagesPerPage, int newImagesPerPage) {
+    int previousImageIndex = (page - 1) * oldImagesPerPage;
+    int newPage = (previousImageIndex ~/ newImagesPerPage) + 1;
+    page = newPage;
+  }
+
  History? history;

  @override
@@ -116,9 +147,27 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
    if(appdata.settings['enableTurnPageByVolumeKey']) {
      handleVolumeEvent();
    }
+    setImageCacheSize();
    super.initState();
  }

+  void setImageCacheSize() async {
+    var availableRAM = await MemoryInfo.getFreePhysicalMemorySize();
+    if (availableRAM == null) return;
+    int maxImageCacheSize;
+    if (availableRAM < 1 << 30) {
+      maxImageCacheSize = 100 << 20;
+    } else if (availableRAM < 2 << 30) {
+      maxImageCacheSize = 200 << 20;
+    } else if (availableRAM < 4 << 30) {
+      maxImageCacheSize = 300 << 20;
+    } else {
+      maxImageCacheSize = 500 << 20;
+    }
+    Log.info("Reader", "Detect available RAM: $availableRAM, set image cache size to $maxImageCacheSize");
+    PaintingBinding.instance.imageCache.maximumSizeBytes = maxImageCacheSize;
+  }
+
  @override
  void dispose() {
    autoPageTurningTimer?.cancel();
@@ -128,11 +177,13 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
    Future.microtask(() {
      DataSync().onDataChanged();
    });
+    PaintingBinding.instance.imageCache.maximumSizeBytes = 100 << 20;
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
+    _checkImagesPerPageChange();
    return KeyboardListener(
      focusNode: focusNode,
      autofocus: true,
@@ -161,7 +212,11 @@ class _ReaderState extends State<Reader> with _ReaderLocation, _ReaderWindow {
    if(history != null) {
      history!.page = page;
      history!.ep = chapter;
+      if (maxPage > 1) {
+        history!.maxPage = maxPage;
+      }
      history!.readEpisode.add(chapter);
+      history!.time = DateTime.now();
      HistoryManager().addHistory(history!);
    }
  }
--- a/lib/pages/reader/scaffold.dart
+++ b/lib/pages/reader/scaffold.dart
@@ -167,10 +167,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      child: Container(
        padding: EdgeInsets.only(top: context.padding.top),
        decoration: BoxDecoration(
-          color: context.colorScheme.surface.withOpacity(0.82),
+          color: context.colorScheme.surface.toOpacity(0.82),
          border: Border(
            bottom: BorderSide(
-              color: Colors.grey.withOpacity(0.5),
+              color: Colors.grey.toOpacity(0.5),
              width: 0.5,
            ),
          ),
@@ -357,10 +357,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
    return BlurEffect(
      child: Container(
        decoration: BoxDecoration(
-          color: context.colorScheme.surface.withOpacity(0.82),
+          color: context.colorScheme.surface.toOpacity(0.82),
          border: Border(
            top: BorderSide(
-              color: Colors.grey.withOpacity(0.5),
+              color: Colors.grey.toOpacity(0.5),
              width: 0.5,
            ),
          ),
@@ -456,58 +456,63 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      var imagesOnScreen =
          continuesState.itemPositionsListener.itemPositions.value;
      var images = imagesOnScreen
-          .map((e) => context.reader.images![e.index - 1])
+          .map((e) => context.reader.images!.elementAtOrNull(e.index - 1))
+          .whereType<String>()
          .toList();
      String? selected;
-      await showPopUpWidget(
-        context,
-        PopUpWidgetScaffold(
-          title: "Select an image on screen".tl,
-          body: GridView.builder(
-            itemCount: images.length,
-            itemBuilder: (context, index) {
-              ImageProvider image;
-              var imageKey = images[index];
-              if (imageKey.startsWith('file://')) {
-                image = FileImage(openFilePlatform(imageKey.replaceFirst("file://", '')));
-              } else {
-                image = ReaderImageProvider(
-                  imageKey,
-                  reader.type.comicSource!.key,
-                  reader.cid,
-                  reader.eid,
-                );
-              }
-              return InkWell(
-                borderRadius: const BorderRadius.all(Radius.circular(16)),
-                onTap: () {
-                  selected = images[index];
-                  App.rootContext.pop();
-                },
-                child: Container(
-                  decoration: BoxDecoration(
-                    borderRadius: const BorderRadius.all(Radius.circular(16)),
-                    border: Border.all(
-                      color: Theme.of(context).colorScheme.outline,
+      if (images.length > 1) {
+        await showPopUpWidget(
+          context,
+          PopUpWidgetScaffold(
+            title: "Select an image on screen".tl,
+            body: GridView.builder(
+              itemCount: images.length,
+              itemBuilder: (context, index) {
+                ImageProvider image;
+                var imageKey = images[index];
+                if (imageKey.startsWith('file://')) {
+                  image = FileImage(File(imageKey.replaceFirst("file://", '')));
+                } else {
+                  image = ReaderImageProvider(
+                    imageKey,
+                    reader.type.comicSource!.key,
+                    reader.cid,
+                    reader.eid,
+                  );
+                }
+                return InkWell(
+                  borderRadius: const BorderRadius.all(Radius.circular(16)),
+                  onTap: () {
+                    selected = images[index];
+                    App.rootContext.pop();
+                  },
+                  child: Container(
+                    decoration: BoxDecoration(
+                      borderRadius: const BorderRadius.all(Radius.circular(16)),
+                      border: Border.all(
+                        color: Theme.of(context).colorScheme.outline,
+                      ),
                    ),
-                  ),
-                  width: double.infinity,
-                  height: double.infinity,
-                  child: Image(
                    width: double.infinity,
                    height: double.infinity,
-                    image: image,
+                    child: Image(
+                      width: double.infinity,
+                      height: double.infinity,
+                      image: image,
+                    ),
                  ),
-                ),
-              ).padding(const EdgeInsets.all(8));
-            },
-            gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
-              maxCrossAxisExtent: 200,
-              childAspectRatio: 0.7,
+                ).padding(const EdgeInsets.all(8));
+              },
+              gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                maxCrossAxisExtent: 200,
+                childAspectRatio: 0.7,
+              ),
            ),
          ),
-        ),
-      );
+        );
+      } else {
+        selected = images.first;
+      }
      if (selected == null) {
        return null;
      } else {
@@ -515,7 +520,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
      }
    }
    if (imageKey.startsWith("file://")) {
-      return await openFilePlatform(imageKey.substring(7)).readAsBytes();
+      return await File(imageKey.substring(7)).readAsBytes();
    } else {
      return (await CacheManager().findCache(
              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
@@ -641,7 +646,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                      color: Theme.of(context)
                          .colorScheme
                          .surfaceTint
-                          .withOpacity(0.2),
+                          .toOpacity(0.2),
                      child: const SizedBox.expand(),
                    ),
                  ),
--- a/lib/pages/search_page.dart
+++ b/lib/pages/search_page.dart
@@ -7,6 +7,7 @@ import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/state_controller.dart';
+import 'package:venera/pages/aggregated_search_page.dart';
 import 'package:venera/pages/search_result_page.dart';
 import 'package:venera/utils/app_links.dart';
 import 'package:venera/utils/ext.dart';
@@ -27,6 +28,8 @@ class _SearchPageState extends State<SearchPage> {

  String searchTarget = "";

+  bool aggregatedSearch = false;
+
  var focusNode = FocusNode();

  var options = <String>[];
@@ -36,15 +39,21 @@ class _SearchPageState extends State<SearchPage> {
  }

  void search([String? text]) {
-    context
-        .to(
-          () => SearchResultPage(
-            text: text ?? controller.text,
-            sourceKey: searchTarget,
-            options: options,
-          ),
-        )
-        .then((_) => update());
+    if (aggregatedSearch) {
+      context
+          .to(() => AggregatedSearchPage(keyword: text ?? controller.text))
+          .then((_) => update());
+    } else {
+      context
+          .to(
+            () => SearchResultPage(
+              text: text ?? controller.text,
+              sourceKey: searchTarget,
+              options: options,
+            ),
+          )
+          .then((_) => update());
+    }
  }

  var suggestions = <Pair<String, TranslationType>>[];
@@ -130,7 +139,9 @@ class _SearchPageState extends State<SearchPage> {
  @override
  void initState() {
    var defaultSearchTarget = appdata.settings['defaultSearchTarget'];
-    if (defaultSearchTarget != null &&
+    if (defaultSearchTarget == "_aggregated_") {
+      aggregatedSearch = true;
+    } else if (defaultSearchTarget != null &&
        ComicSource.find(defaultSearchTarget) != null) {
      searchTarget = defaultSearchTarget;
    } else {
@@ -189,6 +200,7 @@ class _SearchPageState extends State<SearchPage> {
          children: [
            ListTile(
              contentPadding: EdgeInsets.zero,
+              leading: const Icon(Icons.search),
              title: Text("Search in".tl),
            ),
            Wrap(
@@ -197,8 +209,9 @@ class _SearchPageState extends State<SearchPage> {
              children: sources.map((e) {
                return OptionChip(
                  text: e.name,
-                  isSelected: searchTarget == e.key,
+                  isSelected: searchTarget == e.key || aggregatedSearch,
                  onTap: () {
+                    if (aggregatedSearch) return;
                    setState(() {
                      searchTarget = e.key;
                      useDefaultOptions();
@@ -207,6 +220,18 @@ class _SearchPageState extends State<SearchPage> {
                );
              }).toList(),
            ),
+            ListTile(
+              contentPadding: EdgeInsets.zero,
+              title: Text("Aggregated Search".tl),
+              leading: Checkbox(
+                value: aggregatedSearch,
+                onChanged: (value) {
+                  setState(() {
+                    aggregatedSearch = value ?? false;
+                  });
+                },
+              ),
+            ),
          ],
        ),
      ),
@@ -221,6 +246,10 @@ class _SearchPageState extends State<SearchPage> {
  }

  Widget buildSearchOptions() {
+    if (aggregatedSearch) {
+      return const SliverToBoxAdapter(child: SizedBox());
+    }
+
    var children = <Widget>[];

    final searchOptions =
@@ -262,9 +291,9 @@ class _SearchPageState extends State<SearchPage> {
      delegate: SliverChildBuilderDelegate(
        (context, index) {
          if (index == 0) {
-            return const Divider(
-              thickness: 0.6,
-            ).paddingTop(16);
+            return const SizedBox(
+              height: 16,
+            );
          }
          if (index == 1) {
            return ListTile(
--- a/lib/pages/search_result_page.dart
+++ b/lib/pages/search_result_page.dart
@@ -14,14 +14,14 @@ class SearchResultPage extends StatefulWidget {
    super.key,
    required this.text,
    required this.sourceKey,
-    required this.options,
+    this.options,
  });

  final String text;

  final String sourceKey;

-  final List<String> options;
+  final List<String>? options;

  @override
  State<SearchResultPage> createState() => _SearchResultPageState();
@@ -45,8 +45,9 @@ class _SearchResultPageState extends State<SearchResultPage> {
      if (suggestionsController.entry != null) {
        suggestionsController.remove();
      }
+      text = checkAutoLanguage(text);
      setState(() {
-        this.text = text;
+        this.text = text!;
      });
      appdata.addSearchHistory(text);
      controller.currentText = text;
@@ -92,14 +93,34 @@ class _SearchResultPageState extends State<SearchResultPage> {
    super.dispose();
  }

+  String checkAutoLanguage(String text) {
+    var setting = appdata.settings["autoAddLanguageFilter"] ?? 'none';
+    if (setting == 'none') {
+      return text;
+    }
+    var searchSource = sourceKey;
+    // TODO: Move it to a better place
+    const enabledSources = [
+      'nhentai',
+      'ehentai',
+    ];
+    if (!enabledSources.contains(searchSource)) {
+      return text;
+    }
+    if (!text.contains('language:')) {
+      return '$text language:$setting';
+    }
+    return text;
+  }
+
  @override
  void initState() {
+    sourceKey = widget.sourceKey;
    controller = SearchBarController(
-      currentText: widget.text,
+      currentText: checkAutoLanguage(widget.text),
      onSearch: search,
    );
-    sourceKey = widget.sourceKey;
-    options = widget.options;
+    options = widget.options ?? const [];
    validateOptions();
    text = widget.text;
    appdata.addSearchHistory(text);
@@ -162,6 +183,12 @@ class _SearchResultPageState extends State<SearchResultPage> {
      child: IconButton(
        icon: const Icon(Icons.tune),
        onPressed: () async {
+          if (suggestionOverlay != null) {
+            suggestionsController.remove();
+          }
+
+          var previousOptions = options;
+          var previousSourceKey = sourceKey;
          await showDialog(
            context: context,
            useRootNavigator: true,
@@ -169,7 +196,11 @@ class _SearchResultPageState extends State<SearchResultPage> {
              return _SearchSettingsDialog(state: this);
            },
          );
-          setState(() {});
+          if (previousOptions != options || previousSourceKey != sourceKey) {
+            text = checkAutoLanguage(controller.text);
+            controller.currentText = text;
+            setState(() {});
+          }
        },
      ),
    );
--- a/lib/pages/settings/about.dart
+++ b/lib/pages/settings/about.dart
@@ -61,6 +61,10 @@ class _AboutSettingsState extends State<AboutSettings> {
            },
          ).fixHeight(32),
        ).toSliver(),
+        _SwitchSetting(
+          title: "Check for updates on startup".tl,
+          settingKey: "checkUpdateOnStart",
+        ).toSliver(),
        ListTile(
          title: const Text("Github"),
          trailing: const Icon(Icons.open_in_new),
@@ -68,6 +72,13 @@ class _AboutSettingsState extends State<AboutSettings> {
            launchUrlString("https://github.com/venera-app/venera");
          },
        ).toSliver(),
+        ListTile(
+          title: const Text("Telegram"),
+          trailing: const Icon(Icons.open_in_new),
+          onTap: () {
+            launchUrlString("https://t.me/venera_release");
+          },
+        ).toSliver(),
      ],
    );
  }
@@ -95,7 +106,9 @@ Future<void> checkUpdateUi([bool showMessageIfNoUpdate = true]) async {
            return ContentDialog(
              title: "New version available".tl,
              content: Text(
-                  "A new version is available. Do you want to update now?".tl),
+                      "A new version is available. Do you want to update now?"
+                          .tl)
+                  .paddingHorizontal(8),
              actions: [
                Button.text(
                  onPressed: () {
--- a/lib/pages/settings/app.dart
+++ b/lib/pages/settings/app.dart
@@ -34,25 +34,8 @@ class _AppSettingsState extends State<AppSettings> {
          callback: () async {
            String? result;
            if (App.isAndroid) {
-              var channel = const MethodChannel("venera/storage");
-              var permission = await channel.invokeMethod('');
-              if (permission != true) {
-                context.showMessage(message: "Permission denied".tl);
-                return;
-              }
-              var path = await selectDirectory();
-              if (path != null) {
-                // check if the path is writable
-                var testFile = File(FilePath.join(path, "test"));
-                try {
-                  await testFile.writeAsBytes([1]);
-                  await testFile.delete();
-                } catch (e) {
-                  context.showMessage(message: "Permission denied".tl);
-                  return;
-                }
-                result = path;
-              }
+              var picker = DirectoryPicker();
+              result = (await picker.pickDirectory())?.path;
            } else if (App.isIOS) {
              result = await selectDirectoryIOS();
            } else {
@@ -127,16 +110,23 @@ class _AppSettingsState extends State<AppSettings> {
          title: "Import App Data".tl,
          callback: () async {
            var controller = showLoadingDialog(context);
-            var file = await selectFile(ext: ['venera']);
+            var file = await selectFile(ext: ['venera', 'picadata']);
            if (file != null) {
-              var cacheFile = File(FilePath.join(App.cachePath, "temp.venera"));
+              var cacheFile = File(FilePath.join(App.cachePath, "import_data_temp"));
              await file.saveTo(cacheFile.path);
              try {
-                await importAppData(cacheFile);
+                if(file.name.endsWith('picadata')) {
+                  await importPicaData(cacheFile);
+                } else {
+                  await importAppData(cacheFile);
+                }
              } catch (e, s) {
                Log.error("Import data", e.toString(), s);
                context.showMessage(message: "Failed to import data".tl);
              }
+              finally {
+                cacheFile.deleteIgnoreError();
+              }
            }
            controller.close();
          },
--- a/lib/pages/settings/appearance.dart
+++ b/lib/pages/settings/appearance.dart
@@ -29,6 +29,7 @@ class _AppearanceSettingsState extends State<AppearanceSettings> {
          title: "Theme Color".tl,
          settingKey: "color",
          optionTranslation: {
+            "system": "System".tl,
            "red": "Red".tl,
            "pink": "Pink".tl,
            "purple": "Purple".tl,
--- a/lib/pages/settings/explore_settings.dart
+++ b/lib/pages/settings/explore_settings.dart
@@ -88,13 +88,37 @@ class _ExploreSettingsState extends State<ExploreSettings> {
          title: "Keyword blocking".tl,
          builder: () => const _ManageBlockingWordView(),
        ).toSliver(),
+        SelectSetting(
+          title: "Default Search Target".tl,
+          settingKey: "defaultSearchTarget",
+          optionTranslation: {
+            '_aggregated_': "Aggregated".tl,
+            ...((){
+              var map = <String, String>{};
+              for (var c in ComicSource.all()) {
+                map[c.key] = c.name;
+              }
+              return map;
+            }()),
+          },
+        ).toSliver(),
+        SelectSetting(
+          title: "Auto Language Filters".tl,
+          settingKey: "autoAddLanguageFilter",
+          optionTranslation: {
+            'none': "None".tl,
+            'chinese': "Chinese",
+            'english': "English",
+            'japanese': "Japanese",
+          },
+        ).toSliver(),
      ],
    );
  }
 }

 class _ManageBlockingWordView extends StatefulWidget {
-  const _ManageBlockingWordView({super.key});
+  const _ManageBlockingWordView();

  @override
  State<_ManageBlockingWordView> createState() =>
@@ -135,7 +159,7 @@ class _ManageBlockingWordViewState extends State<_ManageBlockingWordView> {
  void add() {
    showDialog(
      context: App.rootContext,
-      barrierColor: Colors.black.withOpacity(0.1),
+      barrierColor: Colors.black.toOpacity(0.1),
      builder: (context) {
        var controller = TextEditingController();
        String? error;
@@ -150,7 +174,7 @@ class _ManageBlockingWordViewState extends State<_ManageBlockingWordView> {
                errorText: error,
              ),
              onChanged: (s) {
-                if(error != null){
+                if (error != null) {
                  setState(() {
                    error = null;
                  });
@@ -160,7 +184,8 @@ class _ManageBlockingWordViewState extends State<_ManageBlockingWordView> {
            actions: [
              Button.filled(
                onPressed: () {
-                  if(appdata.settings["blockedWords"].contains(controller.text)){
+                  if (appdata.settings["blockedWords"]
+                      .contains(controller.text)) {
                    setState(() {
                      error = "Keyword already exists".tl;
                    });
--- a/lib/pages/settings/local_favorites.dart
+++ b/lib/pages/settings/local_favorites.dart
@@ -16,18 +16,18 @@ class _LocalFavoritesSettingsState extends State<LocalFavoritesSettings> {
        SelectSetting(
          title: "Add new favorite to".tl,
          settingKey: "newFavoriteAddTo",
-          optionTranslation: const {
-            "start": "Start",
-            "end": "End",
+          optionTranslation: {
+            "start": "Start".tl,
+            "end": "End".tl,
          },
        ).toSliver(),
        SelectSetting(
          title: "Move favorite after reading".tl,
          settingKey: "moveFavoriteAfterRead",
-          optionTranslation: const {
-            "none": "None",
-            "end": "End",
-            "start": "Start",
+          optionTranslation: {
+            "none": "None".tl,
+            "end": "End".tl,
+            "start": "Start".tl,
          },
        ).toSliver(),
        SelectSetting(
@@ -48,6 +48,14 @@ class _LocalFavoritesSettingsState extends State<LocalFavoritesSettings> {
          },
          actionTitle: 'Delete'.tl,
        ).toSliver(),
+        SelectSetting(
+          title: "Click favorite".tl,
+          settingKey: "onClickFavorite",
+          optionTranslation: {
+            "viewDetail": "View Detail".tl,
+            "read": "Read".tl,
+          },
+        ).toSliver(),
      ],
    );
  }
--- a/lib/pages/settings/network.dart
+++ b/lib/pages/settings/network.dart
@@ -17,6 +17,10 @@ class _NetworkSettingsState extends State<NetworkSettings> {
          title: "Proxy".tl,
          builder: () => const _ProxySettingView(),
        ).toSliver(),
+        _PopupWindowSetting(
+          title: "DNS Overrides".tl,
+          builder: () => const _DNSOverrides(),
+        ).toSliver(),
        _SliderSetting(
          title: "Download Threads".tl,
          settingsIndex: 'downloadThreads',
@@ -42,7 +46,6 @@ class _ProxySettingViewState extends State<_ProxySettingView> {
  String port = '';
  String username = '';
  String password = '';
-  bool ignoreCertificateErrors = false;

  // USERNAME:PASSWORD@HOST:PORT
  String toProxyStr() {
@@ -100,7 +103,6 @@ class _ProxySettingViewState extends State<_ProxySettingView> {
  void initState() {
    var proxy = appdata.settings['proxy'];
    parseProxyString(proxy);
-    ignoreCertificateErrors = appdata.settings['ignoreCertificateErrors'] ?? false;
    super.initState();
  }

@@ -146,17 +148,6 @@ class _ProxySettingViewState extends State<_ProxySettingView> {
              },
            ),
            if (type == 'manual') buildManualProxy(),
-            SwitchListTile(
-              title: Text("Ignore Certificate Errors".tl),
-              value: ignoreCertificateErrors,
-              onChanged: (v) {
-                setState(() {
-                  ignoreCertificateErrors = v;
-                });
-                appdata.settings['ignoreCertificateErrors'] = ignoreCertificateErrors;
-                appdata.saveData();
-              },
-            ),
          ],
        ),
      ),
@@ -250,3 +241,139 @@ class _ProxySettingViewState extends State<_ProxySettingView> {
    ).paddingHorizontal(16).paddingTop(16);
  }
 }
+
+class _DNSOverrides extends StatefulWidget {
+  const _DNSOverrides();
+
+  @override
+  State<_DNSOverrides> createState() => __DNSOverridesState();
+}
+
+class __DNSOverridesState extends State<_DNSOverrides> {
+  var overrides = <(String, String)>[];
+
+  @override
+  void initState() {
+    for (var entry in (appdata.settings['dnsOverrides'] as Map).entries) {
+      if (entry.key is String && entry.value is String) {
+        overrides.add((entry.key, entry.value));
+      }
+    }
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    var map = <String, String>{};
+    for (var entry in overrides) {
+      map[entry.$1] = entry.$2;
+    }
+    appdata.settings['dnsOverrides'] = map;
+    appdata.saveData();
+    JsEngine().resetDio();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PopUpWidgetScaffold(
+      title: "DNS Overrides".tl,
+      body: SingleChildScrollView(
+        child: Column(
+          children: [
+            _SwitchSetting(
+              title: "Enable DNS Overrides".tl,
+              settingKey: "enableDnsOverrides",
+            ),
+            _SwitchSetting(
+              title: "Server Name Indication",
+              settingKey: "sni",
+            ),
+            const SizedBox(height: 8),
+            Container(
+              height: 1,
+              margin: EdgeInsets.symmetric(horizontal: 8),
+              color: context.colorScheme.outlineVariant,
+            ),
+            for (var i = 0; i < overrides.length; i++) buildOverride(i),
+            const SizedBox(height: 8),
+            TextButton.icon(
+              onPressed: () {
+                setState(() {
+                  overrides.add(('', ''));
+                });
+              },
+              icon: const Icon(Icons.add),
+              label: Text("Add".tl),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget buildOverride(int index) {
+    var entry = overrides[index];
+    return Container(
+      height: 48,
+      margin: EdgeInsets.symmetric(horizontal: 8),
+      decoration: BoxDecoration(
+        border: Border(
+          bottom: BorderSide(
+            color: context.colorScheme.outlineVariant,
+          ),
+          left: BorderSide(
+            color: context.colorScheme.outlineVariant,
+          ),
+          right: BorderSide(
+            color: context.colorScheme.outlineVariant,
+          ),
+        ),
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: TextField(
+              decoration: InputDecoration(
+                border: InputBorder.none,
+                hintText: "Domain".tl,
+              ),
+              controller: TextEditingController(text: entry.$1),
+              onChanged: (v) {
+                overrides[index] = (v, entry.$2);
+              },
+            ).paddingHorizontal(8),
+          ),
+          Container(
+            width: 1,
+            color: context.colorScheme.outlineVariant,
+          ),
+          Expanded(
+            child: TextField(
+              decoration: InputDecoration(
+                border: InputBorder.none,
+                hintText: "IP".tl,
+              ),
+              controller: TextEditingController(text: entry.$2),
+              onChanged: (v) {
+                overrides[index] = (entry.$1, v);
+              },
+            ).paddingHorizontal(8),
+          ),
+          Container(
+            width: 1,
+            color: context.colorScheme.outlineVariant,
+          ),
+          IconButton(
+            icon: const Icon(Icons.delete_outline),
+            onPressed: () {
+              setState(() {
+                overrides.removeAt(index);
+              });
+            },
+          ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/pages/settings/reader.dart
+++ b/lib/pages/settings/reader.dart
@@ -41,6 +41,11 @@ class _ReaderSettingsState extends State<ReaderSettings> {
            "continuousTopToBottom": "Continuous (Top to Bottom)".tl,
          },
          onChanged: () {
+            var readerMode = appdata.settings['readerMode'];
+            if (readerMode?.toLowerCase().startsWith('continuous') ?? false) {
+              appdata.settings['readerScreenPicNumber'] = 1;
+              widget.onChanged?.call('readerScreenPicNumber');
+            }
            widget.onChanged?.call("readerMode");
          },
        ).toSliver(),
@@ -54,6 +59,33 @@ class _ReaderSettingsState extends State<ReaderSettings> {
            widget.onChanged?.call("autoPageTurningInterval");
          },
        ).toSliver(),
+        SliverToBoxAdapter(
+          child: AbsorbPointer(
+            absorbing: (appdata.settings['readerMode']
+                    ?.toLowerCase()
+                    .startsWith('continuous') ??
+                false),
+            child: AnimatedOpacity(
+              opacity: (appdata.settings['readerMode']
+                          ?.toLowerCase()
+                          .startsWith('continuous') ??
+                      false)
+                  ? 0.5
+                  : 1.0,
+              duration: Duration(milliseconds: 300),
+              child: _SliderSetting(
+                title: "The number of pic in screen (Only Gallery Mode)".tl,
+                settingsIndex: "readerScreenPicNumber",
+                interval: 1,
+                min: 1,
+                max: 5,
+                onChanged: () {
+                  widget.onChanged?.call("readerScreenPicNumber");
+                },
+              ),
+            ),
+          ),
+        ),
        _SwitchSetting(
          title: 'Long press to zoom'.tl,
          settingKey: 'enableLongPressToZoom',
@@ -69,7 +101,7 @@ class _ReaderSettingsState extends State<ReaderSettings> {
            widget.onChanged?.call('limitImageWidth');
          },
        ).toSliver(),
-        if(App.isAndroid)
+        if (App.isAndroid)
          _SwitchSetting(
            title: 'Turn page by volume keys'.tl,
            settingKey: 'enableTurnPageByVolumeKey',
@@ -84,7 +116,67 @@ class _ReaderSettingsState extends State<ReaderSettings> {
            widget.onChanged?.call("enableClockAndBatteryInfoInReader");
          },
        ).toSliver(),
+        _PopupWindowSetting(
+          title: "Custom Image Processing".tl,
+          builder: () => _CustomImageProcessing(),
+        ).toSliver(),
      ],
    );
  }
 }
+
+class _CustomImageProcessing extends StatefulWidget {
+  const _CustomImageProcessing();
+
+  @override
+  State<_CustomImageProcessing> createState() => __CustomImageProcessingState();
+}
+
+class __CustomImageProcessingState extends State<_CustomImageProcessing> {
+  var current = '';
+
+  @override
+  void initState() {
+    super.initState();
+    current = appdata.settings['customImageProcessing'];
+  }
+
+  @override
+  void dispose() {
+    appdata.settings['customImageProcessing'] = current;
+    appdata.saveData();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PopUpWidgetScaffold(
+      title: "Custom Image Processing".tl,
+      body: Column(
+        children: [
+          _SwitchSetting(
+            title: "Enable".tl,
+            settingKey: "enableCustomImageProcessing",
+          ),
+          Expanded(
+            child: Container(
+              margin: EdgeInsets.all(8),
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(4),
+                border: Border.all(color: context.colorScheme.outlineVariant),
+              ),
+              child: SizedBox.expand(
+                child: CodeEditor(
+                  initialValue: appdata.settings['customImageProcessing'],
+                  onChanged: (value) {
+                    current = value;
+                  },
+                ),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
--- a/lib/pages/settings/setting_components.dart
+++ b/lib/pages/settings/setting_components.dart
@@ -384,7 +384,7 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
  Widget build(BuildContext context) {
    var tiles = keys.map((e) => buildItem(e)).toList();

-    var view = ReorderableBuilder(
+    var view = ReorderableBuilder<String>(
      key: reorderWidgetKey,
      scrollController: scrollController,
      longPressDelay: App.isDesktop
@@ -542,7 +542,7 @@ class _SettingPartTitle extends StatelessWidget {
        decoration: BoxDecoration(
          border: Border(
            bottom: BorderSide(
-              color: context.colorScheme.onSurface.withOpacity(0.1),
+              color: context.colorScheme.onSurface.withValues(alpha: 0.1),
            ),
          ),
        ),
--- a/lib/pages/settings/settings_page.dart
+++ b/lib/pages/settings/settings_page.dart
@@ -12,6 +12,7 @@ import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/cache_manager.dart';
 import 'package:venera/foundation/comic_source/comic_source.dart';
 import 'package:venera/foundation/favorites.dart';
+import 'package:venera/foundation/js_engine.dart';
 import 'package:venera/foundation/local.dart';
 import 'package:venera/foundation/log.dart';
 import 'package:venera/network/app_dio.dart';
@@ -178,8 +179,9 @@ class _SettingsPageState extends State<SettingsPage> implements PopEntry {
          Positioned.fill(child: buildLeft()),
          Positioned(
            left: offset,
-            width: MediaQuery.of(context).size.width,
-            height: MediaQuery.of(context).size.height,
+            right: 0,
+            top: 0,
+            bottom: 0,
            child: Listener(
              onPointerDown: handlePointerDown,
              child: AnimatedSwitcher(
@@ -266,7 +268,7 @@ class _SettingsPageState extends State<SettingsPage> implements PopEntry {
        height: 46,
        padding: const EdgeInsets.fromLTRB(12, 0, 12, 0),
        decoration: BoxDecoration(
-          color: selected ? colors.primaryContainer.withOpacity(0.36) : null,
+          color: selected ? colors.primaryContainer.toOpacity(0.36) : null,
          border: Border(
            left: BorderSide(
              color: selected ? colors.primary : Colors.transparent,
--- a/lib/pages/webview.dart
+++ b/lib/pages/webview.dart
@@ -8,6 +8,7 @@ import 'package:flutter_inappwebview/flutter_inappwebview.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:venera/components/components.dart';
 import 'package:venera/foundation/app.dart';
+import 'package:venera/foundation/appdata.dart';
 import 'package:venera/network/app_dio.dart';
 import 'package:venera/utils/ext.dart';
 import 'package:venera/utils/translations.dart';
@@ -83,6 +84,33 @@ class _AppWebviewState extends State<AppWebview> {

  double _progress = 0;

+  late var future = _createWebviewEnvironment();
+
+  Future<WebViewEnvironment> _createWebviewEnvironment() async {
+    var proxy = appdata.settings['proxy'].toString();
+    if (proxy != "system" && proxy != "direct") {
+      var proxyAvailable = await WebViewFeature.isFeatureSupported(
+          WebViewFeature.PROXY_OVERRIDE);
+      if (proxyAvailable) {
+        ProxyController proxyController = ProxyController.instance();
+        await proxyController.clearProxyOverride();
+        if (!proxy.contains("://")) {
+          proxy = "http://$proxy";
+        }
+        await proxyController.setProxyOverride(
+          settings: ProxySettings(
+            proxyRules: [ProxyRule(url: proxy)],
+          ),
+        );
+      }
+    }
+    return WebViewEnvironment.create(
+      settings: WebViewEnvironmentSettings(
+        userDataFolder: "${App.dataPath}\\webview",
+      ),
+    );
+  }
+
  @override
  Widget build(BuildContext context) {
    final actions = [
@@ -121,20 +149,17 @@ class _AppWebviewState extends State<AppWebview> {

    Widget body = (App.isWindows && AppWebview.webViewEnvironment == null)
        ? FutureBuilder(
-            future: WebViewEnvironment.create(
-              settings: WebViewEnvironmentSettings(
-                userDataFolder: "${App.dataPath}\\webview",
-              ),
-            ),
+            future: future,
            builder: (context, e) {
-              if(e.error != null) {
+              if (e.error != null) {
                return Center(child: Text("Error: ${e.error}"));
              }
-              if(e.data == null) {
+              if (e.data == null) {
                return const Center(child: CircularProgressIndicator());
              }
              AppWebview.webViewEnvironment = e.data;
-              return createWebviewWithEnvironment(AppWebview.webViewEnvironment);
+              return createWebviewWithEnvironment(
+                  AppWebview.webViewEnvironment);
            },
          )
        : createWebviewWithEnvironment(AppWebview.webViewEnvironment);
--- a/lib/utils/cbz.dart
+++ b/lib/utils/cbz.dart
@@ -1,5 +1,4 @@
 import 'dart:convert';
-import 'dart:isolate';

 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/comic_type.dart';
@@ -63,7 +62,7 @@ abstract class CBZ {
    var cache = Directory(FilePath.join(App.cachePath, 'cbz_import'));
    if (cache.existsSync()) cache.deleteSync(recursive: true);
    cache.createSync();
-    await Isolate.run(() => ZipFile.openAndExtract(file.path, cache.path));
+    await ZipFile.openAndExtractAsync(file.path, cache.path, 4);
    var metaDataFile = File(FilePath.join(cache.path, 'metadata.json'));
    ComicMetaData? metaData;
    if (metaDataFile.existsSync()) {
@@ -104,14 +103,14 @@ abstract class CBZ {
      FilePath.join(LocalManager().path, sanitizeFileName(metaData.title)),
    );
    dest.createSync();
-    coverFile.copy(
-        FilePath.join(dest.path, 'cover.${coverFile.path.split('.').last}'));
+    coverFile.copyMem(
+        FilePath.join(dest.path, 'cover.${coverFile.extension}'));
    if (metaData.chapters == null) {
      for (var i = 0; i < files.length; i++) {
        var src = files[i];
        var dst = File(
            FilePath.join(dest.path, '${i + 1}.${src.path.split('.').last}'));
-        await src.copy(dst.path);
+        await src.copyMem(dst.path);
      }
    } else {
      dest.createSync();
@@ -129,7 +128,7 @@ abstract class CBZ {
          var src = chapter.value[i];
          var dst = File(FilePath.join(
              chapterDir.path, '${i + 1}.${src.path.split('.').last}'));
-          await src.copy(dst.path);
+          await src.copyMem(dst.path);
        }
      }
    }
@@ -142,10 +141,9 @@ abstract class CBZ {
      directory: dest.name,
      chapters: cpMap,
      downloadedChapters: cpMap?.keys.toList() ?? [],
-      cover: 'cover.${coverFile.path.split('.').last}',
+      cover: 'cover.${coverFile.extension}',
      createdAt: DateTime.now(),
    );
-    LocalManager().add(comic);
    await cache.delete(recursive: true);
    return comic;
  }
@@ -164,7 +162,7 @@ abstract class CBZ {
        var dstName =
            '${i.toString().padLeft(width, '0')}.${image.split('.').last}';
        var dst = File(FilePath.join(cache.path, dstName));
-        await src.copy(dst.path);
+        await src.copyMem(dst.path);
        i++;
      }
    } else {
@@ -187,18 +185,18 @@ abstract class CBZ {
      }
      int i = 1;
      for (var image in allImages) {
-        var src = openFilePlatform(image);
+        var src = File(image);
        var width = allImages.length.toString().length;
        var dstName =
            '${i.toString().padLeft(width, '0')}.${image.split('.').last}';
        var dst = File(FilePath.join(cache.path, dstName));
-        await src.copy(dst.path);
+        await src.copyMem(dst.path);
        i++;
      }
    }
    var cover = comic.coverFile;
    await cover
-        .copy(FilePath.join(cache.path, 'cover.${cover.path.split('.').last}'));
+        .copyMem(FilePath.join(cache.path, 'cover.${cover.path.split('.').last}'));
    await File(FilePath.join(cache.path, 'metadata.json')).writeAsString(
      jsonEncode(
        ComicMetaData(
@@ -209,13 +207,14 @@ abstract class CBZ {
        ).toJson(),
      ),
    );
-    var cbz = File(FilePath.join(App.cachePath, '${comic.title}.cbz'));
+    var cbz = File(FilePath.join(App.cachePath, sanitizeFileName('${comic.title}.cbz')));
+    if (cbz.existsSync()) cbz.deleteSync();
    await _compress(cache.path, cbz.path);
    cache.deleteSync(recursive: true);
    return cbz;
  }

  static _compress(String src, String dst) async {
-    await Isolate.run(() => ZipFile.compressFolder(src, dst));
+    await ZipFile.compressFolderAsync(src, dst, 4);
  }
 }
--- a/lib/utils/data.dart
+++ b/lib/utils/data.dart
@@ -1,11 +1,14 @@
 import 'dart:convert';
 import 'dart:isolate';

+import 'package:sqlite3/sqlite3.dart';
 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/comic_source/comic_source.dart';
+import 'package:venera/foundation/comic_type.dart';
 import 'package:venera/foundation/favorites.dart';
 import 'package:venera/foundation/history.dart';
+import 'package:venera/foundation/log.dart';
 import 'package:venera/network/cookie_jar.dart';
 import 'package:zip_flutter/zip_flutter.dart';

@@ -43,61 +46,159 @@ Future<File> exportAppData() async {
 Future<void> importAppData(File file, [bool checkVersion = false]) async {
  var cacheDirPath = FilePath.join(App.cachePath, 'temp_data');
  var cacheDir = Directory(cacheDirPath);
-  await Isolate.run(() {
-    ZipFile.openAndExtract(file.path, cacheDirPath);
-  });
-  var historyFile = cacheDir.joinFile("history.db");
-  var localFavoriteFile = cacheDir.joinFile("local_favorite.db");
-  var appdataFile = cacheDir.joinFile("appdata.json");
-  var cookieFile = cacheDir.joinFile("cookie.db");
-  if (checkVersion && appdataFile.existsSync()) {
-    var data = jsonDecode(await appdataFile.readAsString());
-    var version = data["settings"]["dataVersion"];
-    if (version is int && version <= appdata.settings["dataVersion"]) {
-      return;
-    }
+  if (cacheDir.existsSync()) {
+    cacheDir.deleteSync(recursive: true);
  }
-  if (await historyFile.exists()) {
-    HistoryManager().close();
-    File(FilePath.join(App.dataPath, "history.db")).deleteIfExistsSync();
-    historyFile.renameSync(FilePath.join(App.dataPath, "history.db"));
-    HistoryManager().init();
-  }
-  if (await localFavoriteFile.exists()) {
-    LocalFavoritesManager().close();
-    File(FilePath.join(App.dataPath, "local_favorite.db")).deleteIfExistsSync();
-    localFavoriteFile
-        .renameSync(FilePath.join(App.dataPath, "local_favorite.db"));
-    LocalFavoritesManager().init();
-  }
-  if (await appdataFile.exists()) {
-    // proxy settings & authorization setting should be kept
-    var proxySettings = appdata.settings["proxy"];
-    var authSettings = appdata.settings["authorizationRequired"];
-    File(FilePath.join(App.dataPath, "appdata.json")).deleteIfExistsSync();
-    appdataFile.renameSync(FilePath.join(App.dataPath, "appdata.json"));
-    await appdata.init();
-    appdata.settings["proxy"] = proxySettings;
-    appdata.settings["authorizationRequired"] = authSettings;
-    appdata.saveData();
-  }
-  if (await cookieFile.exists()) {
-    SingleInstanceCookieJar.instance?.dispose();
-    File(FilePath.join(App.dataPath, "cookie.db")).deleteIfExistsSync();
-    cookieFile.renameSync(FilePath.join(App.dataPath, "cookie.db"));
-    SingleInstanceCookieJar.instance =
-        SingleInstanceCookieJar(FilePath.join(App.dataPath, "cookie.db"))
-          ..init();
-  }
-  var comicSourceDir = FilePath.join(cacheDirPath, "comic_source");
-  if (Directory(comicSourceDir).existsSync()) {
-    for (var file in Directory(comicSourceDir).listSync()) {
-      if (file is File) {
-        var targetFile = FilePath.join(App.dataPath, "comic_source", file.name);
-        File(targetFile).deleteIfExistsSync();
-        await file.copy(targetFile);
+  cacheDir.createSync();
+  try {
+    await Isolate.run(() {
+      ZipFile.openAndExtract(file.path, cacheDirPath);
+    });
+    var historyFile = cacheDir.joinFile("history.db");
+    var localFavoriteFile = cacheDir.joinFile("local_favorite.db");
+    var appdataFile = cacheDir.joinFile("appdata.json");
+    var cookieFile = cacheDir.joinFile("cookie.db");
+    if (checkVersion && appdataFile.existsSync()) {
+      var data = jsonDecode(await appdataFile.readAsString());
+      var version = data["settings"]["dataVersion"];
+      if (version is int && version <= appdata.settings["dataVersion"]) {
+        return;
      }
    }
-    await ComicSource.reload();
+    if (await historyFile.exists()) {
+      HistoryManager().close();
+      File(FilePath.join(App.dataPath, "history.db")).deleteIfExistsSync();
+      historyFile.renameSync(FilePath.join(App.dataPath, "history.db"));
+      HistoryManager().init();
+    }
+    if (await localFavoriteFile.exists()) {
+      LocalFavoritesManager().close();
+      File(FilePath.join(App.dataPath, "local_favorite.db"))
+          .deleteIfExistsSync();
+      localFavoriteFile
+          .renameSync(FilePath.join(App.dataPath, "local_favorite.db"));
+      LocalFavoritesManager().init();
+    }
+    if (await appdataFile.exists()) {
+      var content = await appdataFile.readAsString();
+      var data = jsonDecode(content);
+      appdata.syncData(data);
+    }
+    if (await cookieFile.exists()) {
+      SingleInstanceCookieJar.instance?.dispose();
+      File(FilePath.join(App.dataPath, "cookie.db")).deleteIfExistsSync();
+      cookieFile.renameSync(FilePath.join(App.dataPath, "cookie.db"));
+      SingleInstanceCookieJar.instance =
+          SingleInstanceCookieJar(FilePath.join(App.dataPath, "cookie.db"))
+            ..init();
+    }
+    var comicSourceDir = FilePath.join(cacheDirPath, "comic_source");
+    if (Directory(comicSourceDir).existsSync()) {
+      for (var file in Directory(comicSourceDir).listSync()) {
+        if (file is File) {
+          var targetFile =
+              FilePath.join(App.dataPath, "comic_source", file.name);
+          File(targetFile).deleteIfExistsSync();
+          await file.copy(targetFile);
+        }
+      }
+      await ComicSource.reload();
+    }
+  } finally {
+    cacheDir.deleteIgnoreError(recursive: true);
+  }
+}
+
+Future<void> importPicaData(File file) async {
+  var cacheDirPath = FilePath.join(App.cachePath, 'temp_data');
+  var cacheDir = Directory(cacheDirPath);
+  if (cacheDir.existsSync()) {
+    cacheDir.deleteSync(recursive: true);
+  }
+  cacheDir.createSync();
+  try {
+    await Isolate.run(() {
+      ZipFile.openAndExtract(file.path, cacheDirPath);
+    });
+    var localFavoriteFile = cacheDir.joinFile("local_favorite.db");
+    if (localFavoriteFile.existsSync()) {
+      var db = sqlite3.open(localFavoriteFile.path);
+      try {
+        var folderNames = db
+            .select("SELECT name FROM sqlite_master WHERE type='table';")
+            .map((e) => e["name"] as String)
+            .toList();
+        folderNames.removeWhere((e) => e == "folder_order" || e == "folder_sync");
+        for (var folderName in folderNames) {
+          if (!LocalFavoritesManager().existsFolder(folderName)) {
+            LocalFavoritesManager().createFolder(folderName);
+          }
+          for (var comic in db.select("SELECT * FROM \"$folderName\";")) {
+            LocalFavoritesManager().addComic(
+              folderName,
+              FavoriteItem(
+                id: comic['target'],
+                name: comic['name'],
+                coverPath: comic['cover_path'],
+                author: comic['author'],
+                type: ComicType(switch(comic['type']) {
+                  0 => 'picacg'.hashCode,
+                  1 => 'ehentai'.hashCode,
+                  2 => 'jm'.hashCode,
+                  3 => 'hitomi'.hashCode,
+                  4 => 'wnacg'.hashCode,
+                  6 => 'nhentai'.hashCode,
+                  _ => comic['type']
+                }),
+                tags: comic['tags'].split(','),
+              ),
+            );
+          }
+        }
+      }
+      catch(e) {
+        Log.error("Import Data", "Failed to import local favorite: $e");
+      }
+      finally {
+        db.dispose();
+      }
+    }
+    var historyFile = cacheDir.joinFile("history.db");
+    if (historyFile.existsSync()) {
+      var db = sqlite3.open(historyFile.path);
+      try {
+        for (var comic in db.select("SELECT * FROM history;")) {
+          HistoryManager().addHistory(
+            History.fromMap({
+              "type": switch(comic['type']) {
+                0 => 'picacg'.hashCode,
+                1 => 'ehentai'.hashCode,
+                2 => 'jm'.hashCode,
+                3 => 'hitomi'.hashCode,
+                4 => 'wnacg'.hashCode,
+                6 => 'nhentai'.hashCode,
+                _ => comic['type']
+              },
+              "id": comic['target'],
+              "maxPage": comic["max_page"],
+              "ep": comic["ep"],
+              "page": comic["page"],
+              "time": comic["time"],
+              "title": comic["title"],
+              "subtitle": comic["subtitle"],
+              "cover": comic["cover"],
+            }),
+          );
+        }
+      }
+      catch(e) {
+        Log.error("Import Data", "Failed to import history: $e");
+      }
+      finally {
+        db.dispose();
+      }
+    }
+  } finally {
+    cacheDir.deleteIgnoreError(recursive: true);
  }
 }
--- a/lib/utils/data_sync.dart
+++ b/lib/utils/data_sync.dart
@@ -99,7 +99,7 @@ class DataSync with ChangeNotifier {

      try {
        appdata.settings['dataVersion']++;
-        await appdata.saveData();
+        await appdata.saveData(false);
        var data = await exportAppData();
        var time =
            (DateTime.now().millisecondsSinceEpoch ~/ 86400000).toString();
--- a/lib/utils/epub.dart
+++ b/lib/utils/epub.dart
@@ -0,0 +1,210 @@
+import 'dart:isolate';
+
+import 'package:uuid/uuid.dart';
+import 'package:venera/foundation/app.dart';
+import 'package:venera/foundation/local.dart';
+import 'package:venera/utils/file_type.dart';
+import 'package:venera/utils/io.dart';
+import 'package:zip_flutter/zip_flutter.dart';
+
+class EpubData {
+  final String title;
+
+  final String author;
+
+  final File cover;
+
+  final Map<String, List<File>> chapters;
+
+  const EpubData({
+    required this.title,
+    required this.author,
+    required this.cover,
+    required this.chapters,
+  });
+}
+
+Future<File> createEpubComic(EpubData data, String cacheDir) async {
+  final workingDir = Directory(FilePath.join(cacheDir, 'epub'));
+  if (workingDir.existsSync()) {
+    workingDir.deleteSync(recursive: true);
+  }
+  workingDir.createSync(recursive: true);
+
+  // mimetype
+  workingDir.joinFile('mimetype').writeAsStringSync('application/epub+zip');
+
+  // META-INF
+  Directory(FilePath.join(workingDir.path, 'META-INF')).createSync();
+  File(FilePath.join(workingDir.path, 'META-INF', 'container.xml'))
+      .writeAsStringSync('''
+<?xml version="1.0"?>
+<container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container">
+  <rootfiles>
+    <rootfile full-path="content.opf" media-type="application/oebps-package+xml"/>
+  </rootfiles>
+</container>
+  ''');
+
+  Directory(FilePath.join(workingDir.path, 'OEBPS')).createSync();
+
+  // copy images, create html files
+  final imageDir = Directory(FilePath.join(workingDir.path, 'OEBPS', 'images'));
+  imageDir.createSync();
+  final coverExt = data.cover.extension;
+  final coverMime = FileType.fromExtension(coverExt).mime;
+  imageDir
+      .joinFile('cover.$coverExt')
+      .writeAsBytesSync(data.cover.readAsBytesSync());
+  int imgIndex = 0;
+  int chapterIndex = 0;
+  var manifestStrBuilder = StringBuffer();
+  manifestStrBuilder.writeln(
+      '        <item id="cover_image" href="OEBPS/images/cover.$coverExt" media-type="$coverMime"/>');
+  manifestStrBuilder.writeln(
+      '        <item id="toc" href="toc.ncx" media-type="application/x-dtbncx+xml"/>');
+  for (final chapter in data.chapters.keys) {
+    var images = <String>[];
+    for (final image in data.chapters[chapter]!) {
+      final ext = image.extension;
+      imageDir
+          .joinFile('img$imgIndex.$ext')
+          .writeAsBytesSync(image.readAsBytesSync());
+      images.add('images/img$imgIndex.$ext');
+      var mime = FileType.fromExtension(ext).mime;
+      manifestStrBuilder.writeln(
+          '        <item id="img$imgIndex" href="OEBPS/images/img$imgIndex$ext" media-type="$mime"/>');
+      imgIndex++;
+    }
+    var html =
+        File(FilePath.join(workingDir.path, 'OEBPS', '$chapterIndex.html'));
+    html.writeAsStringSync('''
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
+    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title>$chapter</title>
+    <style type="text/css">
+        img { 
+            max-width: 100%;
+            height: auto;
+        }
+        body {
+            margin: 0;
+            padding: 0;
+        }
+    </style>
+</head>
+<body>
+    <h1>$chapter</h1>
+    <div>
+${images.map((e) => '        <img src="$e" alt="$e"/>').join('\n')}
+    </div>
+</body>
+</html>
+    ''');
+    manifestStrBuilder.writeln(
+        '        <item id="chapter$chapterIndex" href="OEBPS/$chapterIndex.html" media-type="application/xhtml+xml"/>');
+    chapterIndex++;
+  }
+
+  // content.opf
+  final contentOpf =
+      File(FilePath.join(workingDir.path, 'content.opf'));
+  final uuid = const Uuid().v4();
+  var spineStrBuilder = StringBuffer();
+  for (var i = 0; i < chapterIndex; i++) {
+    var idRef = 'idref="chapter$i"';
+    spineStrBuilder.writeln('        <itemref $idRef/>');
+  }
+  contentOpf.writeAsStringSync('''
+<?xml version="1.0" encoding="UTF-8"?>
+<package version="3.0" 
+    xmlns="http://www.idpf.org/2007/opf"
+    xmlns:dc="http://purl.org/dc/elements/1.1/">
+    <metadata>
+        <dc:title>${data.title}</dc:title>
+        <dc:creator>${data.author}</dc:creator>
+        <dc:identifier id="book_id">urn:uuid:$uuid</dc:identifier>
+        <meta name="cover" content="cover_image"/>
+    </metadata>
+    <manifest>
+${manifestStrBuilder.toString()}       
+    </manifest>
+    <spine toc="toc">
+${spineStrBuilder.toString()}
+    </spine>
+</package>
+  ''');
+
+  // toc.ncx
+  final tocNcx = File(FilePath.join(workingDir.path, 'toc.ncx'));
+  var navMapStrBuilder = StringBuffer();
+  var playOrder = 2;
+  final chapterNames = data.chapters.keys.toList();
+  for (var i = 0; i < chapterIndex; i++) {
+    navMapStrBuilder
+        .writeln('        <navPoint id="chapter$i" playOrder="$playOrder">');
+    navMapStrBuilder.writeln(
+        '            <navLabel><text>${chapterNames[i]}</text></navLabel>');
+    navMapStrBuilder.writeln('            <content src="OEBPS/$i.html"/>');
+    navMapStrBuilder.writeln('        </navPoint>');
+    playOrder++;
+  }
+
+  tocNcx.writeAsStringSync('''
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE ncx PUBLIC "-//NISO//DTD ncx 2005-1//EN" "http://www.daisy.org/z3986/2005/ncx-2005-1.dtd">
+<ncx xmlns="http://www.daisy.org/z3986/2005/ncx" version="2005-1">
+    <head>
+        <meta name="dtb:uid" content="urn:uuid:$uuid"/>
+        <meta name="dtb:depth" content="1"/>
+        <meta name="dtb:totalPageCount" content="0"/>
+        <meta name="dtb:maxPageNumber" content="0"/>
+    </head>
+    <docTitle>
+        <text>${data.title}</text>
+    </docTitle>
+    <navMap>
+${navMapStrBuilder.toString()}
+    </navMap>
+</ncx>
+  ''');
+
+  // zip
+  final zipPath = FilePath.join(cacheDir, '${data.title}.epub');
+  ZipFile.compressFolder(workingDir.path, zipPath);
+
+  workingDir.deleteSync(recursive: true);
+
+  return File(zipPath);
+}
+
+Future<File> createEpubWithLocalComic(LocalComic comic) async {
+  var chapters = <String, List<File>>{};
+  if (comic.chapters == null) {
+    chapters[comic.title] =
+        (await LocalManager().getImages(comic.id, comic.comicType, 0))
+            .map((e) => File(e))
+            .toList();
+  } else {
+    for (var chapter in comic.chapters!.keys) {
+      chapters[comic.chapters![chapter]!] = (await LocalManager()
+              .getImages(comic.id, comic.comicType, chapter))
+          .map((e) => File(e))
+          .toList();
+    }
+  }
+  var data = EpubData(
+    title: comic.title,
+    author: comic.subtitle,
+    cover: comic.coverFile,
+    chapters: chapters,
+  );
+
+  final cacheDir = App.cachePath;
+
+  return Isolate.run(() => overrideIO(() async {
+        return createEpubComic(data, cacheDir);
+      }));
+}
--- a/lib/utils/file_type.dart
+++ b/lib/utils/file_type.dart
@@ -13,7 +13,7 @@ class FileType {
    var mime = lookupMimeType('no-file.$ext') ?? 'application/octet-stream';
    // Android doesn't support some mime types
    mime = switch(mime) {
-      'text/javascript' => 'application/javascript',
+      'text/javascript' => 'application/octet-stream',
      'application/x-cbr' => 'application/octet-stream',
      _ => mime,
    };
--- a/lib/utils/import_comic.dart
+++ b/lib/utils/import_comic.dart
@@ -20,9 +20,9 @@ class ImportComic {
  const ImportComic({this.selectedFolder, this.copyToLocal = true});

  Future<bool> cbz() async {
-    var file = await selectFile(ext: ['cbz']);
+    var file = await selectFile(ext: ['cbz', 'zip']);
    Map<String?, List<LocalComic>> imported = {};
-    if(file == null) {
+    if (file == null) {
      return false;
    }
    var controller = showLoadingDialog(App.rootContext, allowCancel: false);
@@ -34,7 +34,34 @@ class ImportComic {
      App.rootContext.showMessage(message: e.toString());
    }
    controller.close();
-    return registerComics(imported, true);
+    return registerComics(imported, false);
+  }
+
+  Future<bool> multipleCbz() async {
+    var picker = DirectoryPicker();
+    var dir = await picker.pickDirectory(directAccess: true);
+    if (dir != null) {
+      var files = (await dir.list().toList()).whereType<File>().toList();
+      files.removeWhere((e) => e.extension != 'cbz' && e.extension != 'zip');
+      Map<String?, List<LocalComic>> imported = {};
+      var controller = showLoadingDialog(App.rootContext, allowCancel: false);
+      var comics = <LocalComic>[];
+      for (var file in files) {
+        try {
+          var comic = await CBZ.import(file);
+          comics.add(comic);
+        } catch (e, s) {
+          Log.error("Import Comic", e.toString(), s);
+        }
+      }
+      if (comics.isEmpty) {
+        App.rootContext.showMessage(message: "No valid comics found".tl);
+      }
+      imported[selectedFolder] = comics;
+      controller.close();
+      return registerComics(imported, false);
+    }
+    return false;
  }

  Future<bool> ehViewer() async {
@@ -60,10 +87,10 @@ class ImportComic {
          if (cancelled) {
            return imported;
          }
-          var comicDir = openDirectoryPlatform(
+          var comicDir = Directory(
              FilePath.join(comicSrc.path, comic['DIRNAME'] as String));
          String titleJP =
-          comic['TITLE_JPN'] == null ? "" : comic['TITLE_JPN'] as String;
+              comic['TITLE_JPN'] == null ? "" : comic['TITLE_JPN'] as String;
          String title = titleJP == "" ? comic['TITLE'] as String : titleJP;
          int timeStamp = comic['TIME'] as int;
          DateTime downloadTime = timeStamp != 0
@@ -105,8 +132,7 @@ class ImportComic {
        if (cancelled) {
          break;
        }
-        var folderName =
-        tag == '' ? '(EhViewer)Default'.tl : '(EhViewer)$tag';
+        var folderName = tag == '' ? '(EhViewer)Default'.tl : '(EhViewer)$tag';
        var comicList = db.select("""
              SELECT * 
              FROM DOWNLOAD_DIRNAME DN
@@ -133,7 +159,7 @@ class ImportComic {
      App.rootContext.showMessage(message: e.toString());
    }
    controller.close();
-    if(cancelled) return false;
+    if (cancelled) return false;
    return registerComics(imported, copyToLocal);
  }

@@ -173,11 +199,10 @@ class ImportComic {
  //Automatically search for cover image and chapters
  Future<LocalComic?> _checkSingleComic(Directory directory,
      {String? id,
-        String? title,
-        String? subtitle,
-        List<String>? tags,
-        DateTime? createTime})
-  async {
+      String? title,
+      String? subtitle,
+      List<String>? tags,
+      DateTime? createTime}) async {
    if (!(await directory.exists())) return null;
    var name = title ?? directory.name;
    if (LocalManager().findByName(name) != null) {
@@ -207,17 +232,18 @@ class ImportComic {
      }
    }

-    if(fileList.isEmpty) {
+    if (fileList.isEmpty) {
      return null;
    }

    fileList.sort();
-    coverPath = fileList.firstWhereOrNull((l) => l.startsWith('cover')) ?? fileList.first;
+    coverPath = fileList.firstWhereOrNull((l) => l.startsWith('cover')) ??
+        fileList.first;

    chapters.sort();
    if (hasChapters && coverPath == '') {
      // use the first image in the first chapter as the cover
-      var firstChapter = openDirectoryPlatform('${directory.path}/${chapters.first}');
+      var firstChapter = Directory('${directory.path}/${chapters.first}');
      await for (var entry in firstChapter.list()) {
        if (entry is File) {
          coverPath = entry.name;
@@ -243,26 +269,29 @@ class ImportComic {
    );
  }

-  static Future<Map<String, String>> _copyDirectories(Map<String, dynamic> data) async {
-    var toBeCopied = data['toBeCopied'] as List<String>;
-    var destination = data['destination'] as String;
-    Map<String, String> result = {};
-    for (var dir in toBeCopied) {
-      var source = openDirectoryPlatform(dir);
-      var dest = openDirectoryPlatform("$destination/${source.name}");
-      if (dest.existsSync()) {
-        // The destination directory already exists, and it is not managed by the app.
-        // Rename the old directory to avoid conflicts.
-        Log.info("Import Comic",
-            "Directory already exists: ${source.name}\nRenaming the old directory.");
-        await dest.rename(
-            findValidDirectoryName(dest.parent.path, "${dest.path}_old"));
+  static Future<Map<String, String>> _copyDirectories(
+      Map<String, dynamic> data) async {
+    return overrideIO(() async {
+      var toBeCopied = data['toBeCopied'] as List<String>;
+      var destination = data['destination'] as String;
+      Map<String, String> result = {};
+      for (var dir in toBeCopied) {
+        var source = Directory(dir);
+        var dest = Directory("$destination/${source.name}");
+        if (dest.existsSync()) {
+          // The destination directory already exists, and it is not managed by the app.
+          // Rename the old directory to avoid conflicts.
+          Log.info("Import Comic",
+              "Directory already exists: ${source.name}\nRenaming the old directory.");
+          dest.renameSync(
+              findValidDirectoryName(dest.parent.path, "${dest.path}_old"));
+        }
+        dest.createSync();
+        await copyDirectory(source, dest);
+        result[source.path] = dest.path;
      }
-      dest.createSync();
-      await copyDirectory(source, dest);
-      result[source.path] = dest.path;
-    }
-    return result;
+      return result;
+    });
  }

  Future<Map<String?, List<LocalComic>>> _copyComicsToLocalDir(
@@ -284,36 +313,36 @@ class ImportComic {
        // copy the comics to the local directory
        var pathMap = await compute<Map<String, dynamic>, Map<String, String>>(
            _copyDirectories, {
-          'toBeCopied': comics[favoriteFolder]!.map((e) => e.directory).toList(),
+          'toBeCopied':
+              comics[favoriteFolder]!.map((e) => e.directory).toList(),
          'destination': destPath,
        });
        //Construct a new object since LocalComic.directory is a final String
        for (var c in comics[favoriteFolder]!) {
-          result[favoriteFolder]!.add(
-              LocalComic(
-                  id: c.id,
-                  title: c.title,
-                  subtitle: c.subtitle,
-                  tags: c.tags,
-                  directory: pathMap[c.directory]!,
-                  chapters: c.chapters,
-                  cover: c.cover,
-                  comicType: c.comicType,
-                  downloadedChapters: c.downloadedChapters,
-                  createdAt: c.createdAt
-              )
-          );
+          result[favoriteFolder]!.add(LocalComic(
+            id: c.id,
+            title: c.title,
+            subtitle: c.subtitle,
+            tags: c.tags,
+            directory: pathMap[c.directory]!,
+            chapters: c.chapters,
+            cover: c.cover,
+            comicType: c.comicType,
+            downloadedChapters: c.downloadedChapters,
+            createdAt: c.createdAt,
+          ));
        }
-      } catch (e) {
+      } catch (e, s) {
        App.rootContext.showMessage(message: "Failed to copy comics".tl);
-        Log.error("Import Comic", e.toString());
+        Log.error("Import Comic", e.toString(), s);
        return result;
      }
    }
    return result;
  }

-  Future<bool> registerComics(Map<String?, List<LocalComic>> importedComics, bool copy) async {
+  Future<bool> registerComics(
+      Map<String?, List<LocalComic>> importedComics, bool copy) async {
    try {
      if (copy) {
        importedComics = await _copyComicsToLocalDir(importedComics);
@@ -328,25 +357,23 @@ class ImportComic {
            LocalFavoritesManager().addComic(
                folder,
                FavoriteItem(
-                  id: id,
-                  name: comic.title,
-                  coverPath: comic.cover,
-                  author: comic.subtitle,
-                  type: comic.comicType,
-                  tags: comic.tags,
-                  favoriteTime: comic.createdAt
-                )
-            );
+                    id: id,
+                    name: comic.title,
+                    coverPath: comic.cover,
+                    author: comic.subtitle,
+                    type: comic.comicType,
+                    tags: comic.tags,
+                    favoriteTime: comic.createdAt));
          }
        }
      }
      App.rootContext.showMessage(
          message: "Imported @a comics".tlParams({
-            'a': importedCount,
-          }));
-    } catch(e) {
+        'a': importedCount,
+      }));
+    } catch (e, s) {
      App.rootContext.showMessage(message: "Failed to register comics".tl);
-      Log.error("Import Comic", e.toString());
+      Log.error("Import Comic", e.toString(), s);
      return false;
    }
    return true;
--- a/lib/utils/io.dart
+++ b/lib/utils/io.dart
@@ -72,7 +72,17 @@ extension FileSystemEntityExt on FileSystemEntity {
 }

 extension FileExtension on File {
+  /// Get the file extension, not including the dot.
  String get extension => path.split('.').last;
+
+  /// Copy the file to the specified path using memory.
+  ///
+  /// This method prevents errors caused by files from different file systems.
+  Future<void> copyMem(String newPath) async {
+    var newFile = File(newPath);
+    // Stream is not usable since [AndroidFile] does not support [openRead].
+    await newFile.writeAsBytes(await readAsBytes());
+  }
 }

 extension DirectoryExtension on Directory {
@@ -81,7 +91,7 @@ extension DirectoryExtension on Directory {
    int total = 0;
    for (var f in listSync(recursive: true)) {
      if (FileSystemEntity.typeSync(f.path) == FileSystemEntityType.file) {
-        total += await openFilePlatform(f.path).length();
+        total += await File(f.path).length();
      }
    }
    return total;
@@ -93,7 +103,21 @@ extension DirectoryExtension on Directory {
  }

  File joinFile(String name) {
-    return openFilePlatform(FilePath.join(path, name));
+    return File(FilePath.join(path, name));
+  }
+
+  void deleteContentsSync({recursive = true}) {
+    if (!existsSync()) return;
+    for (var f in listSync()) {
+      f.deleteIfExistsSync(recursive: recursive);
+    }
+  }
+
+  Future<void> deleteContents({recursive = true}) async {
+    if (!existsSync()) return;
+    for (var f in listSync()) {
+      await f.deleteIfExists(recursive: recursive);
+    }
  }
 }

@@ -124,14 +148,15 @@ String sanitizeFileName(String fileName) {
 Future<void> copyDirectory(Directory source, Directory destination) async {
  List<FileSystemEntity> contents = source.listSync();
  for (FileSystemEntity content in contents) {
-    String newPath = destination.path +
-        Platform.pathSeparator +
-        content.path.split(Platform.pathSeparator).last;
+    String newPath = FilePath.join(destination.path, content.name);

    if (content is File) {
-      content.copySync(newPath);
+      var resultFile = File(newPath);
+      resultFile.createSync();
+      var data = content.readAsBytesSync();
+      resultFile.writeAsBytesSync(data);
    } else if (content is Directory) {
-      Directory newDirectory = openDirectoryPlatform(newPath);
+      Directory newDirectory = Directory(newPath);
      newDirectory.createSync();
      copyDirectory(content.absolute, newDirectory.absolute);
    }
@@ -140,18 +165,16 @@ Future<void> copyDirectory(Directory source, Directory destination) async {

 Future<void> copyDirectoryIsolate(
    Directory source, Directory destination) async {
-  await Isolate.run(() {
-    copyDirectory(source, destination);
-  });
+  await Isolate.run(() => overrideIO(() => copyDirectory(source, destination)));
 }

 String findValidDirectoryName(String path, String directory) {
  var name = sanitizeFileName(directory);
-  var dir = openDirectoryPlatform("$path/$name");
+  var dir = Directory("$path/$name");
  var i = 1;
  while (dir.existsSync() && dir.listSync().isNotEmpty) {
    name = sanitizeFileName("$directory($i)");
-    dir = openDirectoryPlatform("$path/$name");
+    dir = Directory("$path/$name");
    i++;
  }
  return name;
@@ -174,7 +197,7 @@ class DirectoryPicker {

  static const _methodChannel = MethodChannel("venera/method_channel");

-  Future<Directory?> pickDirectory() async {
+  Future<Directory?> pickDirectory({bool directAccess = false}) async {
    IO._isSelectingFiles = true;
    try {
      String? directory;
@@ -182,13 +205,24 @@ class DirectoryPicker {
        directory = await file_selector.getDirectoryPath();
      } else if (App.isAndroid) {
        directory = (await AndroidDirectory.pickDirectory())?.path;
+        if (directory != null && directAccess) {
+          // Native library does not have access to the directory. Copy it to cache.
+          var cache = FilePath.join(App.cachePath, "selected_directory");
+          if (Directory(cache).existsSync()) {
+            Directory(cache).deleteSync(recursive: true);
+          }
+          Directory(cache).createSync();
+          await copyDirectoryIsolate(Directory(directory), Directory(cache));
+          directory = cache;
+        }
      } else {
        // ios, macos
-        directory = await _methodChannel.invokeMethod<String?>("getDirectoryPath");
+        directory =
+            await _methodChannel.invokeMethod<String?>("getDirectoryPath");
      }
      if (directory == null) return null;
      _finalizer.attach(this, directory);
-      return openDirectoryPlatform(directory);
+      return Directory(directory);
    } finally {
      Future.delayed(const Duration(milliseconds: 100), () {
        IO._isSelectingFiles = false;
@@ -249,7 +283,9 @@ Future<FileSelectResult?> selectFile({required List<String> ext}) async {
      file = FileSelectResult(xFile.path);
    }
    if (!ext.contains(file.path.split(".").last)) {
-      App.rootContext.showMessage(message: "Invalid file type");
+      App.rootContext.showMessage(
+        message: "Invalid file type: ${file.path.split(".").last}",
+      );
      return null;
    }
    return file;
@@ -311,31 +347,43 @@ Future<void> saveFile(
  }
 }

-Directory openDirectoryPlatform(String path) {
-  if(App.isAndroid) {
-    var dir = AndroidDirectory.fromPathSync(path);
-    if(dir == null) {
-      return Directory(path);
+class _IOOverrides extends IOOverrides {
+  @override
+  Directory createDirectory(String path) {
+    if (App.isAndroid) {
+      var dir = AndroidDirectory.fromPathSync(path);
+      if (dir == null) {
+        return super.createDirectory(path);
+      }
+      return dir;
+    } else {
+      return super.createDirectory(path);
    }
-    return dir;
-  } else {
-    return Directory(path);
  }
+
+  @override
+  File createFile(String path) {
+    if (path.startsWith("file://")) {
+      path = path.substring(7);
+    }
+    if (App.isAndroid) {
+      var f = AndroidFile.fromPathSync(path);
+      if (f == null) {
+        return super.createFile(path);
+      }
+      return f;
+    } else {
+      return super.createFile(path);
+    }
+  }
+
 }

-File openFilePlatform(String path) {
-  if(path.startsWith("file://")) {
-    path = path.substring(7);
-  }
-  if(App.isAndroid) {
-    var f = AndroidFile.fromPathSync(path);
-    if(f == null) {
-      return File(path);
-    }
-    return f;
-  } else {
-    return File(path);
-  }
+T overrideIO<T>(T Function() f) {
+  return IOOverrides.runWithIOOverrides<T>(
+    f,
+    _IOOverrides(),
+  );
 }

 class Share {
@@ -396,4 +444,4 @@ class FileSelectResult {
  }

  String get name => File(path).name;
-}
+}
--- a/lib/utils/pdf.dart
+++ b/lib/utils/pdf.dart
@@ -0,0 +1,92 @@
+import 'dart:isolate';
+
+import 'package:pdf/widgets.dart';
+import 'package:venera/foundation/local.dart';
+import 'package:venera/utils/io.dart';
+
+Future<void> _createPdfFromComic({
+  required LocalComic comic,
+  required String savePath,
+  required String localPath,
+}) async {
+  final pdf = Document(
+    title: comic.title,
+    author: comic.subTitle ?? "",
+    producer: "Venera",
+  );
+
+  pdf.document.outline;
+
+  var baseDir = comic.directory.contains('/') || comic.directory.contains('\\')
+      ? comic.directory
+      : FilePath.join(localPath, comic.directory);
+
+  // add cover
+  var imageData = File(FilePath.join(baseDir, comic.cover)).readAsBytesSync();
+  pdf.addPage(Page(
+    build: (Context context) {
+      return Image(MemoryImage(imageData), fit: BoxFit.contain);
+    },
+  ));
+
+  bool multiChapters = comic.chapters != null;
+
+  void reorderFiles(List<FileSystemEntity> files) {
+    files.removeWhere(
+        (element) => element is! File || element.path.startsWith('cover'));
+    files.sort((a, b) {
+      var aName = (a as File).name;
+      var bName = (b as File).name;
+      var aNumber = int.tryParse(aName);
+      var bNumber = int.tryParse(bName);
+      if (aNumber != null && bNumber != null) {
+        return aNumber.compareTo(bNumber);
+      }
+      return aName.compareTo(bName);
+    });
+  }
+
+  if (!multiChapters) {
+    var files = Directory(baseDir).listSync();
+    reorderFiles(files);
+
+    for (var file in files) {
+      var imageData = (file as File).readAsBytesSync();
+      pdf.addPage(Page(
+        build: (Context context) {
+          return Image(MemoryImage(imageData), fit: BoxFit.contain);
+        },
+      ));
+    }
+  } else {
+    for (var chapter in comic.chapters!.keys) {
+      var files = Directory(FilePath.join(baseDir, chapter)).listSync();
+      reorderFiles(files);
+      for (var file in files) {
+        var imageData = (file as File).readAsBytesSync();
+        pdf.addPage(Page(
+          build: (Context context) {
+            return Image(MemoryImage(imageData), fit: BoxFit.contain);
+          },
+        ));
+      }
+    }
+  }
+
+  final file = File(savePath);
+  file.writeAsBytesSync(await pdf.save());
+}
+
+Future<void> createPdfFromComicIsolate({
+  required LocalComic comic,
+  required String savePath,
+}) async {
+  var localPath = LocalManager().path;
+  return Isolate.run(() => overrideIO(() async {
+        return await _createPdfFromComic(
+          comic: comic,
+          savePath: savePath,
+          localPath: localPath,
+        );
+      }));
+}
--- a/macos/Podfile
+++ b/macos/Podfile
@@ -0,0 +1,43 @@
+platform :osx, '12.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'ephemeral', 'Flutter-Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure \"flutter pub get\" is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Flutter-Generated.xcconfig, then run \"flutter pub get\""
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_macos_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_macos_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_macos_build_settings(target)
+  end
+end
--- a/macos/Runner.xcodeproj/project.pbxproj
+++ b/macos/Runner.xcodeproj/project.pbxproj
@@ -557,7 +557,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MACOSX_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = macosx;
 				SWIFT_COMPILATION_MODE = wholemodule;
@@ -639,7 +639,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MACOSX_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = macosx;
@@ -689,7 +689,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				MACOSX_DEPLOYMENT_TARGET = 10.14;
+				MACOSX_DEPLOYMENT_TARGET = 12.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = macosx;
 				SWIFT_COMPILATION_MODE = wholemodule;
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -5,10 +5,10 @@ packages:
    dependency: "direct main"
    description:
      name: app_links
-      sha256: ad1a6d598e7e39b46a34f746f9a8b011ee147e4c275d407fa457e7a62f84dd99
+      sha256: "433df2e61b10519407475d7f69e470789d23d593f28224c38ba1068597be7950"
      url: "https://pub.dev"
    source: hosted
-    version: "6.3.2"
+    version: "6.3.3"
  app_links_linux:
    dependency: transitive
    description:
@@ -33,6 +33,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.0.4"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: cb6a278ef2dbb298455e1a713bda08524a175630ec643a242c399c932a0a1f7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.6.1"
  args:
    dependency: transitive
    description:
@@ -49,14 +57,22 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.11.0"
+  barcode:
+    dependency: transitive
+    description:
+      name: barcode
+      sha256: ab180ce22c6555d77d45f0178a523669db67f95856e3378259ef2ffeb43e6003
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.8"
  battery_plus:
    dependency: "direct main"
    description:
      name: battery_plus
-      sha256: "220c8f1961efb01d6870493b5ac5a80afaeaffc8757f7a11ed3025a8570d29e7"
+      sha256: a0409fe7d21905987eb1348ad57c634f913166f14f0c8936b73d3f5940fac551
      url: "https://pub.dev"
    source: hosted
-    version: "6.2.0"
+    version: "6.2.1"
  battery_plus_platform_interface:
    dependency: transitive
    description:
@@ -65,6 +81,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.0.1"
+  bidi:
+    dependency: transitive
+    description:
+      name: bidi
+      sha256: "9a712c7ddf708f7c41b1923aa83648a3ed44cfd75b04f72d598c45e5be287f9d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.12"
  boolean_selector:
    dependency: transitive
    description:
@@ -101,18 +125,18 @@ packages:
    dependency: transitive
    description:
      name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: a1ace0a119f20aabc852d165077c036cd864315bd99b7eaa10a60100341941bf
      url: "https://pub.dev"
    source: hosted
-    version: "1.18.0"
+    version: "1.19.0"
  convert:
    dependency: transitive
    description:
      name: convert
-      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
+      sha256: b30acd5944035672bc15c6b7a8b47d773e41e2f17de064350988c5d02adb1c68
      url: "https://pub.dev"
    source: hosted
-    version: "3.1.1"
+    version: "3.1.2"
  cross_file:
    dependency: transitive
    description:
@@ -133,10 +157,10 @@ packages:
    dependency: transitive
    description:
      name: csslib
-      sha256: "706b5707578e0c1b4b7550f64078f0a0f19dec3f50a178ffae7006b0a9ca58fb"
+      sha256: "09bad715f418841f976c77db72d5398dc1253c21fb9c0c7f0b0b985860b2d58e"
      url: "https://pub.dev"
    source: hosted
-    version: "1.0.0"
+    version: "1.0.2"
  dbus:
    dependency: transitive
    description:
@@ -170,6 +194,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.0.0"
+  dynamic_color:
+    dependency: "direct main"
+    description:
+      name: dynamic_color
+      sha256: eae98052fa6e2826bdac3dd2e921c6ce2903be15c6b7f8b6d8a5d49b5086298d
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.7.0"
  fake_async:
    dependency: transitive
    description:
@@ -190,10 +222,10 @@ packages:
    dependency: transitive
    description:
      name: file
-      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4
      url: "https://pub.dev"
    source: hosted
-    version: "7.0.0"
+    version: "7.0.1"
  file_selector:
    dependency: "direct main"
    description:
@@ -206,10 +238,10 @@ packages:
    dependency: transitive
    description:
      name: file_selector_android
-      sha256: ec439df07c4999faad319ce8ad9e971795c2f1d7132ad5a793b9370a863c6128
+      sha256: "98ac58e878b05ea2fdb204e7f4fc4978d90406c9881874f901428e01d3b18fbc"
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.1+10"
+    version: "0.5.1+12"
  file_selector_ios:
    dependency: transitive
    description:
@@ -222,10 +254,10 @@ packages:
    dependency: transitive
    description:
      name: file_selector_linux
-      sha256: "712ce7fab537ba532c8febdb1a8f167b32441e74acd68c3ccb2e36dcb52c4ab2"
+      sha256: "54cbbd957e1156d29548c7d9b9ec0c0ebb6de0a90452198683a7d23aed617a33"
      url: "https://pub.dev"
    source: hosted
-    version: "0.9.3"
+    version: "0.9.3+2"
  file_selector_macos:
    dependency: transitive
    description:
@@ -262,10 +294,10 @@ packages:
    dependency: transitive
    description:
      name: fixnum
-      sha256: "25517a4deb0c03aa0f32fd12db525856438902d9c16536311e76cdc57b31d7d1"
+      sha256: b6dc7065e46c974bc7c5f143080a6764ec7a4be6da1285ececdc37be96de53be
      url: "https://pub.dev"
    source: hosted
-    version: "1.1.0"
+    version: "1.1.1"
  flutter:
    dependency: "direct main"
    description: flutter
@@ -299,10 +331,10 @@ packages:
    dependency: transitive
    description:
      name: flutter_inappwebview_internal_annotations
-      sha256: "5f80fd30e208ddded7dbbcd0d569e7995f9f63d45ea3f548d8dd4c0b473fb4c8"
+      sha256: "787171d43f8af67864740b6f04166c13190aa74a1468a1f1f1e9ee5b90c359cd"
      url: "https://pub.dev"
    source: hosted
-    version: "1.1.1"
+    version: "1.2.0"
  flutter_inappwebview_ios:
    dependency: transitive
    description:
@@ -347,15 +379,23 @@ packages:
    dependency: "direct dev"
    description:
      name: flutter_lints
-      sha256: "9e8c3858111da373efc5aa341de011d9bd23e2c5c5e0c62bccf32438e192d7b1"
+      sha256: "5398f14efa795ffb7a33e9b6a08798b26a180edac4ad7db3f231e40f82ce11e1"
      url: "https://pub.dev"
    source: hosted
-    version: "3.0.2"
+    version: "5.0.0"
  flutter_localizations:
    dependency: "direct main"
    description: flutter
    source: sdk
    version: "0.0.0"
+  flutter_memory_info:
+    dependency: "direct main"
+    description:
+      name: flutter_memory_info
+      sha256: "1f112f1d7503aa1681fc8e923f6cd0e847bb2fbeec3753ed021cf1e5f7e9cd74"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.1"
  flutter_plugin_android_lifecycle:
    dependency: transitive
    description:
@@ -368,8 +408,8 @@ packages:
    dependency: "direct main"
    description:
      path: "."
-      ref: ade0b9d
-      resolved-ref: ade0b9d67331118c13a2b836684858e251512373
+      ref: "9c99ac258a11f8e91761a5466a190efba3ca64af"
+      resolved-ref: "9c99ac258a11f8e91761a5466a190efba3ca64af"
      url: "https://github.com/wgh136/flutter_qjs"
    source: git
    version: "0.3.7"
@@ -377,24 +417,24 @@ packages:
    dependency: "direct main"
    description:
      name: flutter_reorderable_grid_view
-      sha256: "93a2b9e279bf40b9333428a67e70e520ca1528554984eb6f6304538400897e64"
+      sha256: "732bcb1b29d5130c11a70e6acec512941fafe241f0e80bffd93ca6e415819915"
      url: "https://pub.dev"
    source: hosted
-    version: "5.3.2"
+    version: "5.4.0"
  flutter_rust_bridge:
    dependency: transitive
    description:
      name: flutter_rust_bridge
-      sha256: "5fe868d3cb8cbc4d83091748552e03f00ccfa41b8e44691bc382611f831d5f8b"
+      sha256: "35c257fc7f98e34c1314d6c145e5ed54e7c94e8a9f469947e31c9298177d546f"
      url: "https://pub.dev"
    source: hosted
-    version: "2.5.1"
+    version: "2.7.0"
  flutter_saf:
    dependency: "direct main"
    description:
      path: "."
-      ref: "829a566b738a26ea98e523807f49838e21308543"
-      resolved-ref: "829a566b738a26ea98e523807f49838e21308543"
+      ref: "7637b8b67d0a831f3cd7e702b8173e300880d32e"
+      resolved-ref: "7637b8b67d0a831f3cd7e702b8173e300880d32e"
      url: "https://github.com/pkuislm/flutter_saf.git"
    source: git
    version: "0.0.1"
@@ -406,12 +446,11 @@ packages:
  flutter_to_arch:
    dependency: "direct dev"
    description:
-      path: "."
-      ref: HEAD
-      resolved-ref: "15bfead0380fda79b0256b37c73b886b0882f1bf"
-      url: "https://github.com/wgh136/flutter_to_arch"
-    source: git
-    version: "1.0.0"
+      name: flutter_to_arch
+      sha256: b68b2757a89a517ae2141cbc672acdd1f69721dd686cacad03876b6f436ff040
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
  flutter_to_debian:
    dependency: "direct dev"
    description:
@@ -461,10 +500,26 @@ packages:
    dependency: transitive
    description:
      name: http_parser
-      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
+      sha256: "76d306a1c3afb33fe82e2bbacad62a61f409b5634c915fceb0d799de1a913360"
      url: "https://pub.dev"
    source: hosted
-    version: "4.0.2"
+    version: "4.1.1"
+  http_profile:
+    dependency: transitive
+    description:
+      name: http_profile
+      sha256: "7e679e355b09aaee2ab5010915c932cce3f2d1c11c3b2dc177891687014ffa78"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.0"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      sha256: f31d52537dc417fdcde36088fdf11d191026fd5e4fae742491ebd40e5a8bea7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.3.0"
  intl:
    dependency: "direct main"
    description:
@@ -477,10 +532,10 @@ packages:
    dependency: transitive
    description:
      name: io
-      sha256: "2ec25704aba361659e10e3e5f5d672068d332fc8ac516421d483a11e5cbd061e"
+      sha256: dfd5a80599cf0165756e3181807ed3e77daf6dd4137caaad72d0b7931597650b
      url: "https://pub.dev"
    source: hosted
-    version: "1.0.4"
+    version: "1.0.5"
  js:
    dependency: transitive
    description:
@@ -501,18 +556,18 @@ packages:
    dependency: transitive
    description:
      name: leak_tracker
-      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
+      sha256: "7bb2830ebd849694d1ec25bf1f44582d6ac531a57a365a803a6034ff751d2d06"
      url: "https://pub.dev"
    source: hosted
-    version: "10.0.5"
+    version: "10.0.7"
  leak_tracker_flutter_testing:
    dependency: transitive
    description:
      name: leak_tracker_flutter_testing
-      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
+      sha256: "9491a714cca3667b60b5c420da8217e6de0d1ba7a5ec322fab01758f6998f379"
      url: "https://pub.dev"
    source: hosted
-    version: "3.0.5"
+    version: "3.0.8"
  leak_tracker_testing:
    dependency: transitive
    description:
@@ -525,10 +580,10 @@ packages:
    dependency: transitive
    description:
      name: lints
-      sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290
+      sha256: "4a16b3f03741e1252fda5de3ce712666d010ba2122f8e912c94f9f7b90e1a4c3"
      url: "https://pub.dev"
    source: hosted
-    version: "3.0.0"
+    version: "5.1.0"
  local_auth:
    dependency: "direct main"
    description:
@@ -573,8 +628,8 @@ packages:
    dependency: "direct main"
    description:
      path: "."
-      ref: d1c96cd6503103b3270dfe2f320d4a1c93780f53
-      resolved-ref: d1c96cd6503103b3270dfe2f320d4a1c93780f53
+      ref: "9a784b193af5d55b2a35e58fa390bda3e4f35d00"
+      resolved-ref: "9a784b193af5d55b2a35e58fa390bda3e4f35d00"
      url: "https://github.com/venera-app/lodepng_flutter"
    source: git
    version: "0.0.1"
@@ -626,30 +681,38 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.9.0"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
  path_provider:
    dependency: "direct main"
    description:
      name: path_provider
-      sha256: fec0d61223fba3154d87759e3cc27fe2c8dc498f6386c6d6fc80d1afdd1bf378
+      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
      url: "https://pub.dev"
    source: hosted
-    version: "2.1.4"
+    version: "2.1.5"
  path_provider_android:
    dependency: transitive
    description:
      name: path_provider_android
-      sha256: "6f01f8e37ec30b07bc424b4deabac37cacb1bc7e2e515ad74486039918a37eb7"
+      sha256: "4adf4fd5423ec60a29506c76581bc05854c55e3a0b72d35bb28d661c9686edf2"
      url: "https://pub.dev"
    source: hosted
-    version: "2.2.10"
+    version: "2.2.15"
  path_provider_foundation:
    dependency: transitive
    description:
      name: path_provider_foundation
-      sha256: f234384a3fdd67f989b4d54a5d73ca2a6c422fa55ae694381ae0f4375cd1ea16
+      sha256: "4843174df4d288f5e29185bd6e72a6fbdf5a4a4602717eed565497429f179942"
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.0"
+    version: "2.4.1"
  path_provider_linux:
    dependency: transitive
    description:
@@ -674,6 +737,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.3.0"
+  pdf:
+    dependency: "direct main"
+    description:
+      name: pdf
+      sha256: "05df53f8791587402493ac97b9869d3824eccbc77d97855f4545cf72df3cae07"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.11.1"
  petitparser:
    dependency: transitive
    description:
@@ -695,10 +766,10 @@ packages:
    dependency: transitive
    description:
      name: platform
-      sha256: "9b71283fc13df574056616011fb138fd3b793ea47cc509c189a6c3fa5f8a1a65"
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
      url: "https://pub.dev"
    source: hosted
-    version: "3.1.5"
+    version: "3.1.6"
  plugin_platform_interface:
    dependency: transitive
    description:
@@ -715,14 +786,22 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "3.9.1"
+  qr:
+    dependency: transitive
+    description:
+      name: qr
+      sha256: "5a1d2586170e172b8a8c8470bbbffd5eb0cd38a66c0d77155ea138d3af3a4445"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.2"
  rhttp:
    dependency: "direct main"
    description:
      name: rhttp
-      sha256: "92fb57dea6338370efe1e4e2101e8b521f91f15bc60ef6908469b4392dd9803a"
+      sha256: "8212cbc816cc3e761eecb8d4dbbaa1eca95de715428320a198a4e7a89acdcd2e"
      url: "https://pub.dev"
    source: hosted
-    version: "0.9.1"
+    version: "0.9.8"
  screen_retriever:
    dependency: transitive
    description:
@@ -776,23 +855,31 @@ packages:
    dependency: "direct main"
    description:
      name: share_plus
-      sha256: "9c9bafd4060728d7cdb2464c341743adbd79d327cb067ec7afb64583540b47c8"
+      sha256: "6327c3f233729374d0abaafd61f6846115b2a481b4feddd8534211dc10659400"
      url: "https://pub.dev"
    source: hosted
-    version: "10.1.2"
+    version: "10.1.3"
  share_plus_platform_interface:
    dependency: transitive
    description:
      name: share_plus_platform_interface
-      sha256: c57c0bbfec7142e3a0f55633be504b796af72e60e3c791b44d5a017b985f7a48
+      sha256: cc012a23fc2d479854e6c80150696c4a5f5bb62cb89af4de1c505cf78d0a5d0b
      url: "https://pub.dev"
    source: hosted
-    version: "5.0.1"
+    version: "5.0.2"
+  shimmer:
+    dependency: "direct main"
+    description:
+      name: shimmer
+      sha256: "5f88c883a22e9f9f299e5ba0e4f7e6054857224976a5d9f839d4ebdc94a14ac9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.0"
  sky_engine:
    dependency: transitive
    description: flutter
    source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
  sliver_tools:
    dependency: "direct main"
    description:
@@ -821,26 +908,26 @@ packages:
    dependency: "direct main"
    description:
      name: sqlite3
-      sha256: bb174b3ec2527f9c5f680f73a89af8149dd99782fbb56ea88ad0807c5638f2ed
+      sha256: cb7f4e9dc1b52b1fa350f7b3d41c662e75fc3d399555fa4e5efcf267e9a4fbb5
      url: "https://pub.dev"
    source: hosted
-    version: "2.4.7"
+    version: "2.5.0"
  sqlite3_flutter_libs:
    dependency: "direct main"
    description:
      name: sqlite3_flutter_libs
-      sha256: "62bbb4073edbcdf53f40c80775f33eea01d301b7b81417e5b3fb7395416258c1"
+      sha256: "73016db8419f019e807b7a5e5fbf2a7bd45c165fed403b8e7681230f3a102785"
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.24"
+    version: "0.5.28"
  stack_trace:
    dependency: transitive
    description:
      name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "9f47fd3630d76be3ab26f0ee06d213679aa425996925ff3feffdec504931c377"
      url: "https://pub.dev"
    source: hosted
-    version: "1.11.1"
+    version: "1.12.0"
  stream_channel:
    dependency: transitive
    description:
@@ -853,10 +940,18 @@ packages:
    dependency: transitive
    description:
      name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "688af5ed3402a4bde5b3a6c15fd768dbf2621a614950b17f04626c431ab3c4c3"
      url: "https://pub.dev"
    source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
+  syntax_highlight:
+    dependency: "direct main"
+    description:
+      name: syntax_highlight
+      sha256: ee33b6aa82cc722bb9b40152a792181dee222353b486c0255fde666a3e3a4997
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.0"
  term_glyph:
    dependency: transitive
    description:
@@ -869,18 +964,26 @@ packages:
    dependency: transitive
    description:
      name: test_api
-      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
+      sha256: "664d3a9a64782fcdeb83ce9c6b39e78fd2971d4e37827b9b06c3aa1edc5e760c"
      url: "https://pub.dev"
    source: hosted
-    version: "0.7.2"
+    version: "0.7.3"
+  text_scroll:
+    dependency: "direct main"
+    description:
+      name: text_scroll
+      sha256: "7869d86a6fdd725dee56bdd150216a99f0372b82fbfcac319214dbd5f36e1908"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.0"
  typed_data:
    dependency: transitive
    description:
      name: typed_data
-      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
      url: "https://pub.dev"
    source: hosted
-    version: "1.3.2"
+    version: "1.4.0"
  upower:
    dependency: transitive
    description:
@@ -893,42 +996,42 @@ packages:
    dependency: "direct main"
    description:
      name: url_launcher
-      sha256: "21b704ce5fa560ea9f3b525b43601c678728ba46725bab9b01187b4831377ed3"
+      sha256: "9d06212b1362abc2f0f0d78e6f09f726608c74e3b9462e8368bb03314aa8d603"
      url: "https://pub.dev"
    source: hosted
-    version: "6.3.0"
+    version: "6.3.1"
  url_launcher_android:
    dependency: transitive
    description:
      name: url_launcher_android
-      sha256: f0c73347dfcfa5b3db8bc06e1502668265d39c08f310c29bff4e28eea9699f79
+      sha256: "6fc2f56536ee873eeb867ad176ae15f304ccccc357848b351f6f0d8d4a40d193"
      url: "https://pub.dev"
    source: hosted
-    version: "6.3.9"
+    version: "6.3.14"
  url_launcher_ios:
    dependency: transitive
    description:
      name: url_launcher_ios
-      sha256: e43b677296fadce447e987a2f519dcf5f6d1e527dc35d01ffab4fff5b8a7063e
+      sha256: "16a513b6c12bb419304e72ea0ae2ab4fed569920d1c7cb850263fe3acc824626"
      url: "https://pub.dev"
    source: hosted
-    version: "6.3.1"
+    version: "6.3.2"
  url_launcher_linux:
    dependency: transitive
    description:
      name: url_launcher_linux
-      sha256: e2b9622b4007f97f504cd64c0128309dfb978ae66adbe944125ed9e1750f06af
+      sha256: "4e9ba368772369e3e08f231d2301b4ef72b9ff87c31192ef471b380ef29a4935"
      url: "https://pub.dev"
    source: hosted
-    version: "3.2.0"
+    version: "3.2.1"
  url_launcher_macos:
    dependency: transitive
    description:
      name: url_launcher_macos
-      sha256: "769549c999acdb42b8bcfa7c43d72bf79a382ca7441ab18a808e101149daf672"
+      sha256: "17ba2000b847f334f16626a574c702b196723af2a289e7a93ffcb79acff855c2"
      url: "https://pub.dev"
    source: hosted
-    version: "3.2.1"
+    version: "3.2.2"
  url_launcher_platform_interface:
    dependency: transitive
    description:
@@ -949,10 +1052,10 @@ packages:
    dependency: transitive
    description:
      name: url_launcher_windows
-      sha256: "49c10f879746271804767cb45551ec5592cdab00ee105c06dddde1a98f73b185"
+      sha256: "44cf3aabcedde30f2dba119a9dea3b0f2672fbe6fa96e85536251d678216b3c4"
      url: "https://pub.dev"
    source: hosted
-    version: "3.1.2"
+    version: "3.1.3"
  uuid:
    dependency: "direct main"
    description:
@@ -973,10 +1076,10 @@ packages:
    dependency: transitive
    description:
      name: vm_service
-      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      sha256: f6be3ed8bd01289b34d679c2b62226f63c0e69f9fd2e50a6b3c1c729a961041b
      url: "https://pub.dev"
    source: hosted
-    version: "14.2.5"
+    version: "14.3.0"
  web:
    dependency: transitive
    description:
@@ -998,10 +1101,10 @@ packages:
    dependency: transitive
    description:
      name: win32
-      sha256: "68d1e89a91ed61ad9c370f9f8b6effed9ae5e0ede22a270bdfa6daf79fc2290a"
+      sha256: "8b338d4486ab3fbc0ba0db9f9b4f5239b6697fcee427939a40e720cbb9ee0a69"
      url: "https://pub.dev"
    source: hosted
-    version: "5.5.4"
+    version: "5.9.0"
  window_manager:
    dependency: "direct main"
    description:
@@ -1014,10 +1117,10 @@ packages:
    dependency: transitive
    description:
      name: xdg_directories
-      sha256: faea9dee56b520b55a566385b84f2e8de55e7496104adada9962e0bd11bcff1d
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
      url: "https://pub.dev"
    source: hosted
-    version: "1.0.4"
+    version: "1.1.0"
  xml:
    dependency: transitive
    description:
@@ -1037,12 +1140,11 @@ packages:
  zip_flutter:
    dependency: "direct main"
    description:
-      path: "."
-      ref: HEAD
-      resolved-ref: d5721f1fd8179ee4a5db59f932ae7c89d94e12a0
-      url: "https://github.com/wgh136/zip_flutter"
-    source: git
-    version: "0.0.1"
+      name: zip_flutter
+      sha256: be21152c35fcb6d0ef4ce89fc3aed681f7adc0db5490ca3eb5893f23fd20e646
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.6"
 sdks:
-  dart: ">=3.5.4 <4.0.0"
-  flutter: ">=3.24.5"
+  dart: ">=3.6.0 <4.0.0"
+  flutter: ">=3.27.1"
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -2,11 +2,11 @@ name: venera
 description: "A comic app."
 publish_to: 'none'

-version: 1.0.7+107
+version: 1.1.4+114

 environment:
-  sdk: '>=3.5.0 <4.0.0'
-  flutter: 3.24.5
+  sdk: '>=3.6.0 <4.0.0'
+  flutter: 3.27.1

 dependencies:
  flutter:
@@ -14,14 +14,14 @@ dependencies:
  path_provider: any
  flutter_localizations:
    sdk: flutter
-  intl: any
+  intl: ^0.19.0
  window_manager: ^0.4.3
  sqlite3: ^2.4.7
-  sqlite3_flutter_libs: any
+  sqlite3_flutter_libs: ^0.5.28
  flutter_qjs:
    git:
      url: https://github.com/wgh136/flutter_qjs
-      ref: ade0b9d
+      ref: 9c99ac258a11f8e91761a5466a190efba3ca64af
  crypto: ^3.0.6
  dio: ^5.7.0
  html: ^0.15.5
@@ -33,13 +33,13 @@ dependencies:
      url: https://github.com/wgh136/photo_view
      ref: 94724a0b
  mime: ^2.0.0
-  share_plus: ^10.0.2
+  share_plus: ^10.1.3
  scrollable_positioned_list:
    git:
      url: https://github.com/venera-app/flutter.widgets
      ref: 09e756b1f1b04e6298318d99ec20a787fb360f59
      path: packages/scrollable_positioned_list
-  flutter_reorderable_grid_view: 5.3.2
+  flutter_reorderable_grid_view: ^5.4.0
  yaml: any
  uuid: ^4.5.1
  desktop_webview_window:
@@ -47,35 +47,38 @@ dependencies:
      url: https://github.com/wgh136/flutter_desktop_webview
      path: packages/desktop_webview_window
  flutter_inappwebview: ^6.1.5
-  app_links: ^6.3.2
+  app_links: ^6.3.3
  sliver_tools: ^0.2.12
  flutter_file_dialog: ^3.0.2
  file_selector: ^1.0.3
-  zip_flutter:
-    git:
-      url: https://github.com/wgh136/zip_flutter
+  zip_flutter: ^0.0.6
  lodepng_flutter:
    git:
      url: https://github.com/venera-app/lodepng_flutter
-      ref: d1c96cd6503103b3270dfe2f320d4a1c93780f53
-  rhttp: 0.9.1
+      ref: 9a784b193af5d55b2a35e58fa390bda3e4f35d00
+  rhttp: 0.9.8
  webdav_client:
    git:
      url: https://github.com/wgh136/webdav_client
      ref: 285f87f15bccd2d5d5ff443761348c6ee47b98d1
-  battery_plus: ^6.2.0
+  battery_plus: ^6.2.1
  local_auth: ^2.3.0
  flutter_saf:
    git: 
      url: https://github.com/pkuislm/flutter_saf.git
-      ref: dd5242918da0ea9a0a50b0f87ade7a2def65453d
+      ref: 7637b8b67d0a831f3cd7e702b8173e300880d32e
+  pdf: ^3.11.1
+  dynamic_color: ^1.7.0
+  shimmer: ^3.0.0
+  flutter_memory_info: ^0.0.1
+  syntax_highlight: ^0.4.0
+  text_scroll: ^0.2.0

 dev_dependencies:
  flutter_test:
    sdk: flutter
-  flutter_lints: ^3.0.0
-  flutter_to_arch:
-    git: https://github.com/wgh136/flutter_to_arch
+  flutter_lints: ^5.0.0
+  flutter_to_arch: ^1.0.1
  flutter_to_debian:

 flutter:
@@ -95,4 +98,4 @@ flutter_to_arch:
  url: https://github.com/venera-app/venera
  depends:
    - gtk3
-    - webkit2gtk-4.1
+    - webkit2gtk-4.1
--- a/windows/build.iss
+++ b/windows/build.iss
@@ -58,6 +58,7 @@ Source: "{#RootPath}\build\windows\x64\runner\Release\local_auth_windows_plugin.
 Source: "{#RootPath}\build\windows\x64\runner\Release\zip_flutter.dll"; DestDir: "{app}"; Flags: ignoreversion
 Source: "{#RootPath}\build\windows\x64\runner\Release\rhttp.dll"; DestDir: "{app}"; Flags: ignoreversion
 Source: "{#RootPath}\build\windows\x64\runner\Release\lodepng_flutter.dll"; DestDir: "{app}"; Flags: ignoreversion
+Source: "{#RootPath}\build\windows\x64\runner\Release\dynamic_color_plugin.dll"; DestDir: "{app}"; Flags: ignoreversion
 Source: "{#RootPath}\build\windows\x64\runner\Release\data\*"; DestDir: "{app}\data"; Flags: ignoreversion recursesubdirs createallsubdirs
 ; NOTE: Don't use "Flags: ignoreversion" on any shared system files

@@ -66,4 +67,4 @@ Name: "{autoprograms}\{#MyAppName}"; Filename: "{app}\{#MyAppExeName}"
 Name: "{autodesktop}\{#MyAppName}"; Filename: "{app}\{#MyAppExeName}"; Tasks: desktopicon

 [Run]
-Filename: "{app}\{#MyAppExeName}"; Description: "{cm:LaunchProgram,{#StringChange(MyAppName, '&', '&&')}}"; Flags: nowait postinstall
+Filename: "{app}\{#MyAppExeName}"; Description: "{cm:LaunchProgram,{#StringChange(MyAppName, '&', '&&')}}"; Flags: nowait postinstall
Author	SHA1	Message	Date
nyne	b56f8d7398	Merge pull request #129 from UjuiUjuMandan/patch-2 Setting `checkUpdateOnStart` to false by default	2025-01-06 22:44:22 +08:00
nyne	8375fb721e	Merge pull request #130 from venera-app/dev v1.1.4	2025-01-06 22:42:09 +08:00
nyne	9876da85da	Add "Check for updates on startup" setting. #129	2025-01-06 22:38:05 +08:00
nyne	4b19ab57d2	fix menu overflow	2025-01-06 22:10:01 +08:00
nyne	91ee48cc6c	Improve comic display	2025-01-06 21:41:52 +08:00
ᡠᠵᡠᡳ ᡠᠵᡠ ᠮᠠᠨᡩ᠋ᠠᠨ	7495c11944	Setting `checkUpdateOnStart` to false by default	2025-01-06 19:50:22 +08:00
nyne	08e8a45236	Update version code	2025-01-06 11:06:02 +08:00
nyne	fb1b017bc9	fix #127	2025-01-06 11:05:20 +08:00
nyne	99a3788f4a	fix #128	2025-01-06 10:55:26 +08:00
nyne	a747179cc4	sni	2025-01-06 10:15:23 +08:00
nyne	1ca8da1c83	improve editor	2024-12-31 15:50:28 +08:00
nyne	8eddab5e13	line numbers in editor	2024-12-31 15:05:11 +08:00
nyne	030007159d	fix editor font	2024-12-31 13:56:11 +08:00
nyne	43a054c12a	code highlight	2024-12-31 13:36:00 +08:00
nyne	51a6456dad	Use the built-in editor to edit the config file if vscode is not installed.	2024-12-31 12:36:47 +08:00
nyne	3a320feda9	fix #107	2024-12-31 12:05:56 +08:00
nyne	a88bbe9ea6	Merge pull request #123 from Pacalini/cert revert #46	2024-12-31 09:27:54 +08:00
Pacalini	5be2dbcfd7	revert #46	2024-12-31 08:54:01 +08:00
nyne	68a203a1c1	Sync data after changing settings	2024-12-30 23:12:46 +08:00
nyne	c06709aeb7	DNS overrides	2024-12-30 22:55:01 +08:00
nyne	95649ca9fe	upgrade gradle	2024-12-30 21:59:24 +08:00
nyne	1e09d69507	improve cbz export	2024-12-30 21:58:23 +08:00
nyne	a5c745f40d	Merge pull request #119 from venera-app/dev v1.1.3	2024-12-26 19:31:21 +08:00
nyne	d27efb180a	V1.1.3	2024-12-26 19:19:28 +08:00
nyne	1f5382ff8c	Fixed the issue of not storing maxPage. fix #112	2024-12-26 14:12:13 +08:00
nyne	2238fcc68f	continue reading	2024-12-26 13:59:54 +08:00
nyne	df42cf320c	add scrollbar to local favorites page	2024-12-26 13:43:28 +08:00
nyne	eb14f973e4	add "View Detail" option	2024-12-26 12:06:05 +08:00
nyne	99454041d3	fix pinch to zoom	2024-12-26 10:55:31 +08:00
nyne	1ae33c43b1	fix #115	2024-12-26 10:32:15 +08:00
nyne	bed30d3cea	fix #116	2024-12-26 10:03:40 +08:00
nyne	06f953c1bc	fix history length	2024-12-23 22:52:03 +08:00
nyne	0b96d01afb	Improve local comics page	2024-12-22 18:07:13 +08:00
nyne	6023e462d7	Improve init	2024-12-22 11:31:57 +08:00
nyne	0e22574002	fix #111	2024-12-22 11:22:59 +08:00
nyne	e1b2f83c48	fix selecting image	2024-12-22 11:14:53 +08:00
nyne	e77424e00e	fix #109	2024-12-21 18:08:32 +08:00
nyne	9f67cd0d07	fix #110	2024-12-21 17:51:54 +08:00
nyne	6a79f68909	fix color	2024-12-21 17:50:05 +08:00
nyne	aa66111f2c	fix updating comic info	2024-12-21 17:38:59 +08:00
nyne	ddeaaf0856	fix desktop file	2024-12-21 17:27:17 +08:00
nyne	18f450a0db	Update README.md	2024-12-19 10:46:15 +08:00
nyne	a217b86c08	typo	2024-12-19 10:11:42 +08:00
nyne	79d2c91723	Create analyse.dart	2024-12-19 10:09:20 +08:00
nyne	731510e11d	Merge pull request #108 from UjuiUjuMandan/evil Remove DependencyInfoBlock	2024-12-18 23:18:27 +08:00
UjuiUjuMandan	b3d3c141f9	Remove DependencyInfoBlock	2024-12-18 13:53:23 +00:00
nyne	bea861a83c	Merge pull request #105 from UjuiUjuMandan/patch-2 Fix scope	2024-12-18 20:26:01 +08:00
ᡠᠵᡠᡳ ᡠᠵᡠ ᠮᠠᠨᡩ᠋ᠠᠨ	4a595a8aca	Update build.gradle	2024-12-18 20:24:21 +08:00
nyne	bf634f8654	Merge pull request #104 from venera-app/dev v1.1.2	2024-12-18 20:11:11 +08:00
nyne	bda215ebb7	Merge branch 'master' into dev	2024-12-18 20:10:41 +08:00
nyne	a70b690d3c	Run dart fix	2024-12-18 20:07:35 +08:00
nyne	0b8ae2d377	Update version code	2024-12-18 20:05:59 +08:00
nyne	24c5a1bb01	Improve local comics page	2024-12-18 20:04:45 +08:00
nyne	ea973a2787	fix #92	2024-12-18 19:36:54 +08:00
nyne	17bce96143	Merge pull request #103 from UjuiUjuMandan/abivercode Add abiVersionCode & Remove x86	2024-12-18 19:17:58 +08:00
ᡠᠵᡠᡳ ᡠᠵᡠ ᠮᠠᠨᡩ᠋ᠠᠨ	909c0014ac	* 10 for universal	2024-12-18 19:15:45 +08:00
nyne	eb1abfc02a	Fixed the issue where the images of multi-chapter comic are downloaded to invalid folder.	2024-12-18 19:13:35 +08:00
UjuiUjuMandan	788e41f584	Add abiVersionCode & Remove x86	2024-12-18 10:50:19 +00:00
nyne	929ec88e84	Fixed issue where deleting a download caused favourites to be deleted.	2024-12-18 17:58:18 +08:00
nyne	abaeaf4f77	improve mouse hover effects on click areas	2024-12-18 17:37:03 +08:00
nyne	a614e83470	Merge pull request #102 from UjuiUjuMandan/rb update dependencies again	2024-12-18 17:22:30 +08:00
nyne	8b9fd0d03d	improve pop_up_widget and side_bar in dark mode	2024-12-18 17:19:34 +08:00
UjuiUjuMandan	1964c4c0d5	update dependencies again	2024-12-18 09:16:28 +00:00
nyne	43d724dd27	fix #97	2024-12-18 17:08:03 +08:00
nyne	f9c42aef4b	fix #98	2024-12-18 16:51:57 +08:00
nyne	06a6e5156a	Fix minimum support platform version	2024-12-18 15:48:35 +08:00
deltamaya	be45a06981	update minimum support platform version	2024-12-18 15:25:32 +08:00
nyne	4763b9c7b4	test zip_flutter	2024-12-18 15:14:27 +08:00
nyne	7e608be70f	test zip_flutter	2024-12-18 14:15:08 +08:00
nyne	211e6ab8c8	update dependencies	2024-12-18 13:29:43 +08:00
nyne	100dc6458b	Merge pull request #100 from UjuiUjuMandan/master F-Droid	2024-12-17 22:56:39 +08:00
UjuiUjuMandan	8dab5f9e88	test fastlane add icon.png add icon.png scale to 512x512 metadata for zh-CN Revert "metadata for zh-CN" This reverts commit 77b30b9209dd1b082f050c55fa175fa96afbfcf6.	2024-12-17 14:18:41 +00:00
nyne	d08383e14b	disable Impeller	2024-12-17 20:11:18 +08:00
nyne	a55e4eff67	Update to flutter 3.27.1 & Fix android build	2024-12-17 17:21:10 +08:00
nyne	ab3953292b	fix https://github.com/venera-app/venera-configs/issues/28	2024-12-17 13:01:44 +08:00
nyne	b49e0974ab	improve zip	2024-12-17 12:10:57 +08:00
nyne	b6cccb7749	update version code	2024-12-13 09:34:37 +08:00
nyne	dac07cfac4	Fix windows build script	2024-12-13 09:30:28 +08:00
nyne	da12b3bcca	Fix favorites_page	2024-12-13 09:27:53 +08:00
nyne	017f964705	[Android] Disable Impeller	2024-12-13 09:25:09 +08:00
nyne	bed0f78e81	Merge pull request #96 from venera-app/dev v1.1.0-patch	2024-12-12 23:30:44 +08:00
nyne	092eb59c10	fix #94	2024-12-12 23:28:54 +08:00
nyne	a5d3d160c8	fix #95	2024-12-12 23:22:19 +08:00
nyne	d3c3748ce5	Update app.dart	2024-12-12 22:07:42 +08:00
nyne	586874de15	Merge pull request #93 from venera-app/dev v1.1.0	2024-12-12 21:22:26 +08:00
nyne	bda2c6c2e1	Merge remote-tracking branch 'origin/dev' into dev	2024-12-12 21:17:54 +08:00
nyne	e9aa6fcf30	download comics in local favorites page	2024-12-12 21:17:30 +08:00
nyne	60c6be08c5	fix #87 : Add translated_tags field to all local favorite table.	2024-12-12 21:17:30 +08:00
nyne	e4e2d264f5	update flutter to 3.27.0 & update packages	2024-12-12 21:17:30 +08:00
nyne	c2cfd066f6	update flutter_memory_info	2024-12-12 21:17:30 +08:00
nyne	d7b91f6a50	fix #91	2024-12-12 21:17:30 +08:00
nyne	da025b16ff	improve performance & ui	2024-12-12 21:17:30 +08:00
nyne	08e0082186	improve explore page loading	2024-12-12 21:17:30 +08:00
nyne	463805f5ed	Improve TabBar	2024-12-12 21:17:30 +08:00
nyne	72b146a9bf	Use PageStorage to store state	2024-12-12 21:17:30 +08:00
nyne	1104d28f14	improve ui	2024-12-12 21:17:30 +08:00
nyne	cf7be85f29	aggregated search	2024-12-12 21:17:30 +08:00
nyne	cab66619df	fix #61	2024-12-12 21:17:30 +08:00
nyne	bdd0724788	delete cache	2024-12-12 21:17:30 +08:00
nyne	617c452e07	fix #90 : export comic as epub	2024-12-12 21:17:30 +08:00
nyne	c8e6e1311c	download comics in local favorites page	2024-12-12 18:00:58 +08:00
nyne	0bdb1299ca	fix #87 : Add translated_tags field to all local favorite table.	2024-12-12 17:14:36 +08:00
nyne	af9835eb8f	update flutter to 3.27.0 & update packages	2024-12-12 16:41:42 +08:00
nyne	4801457e0e	update flutter_memory_info	2024-12-12 14:24:11 +08:00
nyne	0c9f7126a2	fix #91	2024-12-11 13:41:34 +08:00
nyne	3cf9228e2a	improve performance & ui	2024-12-10 16:01:06 +08:00
nyne	07f8cd2455	improve explore page loading	2024-12-10 14:45:48 +08:00
nyne	659b211038	Improve TabBar	2024-12-09 20:07:08 +08:00
nyne	4e121748cd	Use PageStorage to store state	2024-12-09 19:56:43 +08:00
nyne	14fe901144	improve ui	2024-12-09 18:06:35 +08:00
nyne	835b40860d	aggregated search	2024-12-09 17:56:44 +08:00
nyne	ef435dcaa5	fix #61	2024-12-08 17:56:30 +08:00
nyne	e999652a3e	delete cache	2024-12-07 20:11:11 +08:00
nyne	425cbed8a1	fix #90 : export comic as epub	2024-12-07 20:04:22 +08:00
nyne	488299bcfb	Update main.yml	2024-12-02 21:50:16 +08:00
nyne	b8bdda16c6	fix cbz import	2024-12-02 21:00:06 +08:00
nyne	1a50b8bc27	fix TabBar	2024-12-02 21:00:06 +08:00
nyne	546f619063	comment button	2024-12-02 21:00:06 +08:00
Naomi	0e831468ee	feat: 漫画列表页本地收藏自动选择默认收藏夹 (#84 ) Signed-off-by: Naomi <33375791+Henvy-Mango@users.noreply.github.com>	2024-12-02 21:00:06 +08:00
nyne	a4cc0a3af2	Update saf	2024-12-02 21:00:06 +08:00
nyne	80811bf12d	rollback android storage setting	2024-12-02 21:00:06 +08:00
nyne	21bf9d72c0	Add HistoryImageProvider	2024-12-02 21:00:06 +08:00
nyne	035a84380c	fix copyDirectoryIsolate	2024-12-02 21:00:06 +08:00
nyne	5ddb6f47ca	add telegram link	2024-12-02 21:00:06 +08:00
nyne	c1672d01f8	update reader	2024-12-02 21:00:06 +08:00
buste	66ebdb03b1	Feat 为画廊模式添加每页显示图片数量的配置 (#82 ) * Feat: Add dynamic image-per-page configuration for gallery mode - Implemented a slider to configure the number of images displayed per page (1-5) in gallery mode. - Updated the reader to dynamically reflect changes in the `imagesPerPage` setting without requiring a mode switch or reopening. - Ensured compatibility with existing continuous reading mode. * fix currentImagesPerPage * fix Continuous mode * improve readerScreenPicNumber setting disable view * improve PhotoViewController	2024-12-02 21:00:06 +08:00
nyne	df2ba6efd1	update version code	2024-12-02 21:00:06 +08:00
nyne	705c448cfe	export comic as pdf	2024-12-02 21:00:06 +08:00
nyne	a711335012	import pica data	2024-12-02 21:00:06 +08:00
nyne	305ef9263d	fix selecting file on Android	2024-12-02 21:00:06 +08:00
nyne	f8b8811aaa	fix #52	2024-12-02 21:00:06 +08:00
nyne	a868fe3fff	prevent too many image loading at save time	2024-12-02 21:00:06 +08:00
nyne	873cbd779e	fix #73	2024-12-02 21:00:06 +08:00
nyne	d56e3fd59f	fix #76	2024-12-02 21:00:06 +08:00
nyne	d96b36414d	fix subtitle	2024-12-02 21:00:06 +08:00
nyne	b30bd11d1a	fix #77	2024-12-02 21:00:06 +08:00
nyne	72507d907a	Feat/saf (#81 ) * [Android] Use SAF to change local path * Use IOOverrides to replace openDirectoryPlatform and openFilePlatform * fix io	2024-12-02 21:00:06 +08:00
nyne	9b821f1b46	fix cbz import	2024-12-02 20:55:47 +08:00
nyne	867b2a4b64	fix TabBar	2024-12-02 17:45:26 +08:00
nyne	8f07c8a2bb	comment button	2024-12-02 16:47:13 +08:00
Naomi	7aed61a65e	feat: 漫画列表页本地收藏自动选择默认收藏夹 (#84 ) Signed-off-by: Naomi <33375791+Henvy-Mango@users.noreply.github.com>	2024-12-02 16:27:40 +08:00
nyne	674b5c9636	Update saf	2024-12-02 15:30:59 +08:00
nyne	153f1a9dfe	rollback android storage setting	2024-12-02 11:39:28 +08:00
nyne	6c5df47663	Add HistoryImageProvider	2024-12-02 11:19:06 +08:00
nyne	24188b51c0	fix copyDirectoryIsolate	2024-12-01 21:10:51 +08:00
nyne	070c803f97	add telegram link	2024-12-01 20:25:32 +08:00
nyne	b425eec561	update reader	2024-12-01 20:22:33 +08:00
buste	95c98eeaed	Feat 为画廊模式添加每页显示图片数量的配置 (#82 ) * Feat: Add dynamic image-per-page configuration for gallery mode - Implemented a slider to configure the number of images displayed per page (1-5) in gallery mode. - Updated the reader to dynamically reflect changes in the `imagesPerPage` setting without requiring a mode switch or reopening. - Ensured compatibility with existing continuous reading mode. * fix currentImagesPerPage * fix Continuous mode * improve readerScreenPicNumber setting disable view * improve PhotoViewController	2024-12-01 19:56:38 +08:00
nyne	60f7b4d3b0	update version code	2024-12-01 18:57:35 +08:00
nyne	2ee2a01550	export comic as pdf	2024-12-01 18:54:17 +08:00
nyne	a2f628001a	import pica data	2024-12-01 18:06:19 +08:00
nyne	de4503a2de	fix selecting file on Android	2024-12-01 18:05:59 +08:00
nyne	30b2aa2f99	fix #52	2024-11-30 21:36:23 +08:00
nyne	2f4927f719	prevent too many image loading at save time	2024-11-30 21:30:39 +08:00
nyne	9fb3482474	fix #73	2024-11-30 21:05:35 +08:00
nyne	2063eee82b	fix #76	2024-11-30 20:52:55 +08:00
nyne	91b765ffba	fix subtitle	2024-11-30 13:50:07 +08:00
nyne	bbfe87fff2	fix #77	2024-11-30 10:07:03 +08:00
nyne	430b6eeb3a	Feat/saf (#81 ) * [Android] Use SAF to change local path * Use IOOverrides to replace openDirectoryPlatform and openFilePlatform * fix io	2024-11-29 21:33:28 +08:00
onlytheworld	06094fc5fc	自动发布 (#80 ) * change workflow * Update main.yml	2024-11-29 17:08:01 +08:00
				`@@ -0,0 +1 @@`
				`A comic reader that support reading local and network comics.`