fix share

assets/tr.json

@@ -106,7 +106,22 @@
         "Popular(Female)": "热门(女性向)",
         "Start Time": "开始时间",
         "End Time": "结束时间",
-        "Max parallels": "最大并行数"
+        "Max parallels": "最大并行数",
+        "Replace with 'AI' if the work was generated by AI, otherwise replace with blank": "替换为'AI'如果作品是由AI生成的, 否则替换为空白",
+        "Replace with * if the work have tag *, otherwise replace with blank.": "替换为*如果作品包含标签*, 否则替换为空白",
+        "Multiple path separators will be automatically replaced with a single": "多个路径分隔符将被自动替换为单个",
+        "Login": "登录",
+        "You need to complete the login operation in the browser window that will open.": "您需要在打开的浏览器窗口中完成登录操作",
+        "I have read and agree to the Terms of Use": "我已阅读并同意使用条款",
+        "Waiting..." : "等待中...",
+        "Waiting for authentication. Please finished in the browser." : "等待验证. 请在浏览器中完成.",
+        "Back" : "返回",
+        "Logging in" : "登录中",
+        "Browse": "浏览",
+        "Proxy": "代理",
+        "Appearance": "外观",
+        "Language": "语言",
+        "Theme": "主题"
     },
     "zh_TW": {
         "Search": "搜索",
@@ -215,6 +230,21 @@
         "Popular(Female)": "熱門(女性)",
         "Start Time": "開始時間",
         "End Time": "結束時間",
-        "Max parallels": "最大並行數"
+        "Max parallels": "最大並行數",
+        "Replace with 'AI' if the work was generated by AI, otherwise replace with blank": "替換為'AI'如果作品是由AI生成的, 否則替換為空白",
+        "Replace with * if the work have tag *, otherwise replace with blank.": "替換為*如果作品包含標籤*, 否則替換為空白",
+        "Multiple path separators will be automatically replaced with a single": "多個路徑分隔符號將自動替換為單一",
+        "Login": "登錄",
+        "You need to complete the login operation in the browser window that will open.": "您需要在打開的瀏覽器窗口中完成登錄操作",
+        "I have read and agree to the Terms of Use": "我已閱讀並同意使用條款",
+        "Waiting..." : "等待中...",
+        "Waiting for authentication. Please finished in the browser." : "等待驗證. 請在瀏覽器中完成.",
+        "Back" : "返回",
+        "Logging in" : "登錄中",
+        "Browse": "瀏覽",
+        "Proxy": "代理",
+        "Appearance": "外觀",
+        "Language": "語言",
+        "Theme": "主題"
     }
 }

lib/appdata.dart

@@ -16,9 +16,10 @@ class _Appdata {
   Map<String, dynamic> settings = {
     "downloadPath": null,
     "downloadSubPath": r"/${id}-p${index}.${ext}",
-    "tagsWeight": "風景 ロリ 巨乳 女の子",
-    "useTranslatedNameForDownload": true,
-    "maxParallels": 3
+    "maxParallels": 3,
+    "proxy": "",
+    "darkMode": "System",
+    "language": "System",
   };
 
   bool lock = false;

lib/components/illust_widget.dart

@@ -65,6 +65,91 @@ class _IllustWidgetState extends State<IllustWidget> {
                   ),
                 ),
               )),
+              if(widget.illust.images.length > 1)
+                Positioned(
+                  top: 12,
+                  left: 12,
+                  child: Container(
+                    width: 28,
+                    height: 20,
+                    decoration: BoxDecoration(
+                      color: FluentTheme.of(context).cardColor,
+                      borderRadius: BorderRadius.circular(4),
+                      border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
+                    ),
+                    child: Center(
+                      child: Text("${widget.illust.images.length}P",
+                        style: const TextStyle(fontSize: 12),),
+                    )),
+                ),
+              if(widget.illust.isAi)
+                Positioned(
+                  bottom: 12,
+                  left: 12,
+                  child: Container(
+                      width: 28,
+                      height: 20,
+                      decoration: BoxDecoration(
+                        color: ColorScheme.of(context).errorContainer.withOpacity(0.8),
+                        borderRadius: BorderRadius.circular(4),
+                        border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
+                      ),
+                      child: const Center(
+                        child: Text("AI",
+                          style: TextStyle(fontSize: 12),),
+                      )),
+                ),
+              if(widget.illust.isUgoira)
+                Positioned(
+                  bottom: 12,
+                  left: 12,
+                  child: Container(
+                      width: 28,
+                      height: 20,
+                      decoration: BoxDecoration(
+                        color: ColorScheme.of(context).primaryContainer.withOpacity(0.8),
+                        borderRadius: BorderRadius.circular(4),
+                        border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
+                      ),
+                      child: const Center(
+                        child: Text("GIF",
+                          style: TextStyle(fontSize: 12),),
+                      )),
+                ),
+              if(widget.illust.isR18)
+                Positioned(
+                  bottom: 12,
+                  right: 12,
+                  child: Container(
+                      width: 28,
+                      height: 20,
+                      decoration: BoxDecoration(
+                        color: ColorScheme.of(context).errorContainer,
+                        borderRadius: BorderRadius.circular(4),
+                        border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
+                      ),
+                      child: const Center(
+                        child: Text("R18",
+                          style: TextStyle(fontSize: 12),),
+                      )),
+                ),
+              if(widget.illust.isR18G)
+                Positioned(
+                  bottom: 12,
+                  right: 12,
+                  child: Container(
+                      width: 28,
+                      height: 20,
+                      decoration: BoxDecoration(
+                        color: ColorScheme.of(context).errorContainer,
+                        borderRadius: BorderRadius.circular(4),
+                        border: Border.all(color: ColorScheme.of(context).outlineVariant, width: 0.6),
+                      ),
+                      child: const Center(
+                        child: Text("R18G",
+                          style: TextStyle(fontSize: 12),),
+                      )),
+                ),
               Positioned(
                 top: 16,
                 right: 16,

lib/components/message.dart

@@ -30,7 +30,7 @@ class ToastOverlay extends StatelessWidget {
       child: Align(
         alignment: Alignment.bottomCenter,
         child: PhysicalModel(
-          color: FluentTheme.of(context).cardColor.withOpacity(0),
+          color: ColorScheme.of(context).surface.withOpacity(1),
           borderRadius: BorderRadius.circular(4),
           elevation: 1,
           child: Container(

lib/components/ugoira.dart

@@ -0,0 +1,265 @@
+import 'dart:convert';
+import 'dart:io';
+import 'package:archive/archive_io.dart';
+
+import 'package:crypto/crypto.dart';
+import 'package:fluent_ui/fluent_ui.dart';
+import 'package:intl/intl.dart';
+import 'package:pixes/components/md.dart';
+import 'package:pixes/network/network.dart';
+
+import '../foundation/cache_manager.dart';
+import '../network/app_dio.dart';
+import 'dart:ui' as ui;
+
+class UgoiraWidget extends StatefulWidget {
+  const UgoiraWidget({super.key, required this.id, required this.previewImage,
+    required this.width, required this.height});
+
+  final String id;
+
+  final ImageProvider previewImage;
+
+  final double width;
+
+  final double height;
+
+  @override
+  State<UgoiraWidget> createState() => _UgoiraWidgetState();
+}
+
+class _UgoiraWidgetState extends State<UgoiraWidget> {
+  _UgoiraMetadata? _metadata;
+
+  bool _loading = false;
+
+  bool _finished = false;
+
+  bool _error = false;
+
+  int expectedBytes = 1;
+
+  int receivedBytes = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: widget.width,
+      height: widget.height,
+      child: !_finished
+        ? buildPreview()
+        : _UgoiraAnimation(metadata: _metadata!, key: Key(widget.id),),
+    );
+  }
+
+  Widget buildPreview() {
+    return Stack(
+      children: [
+        Positioned.fill(
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(4),
+            child: Image(
+              image: widget.previewImage,
+              fit: BoxFit.cover,
+            ),
+          ),
+        ),
+        if(_error)
+          const Positioned.fill(
+            child: Center(
+              child: Icon(
+                MdIcons.error_outline,
+                size: 36,
+              ),
+            )),
+        if(!_loading)
+          Positioned.fill(
+            child: GestureDetector(
+              onTap: load,
+              child: const Center(
+                child: Icon(
+                  MdIcons.play_circle_outline,
+                  size: 36,
+                ),
+              ),
+            ),
+          )
+        else
+          Center(
+            child: ProgressRing(value: (receivedBytes / expectedBytes) * 100,),
+          ),
+      ],
+    );
+  }
+
+  void load() async {
+    setState(() {
+      _loading = true;
+    });
+    var res0 = await Network().apiGet('/v1/ugoira/metadata?illust_id=${widget.id}');
+    if(res0.error) {
+      setState(() {
+        _error = true;
+        _loading = false;
+      });
+      return;
+    }
+    var json = res0.data;
+    _metadata = _UgoiraMetadata(
+      url: json["ugoira_metadata"]["zip_urls"]["medium"],
+      frames: (json["ugoira_metadata"]["frames"] as List).map<_UgoiraFrame>((e) => _UgoiraFrame(
+        delay: e["delay"],
+        fileName: e["file"],
+      )).toList(),
+    );
+    try {
+      var key = "ugoira_${widget.id}";
+      var cached = await CacheManager().findCache(key);
+      if(cached != null) {
+        await extract(cached);
+        return;
+      }
+      var dio = AppDio();
+      final time = DateFormat("yyyy-MM-dd'T'HH:mm:ss'+00:00'").format(DateTime.now());
+      final hash = md5.convert(utf8.encode(time + Network.hashSalt)).toString();
+      var res = await dio.get<ResponseBody>(
+          _metadata!.url,
+          options: Options(
+              responseType: ResponseType.stream,
+              validateStatus: (status) => status != null && status < 500,
+              headers: {
+                "referer": "https://app-api.pixiv.net/",
+                "user-agent": "PixivAndroidApp/5.0.234 (Android 14; Pixes)",
+                "x-client-time": time,
+                "x-client-hash": hash,
+                "accept-enconding": "gzip",
+              }
+          )
+      );
+      if(res.statusCode != 200) {
+        throw "Failed to load image: ${res.statusCode}";
+      }
+      expectedBytes = int.parse(res.headers.value("content-length") ?? "1");
+      var cachingFile = await CacheManager().openWrite(key);
+      await for (var chunk in res.data!.stream) {
+        await cachingFile.writeBytes(chunk);
+        setState(() {
+          receivedBytes += chunk.length;
+          if(receivedBytes > expectedBytes) {
+            expectedBytes = receivedBytes + 1;
+          }
+        });
+      }
+      await cachingFile.close();
+      await extract(cachingFile.file.path);
+    }
+    catch(e) {
+      setState(() {
+        _error = true;
+        _loading = false;
+      });
+      return;
+    }
+  }
+
+  Future<void> extract(String filePath) async{
+    var zip = ZipDecoder().decodeBytes(await File(filePath).readAsBytes());
+    for(var file in zip) {
+      if(file.isFile) {
+        var frame = _metadata!.frames.firstWhere((element) => element.fileName == file.name);
+        frame.data = await decodeImageFromList(file.content);
+      }
+    }
+    zip.clear();
+    setState(() {
+      _loading = false;
+      _finished = true;
+    });
+  }
+}
+
+
+class _UgoiraAnimation extends StatefulWidget {
+  const _UgoiraAnimation({super.key, required this.metadata});
+
+  final _UgoiraMetadata metadata;
+
+  @override
+  State<_UgoiraAnimation> createState() => _UgoiraAnimationState();
+}
+
+class _UgoiraAnimationState extends State<_UgoiraAnimation> with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    final totalDuration = widget.metadata.frames.fold<int>(
+        0, (previousValue, element) => previousValue + element.delay);
+    _controller = AnimationController(
+      vsync: this,
+      duration: Duration(milliseconds: totalDuration),
+      value: 0,
+      lowerBound: 0,
+      upperBound: widget.metadata.frames.length.toDouble(),
+    );
+    _controller.repeat();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: _controller,
+      builder: (context, child) {
+        final frame = widget.metadata.frames[_controller.value.toInt()];
+        return CustomPaint(
+          painter: _ImagePainter(frame.data!),
+        );
+      },
+    );
+  }
+}
+
+class _UgoiraMetadata {
+  final String url;
+  final List<_UgoiraFrame> frames;
+
+  _UgoiraMetadata({required this.url, required this.frames});
+}
+
+class _UgoiraFrame {
+  final int delay;
+  final String fileName;
+  ui.Image? data;
+
+  _UgoiraFrame({required this.delay, required this.fileName});
+}
+
+class _ImagePainter extends CustomPainter {
+  final ui.Image data;
+
+  _ImagePainter(this.data);
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    // 覆盖整个画布
+    Rect rect = Offset.zero & size;
+    canvas.drawImageRect(
+      data,
+      Rect.fromLTRB(0, 0, data.width.toDouble(), data.height.toDouble()),
+      rect,
+      Paint()..filterQuality = FilterQuality.medium
+    );
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) {
+    return data != (oldDelegate as _ImagePainter).data;
+  }
+}

lib/foundation/app.dart

@@ -4,12 +4,14 @@ import 'dart:ui';
 import 'package:fluent_ui/fluent_ui.dart';
 import 'package:path_provider/path_provider.dart';
 
+import '../appdata.dart';
+
 export "widget_utils.dart";
 export "state_controller.dart";
 export "navigation.dart";
 
 class _App {
-  final version = "1.0.1";
+  final version = "1.0.2";
 
   bool get isAndroid => Platform.isAndroid;
   bool get isIOS => Platform.isIOS;
@@ -21,6 +23,14 @@ class _App {
   bool get isMobile => Platform.isAndroid || Platform.isIOS;
 
   Locale get locale {
+    if(appdata.settings["language"] != "System"){
+      return switch(appdata.settings["language"]){
+        "English" => const Locale("en"),
+        "简体中文" => const Locale("zh"),
+        "繁體中文" => const Locale("zh", "Hant"),
+        _ => const Locale("en"),
+      };
+    }
     Locale deviceLocale = PlatformDispatcher.instance.locale;
     if (deviceLocale.languageCode == "zh" && deviceLocale.scriptCode == "Hant") {
       deviceLocale = const Locale("zh", "TW");

lib/main.dart

@@ -1,3 +1,5 @@
+import "dart:ui";
+
 import "package:fluent_ui/fluent_ui.dart";
 import "package:flutter/services.dart";
 import "package:pixes/appdata.dart";
@@ -47,32 +49,31 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
-    return AnnotatedRegion<SystemUiOverlayStyle>(
-      value: const SystemUiOverlayStyle(
-          systemNavigationBarColor: Colors.transparent,
-          statusBarColor: Colors.transparent),
-      child: StateBuilder<SimpleController>(
-          init: SimpleController(),
-          tag: "MyApp",
-          builder: (controller) {
-            return FluentApp(
+    return StateBuilder<SimpleController>(
+        init: SimpleController(),
+        tag: "MyApp",
+        builder: (controller) {
+          Brightness brightness = PlatformDispatcher.instance.platformBrightness;
+
+          if(appdata.settings["theme"] == "Dark") {
+            brightness = Brightness.dark;
+          } else if(appdata.settings["theme"] == "Light") {
+            brightness = Brightness.light;
+          }
+
+          return AnnotatedRegion<SystemUiOverlayStyle>(
+            value: SystemUiOverlayStyle(
+              systemNavigationBarColor: Colors.transparent,
+              statusBarColor: Colors.transparent,
+              statusBarIconBrightness: brightness.opposite,
+              systemNavigationBarIconBrightness: brightness.opposite,
+            ),
+            child: FluentApp(
                 navigatorKey: App.rootNavigatorKey,
                 debugShowCheckedModeBanner: false,
                 title: 'pixes',
                 theme: FluentThemeData(
-                    brightness: Brightness.light,
-                    fontFamily: App.isWindows ? 'font' : null,
-                    accentColor: AccentColor.swatch({
-                      'darkest': SystemTheme.accentColor.darkest,
-                      'darker': SystemTheme.accentColor.darker,
-                      'dark': SystemTheme.accentColor.dark,
-                      'normal': SystemTheme.accentColor.accent,
-                      'light': SystemTheme.accentColor.light,
-                      'lighter': SystemTheme.accentColor.lighter,
-                      'lightest': SystemTheme.accentColor.lightest,
-                    })),
-                darkTheme: FluentThemeData(
-                    brightness: Brightness.dark,
+                    brightness: brightness,
                     fontFamily: App.isWindows ? 'font' : null,
                     accentColor: AccentColor.swatch({
                       'darkest': SystemTheme.accentColor.darkest,
@@ -99,8 +100,8 @@ class MyApp extends StatelessWidget {
                   }
 
                   return OverlayWidget(child);
-                });
-          }),
-    );
+                }),
+          );
+        });
   }
 }

lib/network/app_dio.dart

@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:dio/dio.dart';
 import 'package:dio/io.dart';
 import 'package:flutter/services.dart';
+import 'package:pixes/appdata.dart';
 import 'package:pixes/foundation/app.dart';
 import 'package:pixes/foundation/log.dart';
 import 'package:pixes/utils/ext.dart';
@@ -132,7 +133,9 @@ class _ProxyHttpOverrides extends HttpOverrides {
   String proxy = "DIRECT";
 
   String findProxy(Uri uri) {
-    if(!App.isLinux) {
+    var haveUserProxy = appdata.settings["proxy"] != null
+        && appdata.settings["proxy"].toString().isNotEmpty;
+    if(!App.isLinux && !haveUserProxy){
       var channel = const MethodChannel("pixes/proxy");
       channel.invokeMethod("getProxy").then((value) {
         if(value.toString().toLowerCase() == "no proxy"){
@@ -150,6 +153,10 @@ class _ProxyHttpOverrides extends HttpOverrides {
           proxy = "PROXY $value";
         }
       });
+    } else {
+      if(haveUserProxy){
+        proxy = "PROXY ${appdata.settings["proxy"]}";
+      }
     }
     return proxy;
   }

lib/network/download.dart

@@ -127,28 +127,35 @@ class DownloadingTask {
   static String _generateFilePath(Illust illust, int index, String ext) {
     final String downloadPath = appdata.settings["downloadPath"];
     String subPathPatten = appdata.settings["downloadSubPath"];
-    final tagsWeight = (appdata.settings["tagsWeight"] as String).split(' ');
-    final originalTags = List<Tag>.from(illust.tags);
-    originalTags.sort((a, b){
-      var aWeight = tagsWeight.indexOf(a.name);
-      if(aWeight == -1) aWeight = tagsWeight.length;
-      var bWeight = tagsWeight.indexOf(b.name);
-      if(bWeight == -1) bWeight = tagsWeight.length;
-      return aWeight - bWeight;
-    });
-    final tags = appdata.settings["useTranslatedNameForDownload"] == false
-        ? originalTags.map((e) => e.name).toList()
-        : originalTags.map((e) => e.translatedName ?? e.name).toList();
-    
     subPathPatten = subPathPatten.replaceAll(r"${id}", illust.id.toString());
     subPathPatten = subPathPatten.replaceAll(r"${title}", illust.title);
     subPathPatten = subPathPatten.replaceAll(r"${author}", illust.author.name);
     subPathPatten = subPathPatten.replaceAll(r"${index}", index.toString());
     subPathPatten = subPathPatten.replaceAll(r"${ext}", ext);
-    for(int i=0; i<tags.length; i++) {
-      subPathPatten = subPathPatten.replaceAll("\${tag$i}", tags[i]);
+    subPathPatten = subPathPatten.replaceAll(r"${AI}", illust.isAi ? "AI" : "");
+    List<String> extractTags(String input) {
+      final regex = RegExp(r'\$\{tag\((.*?)\)\}');
+      final matches = regex.allMatches(input);
+      return matches.map((match) => match.group(1)!).toList();
     }
-    return "$downloadPath$subPathPatten";
+    var tags = extractTags(subPathPatten);
+    for(var tag in tags) {
+      if (illust.tags.where((e) => e.name == tag || e.translatedName == tag).isNotEmpty) {
+        subPathPatten = subPathPatten.replaceAll("\${tag($tag)}", tag);
+      }
+    }
+    return _cleanFilePath("$downloadPath$subPathPatten");
+  }
+
+  static String _cleanFilePath(String filePath) {
+    const invalidChars = ['*', '?', '"', '<', '>', '|'];
+
+    String cleanedPath =
+        filePath.replaceAll(RegExp('[${invalidChars.join(' ')}]'), '');
+
+    cleanedPath = cleanedPath.replaceAll(RegExp(r'[/\\]+'), '/');
+
+    return cleanedPath;
   }
 
   void retry() {

lib/network/models.dart

@@ -142,6 +142,17 @@ class Tag {
   String toString() {
     return "$name${translatedName == null ? "" : "($translatedName)"}";
   }
+
+  @override
+  bool operator ==(Object other) {
+    if (other is Tag) {
+      return name == other.name;
+    }
+    return false;
+  }
+
+  @override
+  int get hashCode => name.hashCode;
 }
 
 class IllustImage {
@@ -170,6 +181,11 @@ class Illust {
   final int totalBookmarks;
   bool isBookmarked;
   final bool isAi;
+  final bool isUgoira;
+
+  bool get isR18 => tags.contains(const Tag("R-18", null));
+
+  bool get isR18G => tags.contains(const Tag("R-18G", null));
 
   Illust.fromJson(Map<String, dynamic> json)
       : id = json['id'],
@@ -211,7 +227,8 @@ class Illust {
         totalView = json['total_view'],
         totalBookmarks = json['total_bookmarks'],
         isBookmarked = json['is_bookmarked'],
-        isAi = json['is_ai'] != 1;
+        isAi = json['illust_ai_type'] == 2,
+        isUgoira = json['type'] == "ugoira";
 }
 
 class TrendingTag {

lib/network/network.dart

@@ -223,7 +223,7 @@ class Network {
   Future<Res<List<Illust>>> getBookmarkedIllusts(String restrict,
       [String? nextUrl]) async {
     var res = await apiGet(nextUrl ??
-        "/v1/user/bookmarks/illust?user_id=49258688&restrict=$restrict");
+        "/v1/user/bookmarks/illust?user_id=${appdata.account?.user.id}&restrict=$restrict");
     if (res.success) {
       return Res(
           (res.data["illusts"] as List).map((e) => Illust.fromJson(e)).toList(),

lib/pages/downloaded_page.dart

@@ -2,6 +2,7 @@ import 'dart:io';
 
 import 'package:fluent_ui/fluent_ui.dart';
 import 'package:flutter/gestures.dart';
+import 'package:flutter/services.dart';
 import 'package:photo_view/photo_view_gallery.dart';
 import 'package:pixes/components/grid.dart';
 import 'package:pixes/components/md.dart';
@@ -266,11 +267,13 @@ class _DownloadedIllustViewPageState extends State<_DownloadedIllustViewPage> wi
 
   @override
   Widget build(BuildContext context) {
-    return ScaffoldPage(
+    return Container(
       padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
-      content: Listener(
+      color: FluentTheme.of(context).micaBackgroundColor,
+      child: Listener(
         onPointerSignal: (event) {
-          if(event is PointerScrollEvent) {
+          if(event is PointerScrollEvent &&
+              !HardwareKeyboard.instance.isControlPressed) {
             if(event.scrollDelta.dy > 0
                 && controller.page!.toInt() < widget.imagePaths.length - 1) {
               controller.jumpToPage(controller.page!.toInt() + 1);
@@ -286,8 +289,8 @@ class _DownloadedIllustViewPageState extends State<_DownloadedIllustViewPage> wi
               children: [
                 Positioned.fill(child: PhotoViewGallery.builder(
                   pageController: controller,
-                  backgroundDecoration: BoxDecoration(
-                      color: FluentTheme.of(context).micaBackgroundColor
+                  backgroundDecoration: const BoxDecoration(
+                      color: Colors.transparent
                   ),
                   itemCount: widget.imagePaths.length,
                   builder: (context, index) {

lib/pages/illust_page.dart

@@ -19,6 +19,7 @@ import 'package:pixes/utils/translation.dart';
 import 'package:share_plus/share_plus.dart';
 
 import '../components/md.dart';
+import '../components/ugoira.dart';
 
 
 const _kBottomBarHeight = 64.0;
@@ -75,6 +76,19 @@ class _IllustPageState extends State<IllustPage> {
         });
   }
 
+  void openImage(int index) {
+    var images = <String>[];
+    for(var i = 0; i < widget.illust.images.length; i++) {
+      var downloadFile = DownloadManager().getImage(widget.illust.id, i);
+      if(downloadFile != null) {
+        images.add("file://${downloadFile.path}");
+      } else {
+        images.add(widget.illust.images[i].original);
+      }
+    }
+    ImagePage.show(images, initialPage: index);
+  }
+
   Widget buildImage(double width, double height, int index) {
     if (index == 0) {
       return Text(
@@ -100,44 +114,53 @@ class _IllustPageState extends State<IllustPage> {
       imageWidth = imageWidth / scale;
       imageHeight = height;
     }
-    var image = SizedBox(
-      width: imageWidth,
-      height: imageHeight,
-      child: GestureDetector(
-        onTap: () => ImagePage.show(downloadFile == null
-            ? widget.illust.images[index].original
-            : "file://${downloadFile.path}"),
-        child: Image(
-          key: ValueKey(index),
-          image: downloadFile == null
-            ? CachedImageProvider(widget.illust.images[index].large) as ImageProvider
-            : FileImage(downloadFile) as ImageProvider,
-          width: imageWidth,
-          fit: BoxFit.cover,
-          height: imageHeight,
-          loadingBuilder: (context, child, loadingProgress) {
-            if (loadingProgress == null) return child;
-            double? value;
-            if(loadingProgress.expectedTotalBytes != null) {
-              value = (loadingProgress.cumulativeBytesLoaded /
-                  loadingProgress.expectedTotalBytes!)*100;
-            }
-            if(value != null && (value > 100 || value < 0)) {
-              value = null;
-            }
-            return Center(
-              child: SizedBox(
-                width: 24,
-                height: 24,
-                child: ProgressRing(
-                  value: value,
-                ),
-              ),
-            );
-          }
+    Widget image;
+
+    if(!widget.illust.isUgoira) {
+      image = SizedBox(
+        width: imageWidth,
+        height: imageHeight,
+        child: GestureDetector(
+          onTap: () => openImage(index),
+          child: Image(
+              key: ValueKey(index),
+              image: downloadFile == null
+                  ? CachedImageProvider(widget.illust.images[index].large) as ImageProvider
+                  : FileImage(downloadFile) as ImageProvider,
+              width: imageWidth,
+              fit: BoxFit.cover,
+              height: imageHeight,
+              loadingBuilder: (context, child, loadingProgress) {
+                if (loadingProgress == null) return child;
+                double? value;
+                if(loadingProgress.expectedTotalBytes != null) {
+                  value = (loadingProgress.cumulativeBytesLoaded /
+                      loadingProgress.expectedTotalBytes!)*100;
+                }
+                if(value != null && (value > 100 || value < 0)) {
+                  value = null;
+                }
+                return Center(
+                  child: SizedBox(
+                    width: 24,
+                    height: 24,
+                    child: ProgressRing(
+                      value: value,
+                    ),
+                  ),
+                );
+              }
+          ),
         ),
-      ),
-    );
+      );
+    } else {
+      image = UgoiraWidget(
+        id: widget.illust.id.toString(),
+        previewImage: CachedImageProvider(widget.illust.images[index].large),
+        width: imageWidth,
+        height: imageHeight,
+      );
+    }
 
     return Center(
       child: image,

lib/pages/image_page.dart

@@ -1,7 +1,9 @@
 import 'dart:io';
 
 import 'package:fluent_ui/fluent_ui.dart';
-import 'package:photo_view/photo_view.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/services.dart';
+import 'package:photo_view/photo_view_gallery.dart';
 import 'package:pixes/components/md.dart';
 import 'package:pixes/components/page_route.dart';
 import 'package:pixes/foundation/app.dart';
@@ -14,13 +16,16 @@ import 'package:share_plus/share_plus.dart';
 import 'package:window_manager/window_manager.dart';
 
 class ImagePage extends StatefulWidget {
-  const ImagePage(this.url, {super.key});
+  const ImagePage(this.urls, {this.initialPage = 1, super.key});
 
-  final String url;
+  final List<String> urls;
 
-  static show(String url) {
+  final int initialPage;
+
+  static show(List<String> urls, {int initialPage = 1}) {
     App.rootNavigatorKey.currentState
-        ?.push(AppPageRoute(builder: (context) => ImagePage(url)));
+        ?.push(AppPageRoute(
+        builder: (context) => ImagePage(urls, initialPage: initialPage)));
   }
 
   @override
@@ -56,70 +61,25 @@ class _ImagePageState extends State<ImagePage> with WindowListener {
     });
   }
 
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
-      color: FluentTheme.of(context).micaBackgroundColor,
-      child: Stack(
-        children: [
-          Positioned.fill(
-              child: PhotoView(
-            backgroundDecoration: BoxDecoration(
-                color: FluentTheme.of(context).micaBackgroundColor),
-            filterQuality: FilterQuality.medium,
-            imageProvider: widget.url.startsWith("file://")
-                ? FileImage(File(widget.url.replaceFirst("file://", "")))
-                : CachedImageProvider(widget.url) as ImageProvider,
-          )),
-          Positioned(
-            top: 0,
-            left: 0,
-            right: 0,
-            child: SizedBox(
-              height: 36,
-              child: Row(
-                children: [
-                  const SizedBox(
-                    width: 6,
-                  ),
-                  IconButton(
-                      icon: const Icon(FluentIcons.back).paddingAll(2),
-                      onPressed: () => context.pop()),
-                  const Expanded(
-                    child: DragToMoveArea(
-                      child: SizedBox.expand(),
-                    ),
-                  ),
-                  buildActions(),
-                  if (App.isDesktop)
-                    WindowButtons(
-                      key: ValueKey(windowButtonKey),
-                    ),
-                ],
-              ),
-            ),
-          ),
-        ],
-      ),
-    );
-  }
+  late var controller = PageController(initialPage: widget.initialPage);
+
+  late int currentPage = widget.initialPage;
 
   var menuController = FlyoutController();
 
-  Future<File?> getFile() async{
-    if (widget.url.startsWith("file://")) {
-      return File(widget.url.replaceFirst("file://", ""));
+  Future<File?> getFile() async {
+    var image = widget.urls[currentPage];
+    if(image.startsWith("file://")){
+      return File(image.replaceFirst("file://", ""));
     }
-    var res = await CacheManager().findCache(widget.url);
-    if(res == null){
-      return null;
-    }
-    return File(res);
+    var file = await CacheManager().findCache(image);
+    return file == null
+        ? null
+        : File(file);
   }
 
   String getExtensionName() {
-    var fileName = widget.url.split('/').last;
+    var fileName = widget.urls[currentPage].split('/').last;
     if(fileName.contains('.')){
       return '.${fileName.split('.').last}';
     }
@@ -142,20 +102,17 @@ class _ImagePageState extends State<ImagePage> with WindowListener {
         MenuFlyoutItem(text: Text("Share".tl), onPressed: () async{
           var file = await getFile();
           if(file != null){
+            var ext = getExtensionName();
             var fileName = file.path.split('/').last;
-            String ext;
             if(!fileName.contains('.')){
-              ext = getExtensionName();
-              fileName += getExtensionName();
-            } else {
-              ext = file.path.split('.').last;
+              fileName += ext;
             }
-            var mediaType = switch(ext.replaceFirst('.', "")){
-              'jpg' => 'image/jpeg',
-              'jpeg' => 'image/jpeg',
-              'png' => 'image/png',
-              'gif' => 'image/gif',
-              'webp' => 'image/webp',
+            var mediaType = switch(ext){
+              '.jpg' => 'image/jpeg',
+              '.jpeg' => 'image/jpeg',
+              '.png' => 'image/png',
+              '.gif' => 'image/gif',
+              '.webp' => 'image/webp',
               _ => 'application/octet-stream'
             };
             Share.shareXFiles([XFile.fromData(
@@ -169,6 +126,113 @@ class _ImagePageState extends State<ImagePage> with WindowListener {
     ));
   }
 
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
+      color: FluentTheme.of(context).micaBackgroundColor,
+      child: Listener(
+        onPointerSignal: (event) {
+          if(event is PointerScrollEvent &&
+              !HardwareKeyboard.instance.isControlPressed) {
+            if(event.scrollDelta.dy > 0
+                && controller.page!.toInt() < widget.urls.length - 1) {
+              controller.jumpToPage(controller.page!.toInt() + 1);
+            } else if(event.scrollDelta.dy < 0 && controller.page!.toInt() > 0){
+              controller.jumpToPage(controller.page!.toInt() - 1);
+            }
+          }
+        },
+        child: LayoutBuilder(
+          builder: (context, constrains) {
+            var height = constrains.maxHeight;
+            return Stack(
+              children: [
+                Positioned.fill(child: PhotoViewGallery.builder(
+                  pageController: controller,
+                  backgroundDecoration: const BoxDecoration(
+                      color: Colors.transparent
+                  ),
+                  itemCount: widget.urls.length,
+                  builder: (context, index) {
+                    var image = widget.urls[index];
+
+                    return PhotoViewGalleryPageOptions(
+                      imageProvider: image.startsWith("file://")
+                          ? FileImage(File(image.replaceFirst("file://", "")))
+                          : CachedImageProvider(image) as ImageProvider,
+                    );
+                  },
+                  onPageChanged: (index) {
+                    setState(() {
+                      currentPage = index;
+                    });
+                  },
+                )),
+                Positioned(
+                  top: 0,
+                  left: 0,
+                  right: 0,
+                  child: SizedBox(
+                    height: 36,
+                    child: Row(
+                      children: [
+                        const SizedBox(width: 6,),
+                        IconButton(
+                            icon: const Icon(FluentIcons.back).paddingAll(2),
+                            onPressed: () => context.pop()
+                        ),
+                        const Expanded(
+                          child: DragToMoveArea(child: SizedBox.expand(),),
+                        ),
+                        buildActions(),
+                        if(App.isDesktop)
+                          WindowButtons(key: ValueKey(windowButtonKey),),
+                      ],
+                    ),
+                  ),
+                ),
+                Positioned(
+                  left: 0,
+                  top: height / 2 - 9,
+                  child: IconButton(
+                    icon: const Icon(FluentIcons.chevron_left, size: 18,),
+                    onPressed: () {
+                      controller.previousPage(
+                        duration: const Duration(milliseconds: 300),
+                        curve: Curves.easeInOut,
+                      );
+                    },
+                  ).paddingAll(8),
+                ),
+                Positioned(
+                  right: 0,
+                  top: height / 2 - 9,
+                  child: IconButton(
+                    icon: const Icon(FluentIcons.chevron_right, size: 18),
+                    onPressed: () {
+                      controller.nextPage(
+                        duration: const Duration(milliseconds: 300),
+                        curve: Curves.easeInOut,
+                      );
+                    },
+                  ).paddingAll(8),
+                ),
+                Positioned(
+                  left: 12,
+                  bottom: 8,
+                  child: Text(
+                    "${currentPage + 1}/${widget.urls.length}",
+                  ),
+                )
+              ],
+            );
+          },
+        ),
+      ),
+    );
+  }
+
   Widget buildActions() {
     var width = MediaQuery.of(context).size.width;
     return FlyoutTarget(

lib/pages/login_page.dart

@@ -1,6 +1,7 @@
 import 'package:fluent_ui/fluent_ui.dart';
 import 'package:pixes/foundation/app.dart';
 import 'package:pixes/network/network.dart';
+import 'package:pixes/pages/webview_page.dart';
 import 'package:pixes/utils/app_links.dart';
 import 'package:pixes/utils/translation.dart';
 import 'package:url_launcher/url_launcher_string.dart';
@@ -186,7 +187,6 @@ class _LoginPageState extends State<LoginPage> {
 
   void onContinue() async {
     var url = await Network().generateWebviewUrl();
-    launchUrlString(url);
     onLink = (uri) {
       if (uri.scheme == "pixiv") {
         onFinished(uri.queryParameters["code"]!);
@@ -198,6 +198,18 @@ class _LoginPageState extends State<LoginPage> {
     setState(() {
       waitingForAuth = true;
     });
+    if(App.isMobile && mounted) {
+      context.to(() => WebviewPage(url, onNavigation: (req) {
+        if(req.url.startsWith("pixiv://")) {
+          App.rootNavigatorKey.currentState!.pop();
+          onLink?.call(Uri.parse(req.url));
+          return false;
+        }
+        return true;
+      },));
+    } else {
+      launchUrlString(url);
+    }
   }
 
   void onFinished(String code) async {

lib/pages/main_page.dart

@@ -6,6 +6,7 @@ import "package:flutter/material.dart" as md;
 import "package:pixes/appdata.dart";
 import "package:pixes/components/md.dart";
 import "package:pixes/foundation/app.dart";
+import "package:pixes/foundation/image_provider.dart";
 import "package:pixes/network/network.dart";
 import "package:pixes/pages/bookmarks.dart";
 import "package:pixes/pages/downloaded_page.dart";
@@ -465,7 +466,7 @@ class UserPane extends PaneItem {
                       child: Image(
                         height: 48,
                         width: 48,
-                        image: NetworkImage(appdata.account!.user.profile),
+                        image: CachedImageProvider(appdata.account!.user.profile),
                         fit: BoxFit.fill,
                       ),
                     ),

lib/pages/settings_page.dart

@@ -31,8 +31,12 @@ class _SettingsPageState extends State<SettingsPage> {
           SliverTitleBar(title: "Settings".tl),
           buildHeader("Account".tl),
           buildAccount(),
+          buildHeader("Browse".tl),
+          buildBrowse(),
           buildHeader("Download".tl),
           buildDownload(),
+          buildHeader("Appearance".tl),
+          buildAppearance(),
           buildHeader("About".tl),
           buildAbout(),
           SliverPadding(
@@ -123,10 +127,20 @@ class _SettingsPageState extends State<SettingsPage> {
                 child: Text("Manage".tl).fixWidth(64),
                 onPressed: () {
                   if (Platform.isIOS) {
-                    showToast(context, message: "Unsupport platform".tl);
+                    showToast(context, message: "Unsupported platform".tl);
                     return;
                   }
-                  context.to(() => const _SetDownloadPathPage());
+                  context.to(() => _SetSingleFieldPage(
+                    "Download Path".tl,
+                    "downloadPath",
+                    check: (text) {
+                      if(!Directory(text).havePermission()) {
+                        return "No permission".tl;
+                      } else {
+                        return null;
+                      }
+                    },
+                  ));
                 }),
           ),
           buildItem(
@@ -189,25 +203,121 @@ class _SettingsPageState extends State<SettingsPage> {
       ),
     );
   }
+
+  Widget buildBrowse() {
+    return SliverToBoxAdapter(
+      child: Column(
+        children: [
+          buildItem(
+              title: "Proxy".tl,
+              action: Button(
+                child: Text("Edit".tl).fixWidth(64),
+                onPressed: () {
+                  context.to(() => _SetSingleFieldPage(
+                    "Http ${"Proxy".tl}",
+                    "proxy",
+                  ));
+                },
+              )),
+        ],
+      ),
+    );
+  }
+
+  Widget buildAppearance() {
+    return SliverToBoxAdapter(
+      child: Column(
+        children: [
+          buildItem(
+              title: "Theme".tl,
+              action: DropDownButton(
+                title: Text(appdata.settings["theme"] ?? "System".tl),
+                items: [
+                  MenuFlyoutItem(text: Text("System".tl), onPressed: () {
+                    setState(() {
+                      appdata.settings["theme"] = "System";
+                    });
+                    appdata.writeData();
+                    StateController.findOrNull(tag: "MyApp")?.update();
+                  }),
+                  MenuFlyoutItem(text: Text("light".tl), onPressed: () {
+                    setState(() {
+                      appdata.settings["theme"] = "Light";
+                    });
+                    appdata.writeData();
+                    StateController.findOrNull(tag: "MyApp")?.update();
+                  }),
+                  MenuFlyoutItem(text: Text("dark".tl), onPressed: () {
+                    setState(() {
+                      appdata.settings["theme"] = "Dark";
+                    });
+                    appdata.writeData();
+                    StateController.findOrNull(tag: "MyApp")?.update();
+                  }),
+              ])),
+          buildItem(
+              title: "Language".tl,
+              action: DropDownButton(
+                  title: Text(appdata.settings["language"] ?? "System"),
+                  items: [
+                    MenuFlyoutItem(text: const Text("System"), onPressed: () {
+                      setState(() {
+                        appdata.settings["language"] = "System";
+                      });
+                      appdata.writeData();
+                      StateController.findOrNull(tag: "MyApp")?.update();
+                    }),
+                    MenuFlyoutItem(text: const Text("English"), onPressed: () {
+                      setState(() {
+                        appdata.settings["language"] = "English";
+                      });
+                      appdata.writeData();
+                      StateController.findOrNull(tag: "MyApp")?.update();
+                    }),
+                    MenuFlyoutItem(text: const Text("简体中文"), onPressed: () {
+                      setState(() {
+                        appdata.settings["language"] = "简体中文";
+                      });
+                      appdata.writeData();
+                      StateController.findOrNull(tag: "MyApp")?.update();
+                    }),
+                    MenuFlyoutItem(text: const Text("繁體中文"), onPressed: () {
+                      setState(() {
+                        appdata.settings["language"] = "繁體中文";
+                      });
+                      appdata.writeData();
+                      StateController.findOrNull(tag: "MyApp")?.update();
+                    }),
+                  ])),
+        ],
+      ),
+    );
+  }
 }
 
-class _SetDownloadPathPage extends StatefulWidget {
-  const _SetDownloadPathPage();
+class _SetSingleFieldPage extends StatefulWidget {
+  const _SetSingleFieldPage(this.title, this.field, {this.check});
+
+  final String title;
+
+  final String field;
+
+  final String? Function(String)? check;
 
   @override
-  State<_SetDownloadPathPage> createState() => __SetDownloadPathPageState();
+  State<_SetSingleFieldPage> createState() => _SetSingleFieldPageState();
 }
 
-class __SetDownloadPathPageState extends State<_SetDownloadPathPage> {
-  final controller =
-      TextEditingController(text: appdata.settings["downloadPath"]);
+class _SetSingleFieldPageState extends State<_SetSingleFieldPage> {
+  late final controller =
+      TextEditingController(text: appdata.settings[widget.field]);
 
   @override
   Widget build(BuildContext context) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
-        TitleBar(title: "Download Path".tl),
+        TitleBar(title: widget.title),
         TextBox(
           controller: controller,
         ).paddingHorizontal(16),
@@ -218,12 +328,13 @@ class __SetDownloadPathPageState extends State<_SetDownloadPathPage> {
           child: Text("Confirm".tl),
           onPressed: () {
             var text = controller.text;
-            if (Directory(text).havePermission()) {
-              appdata.settings["downloadPath"] = text;
+            var checkRes = widget.check?.call(text);
+            if (checkRes == null) {
+              appdata.settings[widget.field] = text;
               appdata.writeData();
               context.pop();
             } else {
-              showToast(context, message: "No Permission".tl);
+              showToast(context, message: checkRes);
             }
           },
         ).toAlign(Alignment.centerRight).paddingRight(16),
@@ -243,8 +354,6 @@ class _SetDownloadSubPathPage extends StatefulWidget {
 class __SetDownloadSubPathPageState extends State<_SetDownloadSubPathPage> {
   final controller =
       TextEditingController(text: appdata.settings["downloadSubPath"]);
-  final controller2 =
-      TextEditingController(text: appdata.settings["tagsWeight"]);
 
   @override
   Widget build(BuildContext context) {
@@ -258,26 +367,6 @@ class __SetDownloadSubPathPageState extends State<_SetDownloadSubPathPage> {
           TextBox(
             controller: controller,
           ).paddingHorizontal(16),
-          Text("Weights of the tags".tl)
-              .padding(const EdgeInsets.symmetric(vertical: 8, horizontal: 16)),
-          TextBox(
-            controller: controller2,
-          ).paddingHorizontal(16),
-          const SizedBox(
-            height: 8,
-          ),
-          ListTile(
-            title: Text("Use translated tag name".tl),
-            trailing: ToggleSwitch(
-              checked: appdata.settings["useTranslatedNameForDownload"],
-              onChanged: (value) {
-                setState(() {
-                  appdata.settings["useTranslatedNameForDownload"] = value;
-                });
-                appdata.writeSettings();
-              },
-            ),
-          ),
           const SizedBox(
             height: 8,
           ),
@@ -287,7 +376,6 @@ class __SetDownloadSubPathPageState extends State<_SetDownloadSubPathPage> {
               var text = controller.text;
               if (check(text)) {
                 appdata.settings["downloadSubPath"] = text;
-                appdata.settings["tagsWeight"] = controller2.text;
                 appdata.writeData();
                 context.pop();
               } else {
@@ -321,15 +409,9 @@ ${"Some keywords will be replaced by the following rule:".tl}
   \${id} -> ${"Artwork ID".tl}
   \${index} -> ${"Index of the image in the artwork".tl}
   \${ext} -> ${"File extension".tl}
+  \${AI} -> ${"Replace with 'AI' if the work was generated by AI, otherwise replace with blank".tl}
+  \${tag{*}} -> ${"Replace with * if the work have tag *, otherwise replace with blank.".tl}
 
-${"Tags: Tags will be sorted by the \"Weights of tags\" setting and replaced by the following rule:".tl}
-${"The final text will be affected by the \"Use translated tag name\" setting.".tl}
-  \${tag0} -> ${"The first tag of the artwork".tl}
-  \${tag1} -> ${"The second tag of the artwork".tl}
-  ...
-
-${"Weights of the tags".tl}:
-${"Filled with tags. The tags should be separated by a space. The tag in front has higher weight.".tl}
-${"It is required to use the original name instead of the translated name.".tl}
+${"Multiple path separators will be automatically replaced with a single".tl}
 """;
 }

lib/pages/webview_page.dart

@@ -0,0 +1,81 @@
+import 'package:fluent_ui/fluent_ui.dart';
+import 'package:pixes/components/md.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+import '../foundation/app.dart';
+
+double get _appBarHeight => App.isDesktop ? 36.0 : 48.0;
+
+class WebviewPage extends StatefulWidget {
+  const WebviewPage(this.url, {this.onNavigation, super.key});
+
+  final String url;
+
+  final bool Function(NavigationRequest req)? onNavigation;
+
+  @override
+  State<WebviewPage> createState() => _WebviewPageState();
+}
+
+class _WebviewPageState extends State<WebviewPage> {
+  WebViewController? controller;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  NavigationDecision handleNavigation(NavigationRequest req) {
+    if (widget.onNavigation != null) {
+      return widget.onNavigation!(req)
+          ? NavigationDecision.navigate
+          : NavigationDecision.prevent;
+    }
+    return NavigationDecision.navigate;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    controller ??= WebViewController()
+      ..setJavaScriptMode(JavaScriptMode.unrestricted)
+      ..setBackgroundColor(FluentTheme.of(context).brightness == Brightness.light
+          ? Colors.white
+          : Colors.black)
+      ..setNavigationDelegate(
+        NavigationDelegate(
+          onProgress: (int progress) {
+            // Update loading bar.
+          },
+          onPageStarted: (String url) {},
+          onPageFinished: (String url) {},
+          onWebResourceError: (WebResourceError error) {},
+          onNavigationRequest: handleNavigation,
+        ),
+      )
+      ..loadRequest(Uri.parse(widget.url));
+    return Column(
+      children: [
+        SizedBox(
+          height: _appBarHeight,
+          child: Row(
+            children: [
+              const Text("Webview"),
+              const Spacer(),
+              IconButton(
+                icon: const Icon(MdIcons.open_in_new, size: 20,),
+                onPressed: () {
+                  launchUrlString(widget.url);
+                  context.pop();
+                },
+              ),
+            ],
+          ).paddingHorizontal(16),
+        ).paddingTop(MediaQuery.of(context).padding.top),
+        Expanded(
+          child: WebViewWidget(controller: controller!,),
+        ),
+      ],
+    );
+  }
+}

lib/utils/io.dart

@@ -29,6 +29,9 @@ extension FSExt on FileSystemEntity {
 extension DirectoryExt on Directory {
   bool havePermission() {
     if(!existsSync()) return false;
+    if(App.isMacOS) {
+      return true;
+    }
     try {
       listSync();
       return true;

pubspec.lock

@@ -9,6 +9,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.1"
+  archive:
+    dependency: "direct main"
+    description:
+      name: archive
+      sha256: ecf4273855368121b1caed0d10d4513c7241dfc813f7d3c8933b36622ae9b265
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.5.1"
   async:
     dependency: transitive
     description:
@@ -643,6 +651,38 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.5.1"
+  webview_flutter:
+    dependency: "direct main"
+    description:
+      name: webview_flutter
+      sha256: "25e1b6e839e8cbfbd708abc6f85ed09d1727e24e08e08c6b8590d7c65c9a8932"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.7.0"
+  webview_flutter_android:
+    dependency: transitive
+    description:
+      name: webview_flutter_android
+      sha256: dad3313c9ead95517bb1cae5e1c9d20ba83729d5a59e5e83c0a2d66203f27f91
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.16.1"
+  webview_flutter_platform_interface:
+    dependency: transitive
+    description:
+      name: webview_flutter_platform_interface
+      sha256: d937581d6e558908d7ae3dc1989c4f87b786891ab47bb9df7de548a151779d8d
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.10.0"
+  webview_flutter_wkwebview:
+    dependency: transitive
+    description:
+      name: webview_flutter_wkwebview
+      sha256: "7affdf9d680c015b11587181171d3cad8093e449db1f7d9f0f08f4f33d24f9a0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.13.1"
   win32:
     dependency: transitive
     description:

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.1+2
+version: 1.0.2+3
 
 environment:
   sdk: '>=3.3.4 <4.0.0'
@@ -54,6 +54,8 @@ dependencies:
   share_plus: ^9.0.0
   file_selector: ^1.0.1
   flutter_file_dialog: 3.0.1
+  archive: ^3.5.1
+  webview_flutter: ^4.7.0
 dev_dependencies:
   flutter_test:
     sdk: flutter