Optimize Direct mode ui

Add Telegram Link

.github/workflows/build.yml

@@ -89,7 +89,7 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
         with:
-          submodules: recursive
+          fetch-depth: 0
 
       - name: Download
         uses: actions/download-artifact@v4
@@ -101,13 +101,13 @@ jobs:
       - name: Pre Release
         run: |
           pip install gitchangelog pystache mustache markdown
-          prelease=$(curl --silent "https://api.github.com/repos/chen08209/FlClash/releases/latest" | grep -Po '"tag_name": "\K.*?(?=")' || echo "")
+          pre=$(curl --silent "https://api.github.com/repos/chen08209/FlClash/releases/latest" | grep -Po '"tag_name": "\K.*?(?=")' || echo "")
-          if [ -z "$prelease" ]; then
+          if [ -z "pre" ]; then
             echo "init" > release.md
           else
             current="${{ github.ref_name }}"
             echo -e "\n\n<details markdown=1><summary>All changes from $current to the latest commit:</summary>\n\n" >> release.md
-            gitchangelog "${prelease}.." >> release.md 2>&1 || echo "Error in gitchangelog"
+            gitchangelog "${pre}.." >> release.md 2>&1 || echo "Error in gitchangelog"
             echo -e "\n\n</details>" >> release.md
           fi
       - name: Release

README.md

@@ -10,12 +10,12 @@ A multi-platform proxy client based on ClashMeta, simple and easy to use, open-s
 
 on Desktop:
 <p style="text-align: center;">
-    <img src="snapshots/desktop.gif">
+    <img alt="desktop" src="snapshots/desktop.gif">
 </p>
 
 on Mobile:
 <p style="text-align: center;">
-    <img src="snapshots/mobile.gif">
+    <img alt="mobile" src="snapshots/mobile.gif">
 </p>
 
 ## Features
@@ -28,6 +28,10 @@ on Mobile:
 
 ✨ Support subscription link, Dark mode
 
+## Contact
+
+[Telegram](https://t.me/+G-veVtwBOl4wODc1)
+
 ## Build
 
 1. Update submodules
@@ -81,4 +85,7 @@ on Mobile:
 
            ```bash
            dart .\setup.dart	
-           ```
+           ```
+           
+
+    

README_zh_CN.md

@@ -10,12 +10,12 @@
 
 on Desktop:
 <p style="text-align: center;">
-    <img src="snapshots/desktop.gif">
+    <img alt="desktop" src="snapshots/desktop.gif">
 </p>
 
 on Mobile:
 <p style="text-align: center;">
-    <img src="snapshots/mobile.gif">
+    <img alt="mobile" src="snapshots/mobile.gif">
 </p>
 
 ## Features
@@ -28,6 +28,10 @@ on Mobile:
 
 ✨ 支持一键导入订阅, 深色模式
 
+## Contact
+
+[Telegram](https://t.me/+G-veVtwBOl4wODc1)
+
 ## Build
 
 1. 更新 submodules

android/app/src/main/kotlin/com/follow/clash/MainActivity.kt

@@ -10,6 +10,7 @@ import io.flutter.embedding.engine.FlutterEngine
 class MainActivity : FlutterActivity() {
 
     override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
+        GlobalState.flutterEngine?.destroy()
         super.configureFlutterEngine(flutterEngine)
         flutterEngine.plugins.add(AppPlugin())
         flutterEngine.plugins.add(ProxyPlugin())

android/app/src/main/kotlin/com/follow/clash/services/FlClashTileService.kt

@@ -37,14 +37,12 @@ class FlClashTileService : TileService() {
         }
     }
 
-
     override fun onStartListening() {
         super.onStartListening()
         GlobalState.runState.value?.let { updateTile(it) }
         GlobalState.runState.observeForever(observer)
     }
 
-
     @SuppressLint("StartActivityAndCollapseDeprecated")
     private fun activityTransfer() {
         val intent = Intent(this, TempActivity::class.java)
@@ -88,7 +86,7 @@ class FlClashTileService : TileService() {
             if(currentTilePlugin == null){
                 initFlutterEngine()
             }else{
-                currentTilePlugin?.handleStart()
+                currentTilePlugin.handleStart()
             }
         } else if(GlobalState.runState.value == RunState.START){
             GlobalState.runState.value = RunState.PENDING
@@ -97,7 +95,6 @@ class FlClashTileService : TileService() {
 
     }
 
-
     override fun onDestroy() {
         GlobalState.runState.removeObserver(observer)
         super.onDestroy()

android/app/src/main/kotlin/com/follow/clash/services/FlClashVpnService.kt

@@ -25,7 +25,8 @@ class FlClashVpnService : VpnService() {
 
     private val CHANNEL = "FlClash"
 
-    var fd: Int? = null;
+    var fd: Int? = null
+    private val notificationId: Int = 1
 
     private val passList = listOf(
         "*zhihu.com",
@@ -100,11 +101,12 @@ class FlClashVpnService : VpnService() {
     fun startForeground(title: String, content: String) {
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
             val channel =
-                NotificationChannel(CHANNEL, "FlClash", NotificationManager.IMPORTANCE_DEFAULT)
+                NotificationChannel(CHANNEL, "FlClash", NotificationManager.IMPORTANCE_LOW)
             val manager = getSystemService(NotificationManager::class.java)
             manager.createNotificationChannel(channel)
 
             val intent = Intent(this, MainActivity::class.java)
+
             val pendingIntent = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                 PendingIntent.getActivity(
                     this,
@@ -120,7 +122,9 @@ class FlClashVpnService : VpnService() {
                     PendingIntent.FLAG_UPDATE_CURRENT
                 )
             }
+
             val icon = IconCompat.createWithResource(this, this.applicationInfo.icon)
+
             val notification = with(NotificationCompat.Builder(this, CHANNEL)) {
                 setSmallIcon(icon)
                 setContentTitle(title)
@@ -132,12 +136,13 @@ class FlClashVpnService : VpnService() {
                 build()
             }
             if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.UPSIDE_DOWN_CAKE) {
-                startForeground(1, notification, FOREGROUND_SERVICE_TYPE_SPECIAL_USE)
+                startForeground(notificationId, notification, FOREGROUND_SERVICE_TYPE_SPECIAL_USE)
             } else {
-                startForeground(1, notification)
+                startForeground(notificationId, notification)
             }
         }
     }
+
     private fun stopForeground() {
         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
             stopForeground(Service.STOP_FOREGROUND_REMOVE)

core/common.go

@@ -7,14 +7,17 @@ import (
 	"github.com/metacubex/mihomo/component/process"
 	"github.com/metacubex/mihomo/component/resolver"
 	"github.com/metacubex/mihomo/config"
+	"github.com/metacubex/mihomo/constant/provider"
 	"github.com/metacubex/mihomo/dns"
 	"github.com/metacubex/mihomo/hub/executor"
 	"github.com/metacubex/mihomo/listener"
 	"github.com/metacubex/mihomo/log"
 	"github.com/metacubex/mihomo/tunnel"
+	"math"
 	"os"
 	"os/exec"
 	"runtime"
+	"sync"
 	"syscall"
 )
 
@@ -46,6 +49,11 @@ type Process struct {
 	Target  string `json:"target"`
 }
 
+type Now struct {
+	Name  string `json:"name"`
+	Value string `json:"value"`
+}
+
 func restartExecutable(execPath string) {
 	var err error
 	executor.Shutdown()
@@ -121,6 +129,7 @@ func overwriteConfig(targetConfig *config.RawConfig, patchConfig config.RawConfi
 	targetConfig.Tun.Device = patchConfig.Tun.Device
 	targetConfig.Tun.DNSHijack = patchConfig.Tun.DNSHijack
 	targetConfig.Tun.Stack = patchConfig.Tun.Stack
+	targetConfig.Profile.StoreSelected = false
 	if targetConfig.DNS.Enable == false {
 		targetConfig.DNS = patchConfig.DNS
 	} else {
@@ -164,10 +173,30 @@ func patchConfig(general *config.General) {
 	resolver.DisableIPv6 = !general.IPv6
 }
 
-func applyConfig(isPatch bool) bool {
+const concurrentCount = math.MaxInt
-	if currentConfig == nil {
+
-		return false
+func hcCompatibleProvider(proxyProviders map[string]provider.ProxyProvider) {
+	wg := sync.WaitGroup{}
+	ch := make(chan struct{}, concurrentCount)
+	for _, proxyProvider := range proxyProviders {
+		proxyProvider := proxyProvider
+		if proxyProvider.VehicleType() == provider.Compatible {
+			log.Infoln("Start initial Compatible provider %s", proxyProvider.Name())
+			wg.Add(1)
+			ch <- struct{}{}
+			go func() {
+				defer func() { <-ch; wg.Done() }()
+				if err := proxyProvider.Initial(); err != nil {
+					log.Errorln("initial Compatible provider %s error: %v", proxyProvider.Name(), err)
+				}
+			}()
+		}
+
 	}
+
+}
+
+func applyConfig(isPatch bool) {
 	cfg, err := config.ParseRawConfig(currentConfig)
 	if err != nil {
 		cfg, _ = config.ParseRawConfig(config.DefaultRawConfig())
@@ -176,7 +205,5 @@ func applyConfig(isPatch bool) bool {
 		patchConfig(cfg.General)
 	} else {
 		executor.ApplyConfig(cfg, true)
-
 	}
-	return true
 }

core/dart-bridge/lib.go

@@ -24,7 +24,7 @@ func InitDartApi(api unsafe.Pointer) {
 	}
 }
 
-func sendToPort(port int64, msg string) {
+func SendToPort(port int64, msg string) {
 	var obj C.Dart_CObject
 	obj._type = C.Dart_CObject_kString
 	msgString := C.CString(msg)

core/dart-bridge/message.go

@@ -10,6 +10,7 @@ const (
 	Log     MessageType = "log"
 	Tun     MessageType = "tun"
 	Delay   MessageType = "delay"
+	Now     MessageType = "now"
 	Process MessageType = "process"
 )
 
@@ -24,5 +25,5 @@ func (message *Message) toJson() string {
 }
 
 func SendMessage(message Message) {
-	sendToPort(*Port, message.toJson())
+	SendToPort(*Port, message.toJson())
 }

core/hub.go

@@ -7,6 +7,7 @@ import (
 	"fmt"
 	"github.com/metacubex/mihomo/adapter"
 	"github.com/metacubex/mihomo/adapter/outboundgroup"
+	"github.com/metacubex/mihomo/adapter/provider"
 	"github.com/metacubex/mihomo/common/utils"
 	"github.com/metacubex/mihomo/config"
 	"github.com/metacubex/mihomo/constant"
@@ -21,7 +22,7 @@ import (
 	"unsafe"
 )
 
-var currentConfig *config.RawConfig
+var currentConfig = config.DefaultRawConfig()
 
 var isInit = false
 
@@ -63,26 +64,30 @@ func validateConfig(s *C.char) bool {
 }
 
 //export updateConfig
-func updateConfig(s *C.char) bool {
+func updateConfig(s *C.char, port C.longlong) {
-	paramsString := C.GoString(s)
+	i := int64(port)
-	var params = &GenerateConfigParams{}
+	go func() {
-	err := json.Unmarshal([]byte(paramsString), params)
+		paramsString := C.GoString(s)
-	if err != nil {
+		var params = &GenerateConfigParams{}
-		log.Errorln("generateConfig Unmarshal error %v", err)
+		err := json.Unmarshal([]byte(paramsString), params)
-		return false
+		if err != nil {
-	}
+			bridge.SendToPort(i, err.Error())
-	prof := decorationConfig(params.ProfilePath, *params.Config)
+			return
-	currentConfig = prof
+		}
-	if *params.IsPatch {
+		prof := decorationConfig(params.ProfilePath, *params.Config)
-		return applyConfig(true)
+		currentConfig = prof
-	} else {
+		if *params.IsPatch {
-		return applyConfig(false)
+			applyConfig(true)
-	}
+		} else {
+			applyConfig(false)
+		}
+		bridge.SendToPort(i, "")
+	}()
 }
 
 //export getProxies
 func getProxies() *C.char {
-	data, err := json.Marshal(tunnel.Proxies())
+	data, err := json.Marshal(tunnel.ProxiesWithProviders())
 	if err != nil {
 		return C.CString("")
 	}
@@ -98,7 +103,7 @@ func changeProxy(s *C.char) bool {
 		log.Infoln("Unmarshal ChangeProxyParams %v", err)
 		return false
 	}
-	proxies := tunnel.Proxies()
+	proxies := tunnel.ProxiesWithProviders()
 	proxy := proxies[*params.GroupName]
 	if proxy == nil {
 		return false
@@ -148,7 +153,7 @@ func asyncTestDelay(s *C.char) {
 		ctx, cancel := context.WithTimeout(context.Background(), time.Millisecond*time.Duration(params.Timeout))
 		defer cancel()
 
-		proxies := tunnel.Proxies()
+		proxies := tunnel.ProxiesWithProviders()
 		proxy := proxies[params.ProxyName]
 
 		delayData := &Delay{
@@ -239,17 +244,38 @@ func getProviders() *C.char {
 func getProvider(name *C.char) *C.char {
 	providerName := C.GoString(name)
 	providers := tunnel.Providers()
-	var provider = providers[providerName]
+	data, err := json.Marshal(providers[providerName])
-	data, err := json.Marshal(provider)
 	if err != nil {
 		return C.CString("")
 	}
 	return C.CString(string(data))
 }
 
+//export healthcheck
+func healthcheck() {
+	hcCompatibleProvider(tunnel.Providers())
+}
+
 //export initNativeApiBridge
 func initNativeApiBridge(api unsafe.Pointer, port C.longlong) {
 	bridge.InitDartApi(api)
 	i := int64(port)
 	bridge.Port = &i
 }
+
+func init() {
+	provider.HealthcheckHook = func(name string, delay uint16) {
+		delayData := &Delay{
+			Name: name,
+		}
+		if delay == 0 {
+			delayData.Value = -1
+		} else {
+			delayData.Value = int32(delay)
+		}
+		bridge.SendMessage(bridge.Message{
+			Type: bridge.Delay,
+			Data: delayData,
+		})
+	}
+}

lib/application.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:dynamic_color/dynamic_color.dart';
 import 'package:fl_clash/l10n/l10n.dart';
 import 'package:fl_clash/common/common.dart';
@@ -112,7 +114,6 @@ class ApplicationState extends State<Application> {
               primaryColor: config.primaryColor,
             ),
             builder: (_, state, child) {
-              debugPrint("[Application] update===>");
               return DynamicColorBuilder(
                 builder: (lightDynamic, darkDynamic) {
                   _updateSystemColorSchemes(lightDynamic, darkDynamic);

lib/clash/core.dart

@@ -1,3 +1,4 @@
+import 'dart:async';
 import 'dart:convert';
 import 'dart:ffi';
 import 'dart:io';
@@ -16,19 +17,22 @@ class ClashCore {
   late final ClashFFI clashFFI;
   late final DynamicLibrary lib;
 
-  ClashCore._internal() {
+  DynamicLibrary _getClashLib() {
     if (Platform.isWindows) {
-      lib = DynamicLibrary.open("libclash.dll");
+      return DynamicLibrary.open("libclash.dll");
-      clashFFI = ClashFFI(lib);
     }
     if (Platform.isMacOS) {
-      lib = DynamicLibrary.open("libclash.dylib");
+      return DynamicLibrary.open("libclash.dylib");
-      clashFFI = ClashFFI(lib);
     }
     if (Platform.isAndroid || Platform.isLinux) {
-      lib = DynamicLibrary.open("libclash.so");
+      return DynamicLibrary.open("libclash.so");
-      clashFFI = ClashFFI(lib);
     }
+    throw "Platform is not supported";
+  }
+
+  ClashCore._internal() {
+    lib = _getClashLib();
+    clashFFI = ClashFFI(lib);
     clashFFI.initNativeApiBridge(
       NativeApi.initializeApiDLData,
       receiver.sendPort.nativePort,
@@ -61,51 +65,49 @@ class ClashCore {
         1;
   }
 
-  bool updateConfig(UpdateConfigParams updateConfigParams) {
+  Future<String> updateConfig(UpdateConfigParams updateConfigParams) {
+    final completer = Completer<String>();
+    final receiver = ReceivePort();
+    receiver.listen((message) {
+      if (!completer.isCompleted) {
+        completer.complete(message);
+        receiver.close();
+      }
+    });
     final params = json.encode(updateConfigParams);
-    return clashFFI.updateConfig(
+    clashFFI.updateConfig(
-          params.toNativeUtf8().cast(),
+      params.toNativeUtf8().cast(),
-        ) ==
+      receiver.sendPort.nativePort,
-        1;
+    );
+    return completer.future;
   }
 
-  List<Group> getProxiesGroups() {
+  Future<List<Group>> getProxiesGroups() {
     final proxiesRaw = clashFFI.getProxies();
-    final proxies = json.decode(proxiesRaw.cast<Utf8>().toDartString());
+    final proxiesRawString = proxiesRaw.cast<Utf8>().toDartString();
-    final groupsRaw = List.from(proxies.values).where((e) {
+    return Isolate.run<List<Group>>(() {
-      final excludeName = !UsedProxyExtension.valueList
+      final proxies = json.decode(proxiesRawString);
-          .where((element) => element != UsedProxy.GLOBAL.name)
+      final groupNames = [
-          .contains(e['name']);
+        UsedProxy.GLOBAL.name,
-      final validType = GroupTypeExtension.valueList.contains(e['type']);
+        ...(proxies[UsedProxy.GLOBAL.name]["all"] as List).where((e) {
-      return excludeName && validType;
+          final proxy = proxies[e];
-    }).map(
+          return GroupTypeExtension.valueList.contains(proxy['type']);
-          (e) {
+        })
-        e["all"] = ((e["all"] ?? []) as List)
+      ];
+      final groupsRaw = groupNames.map((groupName) {
+        final group = proxies[groupName];
+        group["all"] = ((group["all"] ?? []) as List)
             .map(
               (name) => proxies[name],
-        )
+            )
+            .where(
+              (proxy) => proxy["type"] != GroupType.Selector.value,
+            )
             .toList();
-        return e;
+        return group;
-      },
+      }).toList();
-    ).toList()
+      return groupsRaw.map((e) => Group.fromJson(e)).toList();
-      ..sort(
+    });
-            (a, b) {
-          final aIndex = GroupTypeExtension.getGroupType(a['type'])?.index;
-          final bIndex = GroupTypeExtension.getGroupType(b['type'])?.index;
-          if (a == null && b == null) {
-            return 0;
-          }
-          if (a == null) {
-            return 1;
-          }
-          if (b == null) {
-            return -1;
-          }
-          return aIndex! - bIndex!;
-        },
-      );
-    final groups = groupsRaw.map((e) => Group.fromJson(e)).toList();
-    return groups;
   }
 
   bool changeProxy(ChangeProxyParams changeProxyParams) {
@@ -122,6 +124,10 @@ class ClashCore {
     return true;
   }
 
+  healthcheck() {
+    clashFFI.healthcheck();
+  }
+
   VersionInfo getVersionInfo() {
     final versionInfoRaw = clashFFI.getVersionInfo();
     final versionInfo = json.decode(versionInfoRaw.cast<Utf8>().toDartString());

lib/clash/generated/clash_ffi.dart

@@ -907,19 +907,22 @@ class ClashFFI {
   late final _validateConfig =
       _validateConfigPtr.asFunction<int Function(ffi.Pointer<ffi.Char>)>();
 
-  int updateConfig(
+  void updateConfig(
     ffi.Pointer<ffi.Char> s,
+    int port,
   ) {
     return _updateConfig(
       s,
+      port,
     );
   }
 
-  late final _updateConfigPtr =
+  late final _updateConfigPtr = _lookup<
-      _lookup<ffi.NativeFunction<GoUint8 Function(ffi.Pointer<ffi.Char>)>>(
+      ffi.NativeFunction<
-          'updateConfig');
+          ffi.Void Function(
+              ffi.Pointer<ffi.Char>, ffi.LongLong)>>('updateConfig');
   late final _updateConfig =
-      _updateConfigPtr.asFunction<int Function(ffi.Pointer<ffi.Char>)>();
+      _updateConfigPtr.asFunction<void Function(ffi.Pointer<ffi.Char>, int)>();
 
   ffi.Pointer<ffi.Char> getProxies() {
     return _getProxies();
@@ -1037,6 +1040,14 @@ class ClashFFI {
   late final _getProvider = _getProviderPtr
       .asFunction<ffi.Pointer<ffi.Char> Function(ffi.Pointer<ffi.Char>)>();
 
+  void healthcheck() {
+    return _healthcheck();
+  }
+
+  late final _healthcheckPtr =
+      _lookup<ffi.NativeFunction<ffi.Void Function()>>('healthcheck');
+  late final _healthcheck = _healthcheckPtr.asFunction<void Function()>();
+
   void initNativeApiBridge(
     ffi.Pointer<ffi.Void> api,
     int port,

lib/clash/message.dart

@@ -15,6 +15,8 @@ abstract mixin class ClashMessageListener {
   void onDelay(Delay delay) {}
 
   void onProcess(Metadata metadata) {}
+
+  void onNow(Now now) {}
 }
 
 class ClashMessage {
@@ -41,6 +43,9 @@ class ClashMessage {
           case MessageType.process:
             listener.onProcess(Metadata.fromJson(m.data));
             break;
+          case MessageType.now:
+            listener.onNow(Now.fromJson(m.data));
+            break;
         }
       }
     });

lib/common/function.dart

@@ -19,8 +19,8 @@ Function debounce<F extends Function>(F func,{int milliseconds = 600}) {
     if (timer != null) {
       timer!.cancel();
     }
-    timer = Timer(Duration(milliseconds: milliseconds), () {
+    timer = Timer(Duration(milliseconds: milliseconds), () async {
-      Function.apply(func, args ?? [], namedArgs);
+      await Function.apply(func, args ?? [], namedArgs);
     });
   };
 }

lib/controller.dart

@@ -35,7 +35,6 @@ class AppController {
         config: config,
         clashConfig: clashConfig,
       );
-
       updateRunTime();
       updateTraffic();
       globalState.updateFunctionLists = [
@@ -71,28 +70,10 @@ class AppController {
   }
 
   changeProxy() {
-    final currentGroupName =
+    globalState.changeProxy(
-        appState.getCurrentGroupName(config.currentGroupName, clashConfig.mode);
+      appState: appState,
-    final currentProxyName =
+      config: config,
-        appState.getCurrentProxyName(config.currentProxyName, clashConfig.mode);
+      clashConfig: clashConfig,
-    if (config.profiles.isEmpty || currentProxyName == null) {
-      updateSystemProxy(false);
-      return;
-    }
-    if (currentGroupName == null) return;
-    final groupIndex = appState.groups.indexWhere(
-      (element) => element.name == currentGroupName,
-    );
-    if (groupIndex == -1) return;
-    final proxyIndex = appState.groups[groupIndex].all.indexWhere(
-      (element) => element.name == currentProxyName,
-    );
-    if (proxyIndex == -1) return;
-    clashCore.changeProxy(
-      ChangeProxyParams(
-        groupName: currentGroupName,
-        proxyName: currentProxyName,
-      ),
     );
   }
 
@@ -133,7 +114,7 @@ class AppController {
     }
   }
 
-  Future<bool> updateClashConfig({bool isPatch = true}) async {
+  Future<String> updateClashConfig({bool isPatch = true}) async {
     return await globalState.updateClashConfig(
       clashConfig: clashConfig,
       config: config,
@@ -141,12 +122,31 @@ class AppController {
     );
   }
 
+  applyProfile() async {
+    await globalState.applyProfile(
+      appState: appState,
+      config: config,
+      clashConfig: clashConfig,
+    );
+  }
+
+  Function? _changeProfileDebounce;
+
+  changeProfileDebounce(String? profileId) {
+    if (profileId == config.currentProfileId) return;
+    config.currentProfileId = profileId;
+    _changeProfileDebounce ??= debounce<Function(String?)>((profileId) async {
+      await applyProfile();
+      appState.delayMap = {};
+      saveConfigPreferences();
+    });
+    _changeProfileDebounce!([profileId]);
+  }
+
   changeProfile(String? value) async {
     if (value == config.currentProfileId) return;
     config.currentProfileId = value;
-    await updateClashConfig(isPatch: false);
+    await applyProfile();
-    updateGroups();
-    changeProxy();
     appState.delayMap = {};
     saveConfigPreferences();
   }
@@ -160,15 +160,12 @@ class AppController {
           )
           .isBeforeNow();
       if (isNotNeedUpdate == false) continue;
-      final result = await profile.update();
+      await profile.update();
-      if (result.type == ResultType.error) continue;
-      updateGroups();
-      changeProxy();
     }
   }
 
-  updateGroups() {
+  Future<void> updateGroups() async {
-    globalState.updateGroups(appState);
+    await globalState.updateGroups(appState);
   }
 
   updateSystemColorSchemes(SystemColorSchemes systemColorSchemes) {
@@ -225,20 +222,30 @@ class AppController {
   }
 
   afterInit() async {
-    if (appState.isInit) {
+    if (config.autoRun) {
-      changeProxy();
+      await updateSystemProxy(true);
-      if (config.autoRun) {
+    } else {
-        await updateSystemProxy(true);
+      await proxyManager.updateStartTime();
-      } else {
+      await updateSystemProxy(proxyManager.isStart);
-        await proxyManager.updateStartTime();
-        await updateSystemProxy(proxyManager.isStart);
-      }
-      autoUpdateProfiles();
-      updateLogStatus();
-      if (!config.silentLaunch) {
-        window?.show();
-      }
     }
+    autoUpdateProfiles();
+    updateLogStatus();
+    if (!config.silentLaunch) {
+      window?.show();
+    }
+  }
+
+  healthcheck() {
+    if (globalState.healthcheckLock) return;
+    for (final delay in appState.delayMap.entries) {
+      setDelay(
+        Delay(
+          name: delay.key,
+          value: 0,
+        ),
+      );
+    }
+    clashCore.healthcheck();
   }
 
   setDelay(Delay delay) {

lib/enum/enum.dart

@@ -9,8 +9,7 @@ extension GroupTypeExtension on GroupType {
       )
       .toList();
 
-  static GroupType? getGroupType(String? value) {
+  static GroupType? getGroupType(String value) {
-    if (value == null) return null;
     final index = GroupTypeExtension.valueList.indexOf(value);
     if (index == -1) return null;
     return GroupType.values[index];
@@ -53,4 +52,4 @@ enum ProfileType { file, url }
 
 enum ResultType { success, error }
 
-enum MessageType { log, tun, delay, process }
+enum MessageType { log, tun, delay, process, now }

lib/fragments/about.dart

@@ -80,6 +80,15 @@ class AboutFragment extends StatelessWidget {
             });
           },
         ),
+        ListTile(
+          title: const Text("Telegram"),
+          onTap: () {
+            launchUrl(
+              Uri.parse("https://t.me/+G-veVtwBOl4wODc1"),
+            );
+          },
+          trailing: const Icon(Icons.launch),
+        ),
         ListTile(
           title: Text(appLocalizations.project),
           onTap: () {

lib/fragments/dashboard/core_info.dart

@@ -12,7 +12,6 @@ class CoreInfo extends StatelessWidget {
     return Selector<AppState, VersionInfo?>(
       selector: (_, appState) => appState.versionInfo,
       builder: (_, versionInfo, __) {
-        debugPrint("[CoreInfo] update===>");
         return CommonCard(
           info: Info(
             label: appLocalizations.coreInfo,

lib/fragments/dashboard/network_detection.dart

@@ -1,6 +1,6 @@
 import 'package:fl_clash/common/common.dart';
+import 'package:fl_clash/enum/enum.dart';
 import 'package:fl_clash/models/models.dart';
-import 'package:fl_clash/state.dart';
 import 'package:fl_clash/widgets/widgets.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
@@ -25,6 +25,11 @@ class _NetworkDetectionState extends State<NetworkDetection> {
         ),
       );
     }
+    if (currentProxyName == UsedProxy.DIRECT.name) {
+      return const Icon(
+        Icons.offline_bolt_outlined,
+      );
+    }
     if (delay == 0 || delay == null) {
       return const AspectRatio(
         aspectRatio: 1,
@@ -73,57 +78,6 @@ class _NetworkDetectionState extends State<NetworkDetection> {
     );
   }
 
-  _updateCurrentDelay(
-    String? currentProxyName,
-    int? delay,
-    bool isCurrent,
-    bool isInit,
-  ) {
-    if (!isCurrent || currentProxyName == null || !isInit) return;
-    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
-      if (delay == null) {
-        context.appController.setDelay(
-          Delay(
-            name: currentProxyName,
-            value: 0,
-          ),
-        );
-        globalState.updateCurrentDelay(
-          currentProxyName,
-        );
-      }
-    });
-  }
-
-  _updateCurrentDelayContainer(Widget child) {
-    return Selector3<AppState, Config, ClashConfig,
-        UpdateCurrentDelaySelectorState>(
-      selector: (_, appState, config, clashConfig) {
-        final proxyName = appState.getCurrentProxyName(
-          config.currentProxyName,
-          clashConfig.mode,
-        );
-        return UpdateCurrentDelaySelectorState(
-          isInit: appState.isInit,
-          currentProxyName: proxyName,
-          delay: appState.delayMap[proxyName],
-          isCurrent: appState.currentLabel == 'dashboard',
-        );
-      },
-      builder: (_, state, __) {
-        debugPrint("[UpdateCurrentDelay] update===>");
-        _updateCurrentDelay(
-          state.currentProxyName,
-          state.delay,
-          state.isCurrent,
-          state.isInit,
-        );
-        return child;
-      },
-      child: child,
-    );
-  }
-
   @override
   Widget build(BuildContext context) {
     return CommonCard(
@@ -131,59 +85,59 @@ class _NetworkDetectionState extends State<NetworkDetection> {
         iconData: Icons.network_check,
         label: appLocalizations.networkDetection,
       ),
-      child: _updateCurrentDelayContainer(
+      child: Selector3<AppState, Config, ClashConfig,
-        Selector3<AppState, Config, ClashConfig, NetworkDetectionSelectorState>(
+          NetworkDetectionSelectorState>(
-          selector: (_, appState, config, clashConfig) {
+        selector: (_, appState, config, clashConfig) {
-            final proxyName = appState.getCurrentProxyName(
+          final proxyName = appState.getCurrentProxyName(
-              config.currentProxyName,
+            config.currentProxyName,
-              clashConfig.mode,
+            clashConfig.mode,
-            );
+          );
-            return NetworkDetectionSelectorState(
+          return NetworkDetectionSelectorState(
-              isInit: appState.isInit,
+            isInit: appState.isInit,
-              currentProxyName: proxyName,
+            currentProxyName: proxyName,
-              delay: appState.delayMap[proxyName],
+            delay: appState.getDelay(
-            );
+              proxyName,
-          },
+            ),
-          builder: (_, state, __) {
+          );
-            debugPrint("[NetworkDetection] update===>");
+        },
-            return Container(
+        builder: (_, state, __) {
-              padding: const EdgeInsets.all(16).copyWith(top: 0),
+          return Container(
-              child: Column(
+            padding: const EdgeInsets.all(16).copyWith(top: 0),
-                mainAxisSize: MainAxisSize.min,
+            child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.min,
-                children: [
+              crossAxisAlignment: CrossAxisAlignment.start,
-                  Flexible(
+              children: [
-                    flex: 0,
+                Flexible(
-                    child: TooltipText(
+                  flex: 0,
-                      text: Text(
+                  child: TooltipText(
-                        state.currentProxyName ?? appLocalizations.noProxy,
+                    text: Text(
-                        overflow: TextOverflow.ellipsis,
+                      state.currentProxyName ?? appLocalizations.noProxy,
-                        maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
-                        style:
+                      maxLines: 1,
-                        Theme.of(context).textTheme.titleMedium?.toSoftBold(),
+                      style:
+                          Theme.of(context).textTheme.titleMedium?.toSoftBold(),
+                    ),
+                  ),
+                ),
+                const SizedBox(
+                  height: 8,
+                ),
+                Flexible(
+                  child: Container(
+                    height: context.appController.measure.titleLargeHeight,
+                    alignment: Alignment.centerLeft,
+                    child: FadeBox(
+                      child: _buildDescription(
+                        state.currentProxyName,
+                        state.delay,
                       ),
                     ),
                   ),
-                  const SizedBox(
+                ),
-                    height: 8,
+              ],
-                  ),
+            ),
-                  Flexible(
+          );
-                    child: Container(
+        },
-                      height: context.appController.measure.titleLargeHeight,
-                      alignment: Alignment.centerLeft,
-                      child: FadeBox(
-                        child: _buildDescription(
-                          state.currentProxyName,
-                          state.delay,
-                        ),
-                      ),
-                    ),
-                  ),
-                ],
-              ),
-            );
-          },
-        ),
       ),
     );
   }

lib/fragments/dashboard/start_button.dart

@@ -51,7 +51,7 @@ class _StartButtonState extends State<StartButton>
     final appController = context.appController;
     await appController.updateSystemProxy(isStart);
     if (isStart && mounted) {
-      appController.clearCurrentDelay();
+      appController.healthcheck();
     }
   }
 
@@ -63,7 +63,6 @@ class _StartButtonState extends State<StartButton>
         hasProfile: config.profiles.isNotEmpty,
       ),
       builder: (_, state, child) {
-        debugPrint("[StartButton] update===>");
         if (!state.isInit || !state.hasProfile) {
           return Container();
         }

lib/fragments/profiles/profiles.dart

@@ -24,6 +24,7 @@ class ProfilesFragment extends StatefulWidget {
 }
 
 class _ProfilesFragmentState extends State<ProfilesFragment> {
+
   String _getLastUpdateTimeDifference(DateTime lastDateTime) {
     final currentDateTime = DateTime.now();
     final difference = currentDateTime.difference(lastDateTime);
@@ -209,7 +210,7 @@ class _ProfilesFragmentState extends State<ProfilesFragment> {
               child: _profileItem(
                 profile: profile,
                 groupValue: state.currentProfileId,
-                onChanged: context.appController.changeProfile,
+                onChanged: context.appController.changeProfileDebounce,
               ),
             ),
         ],
@@ -234,7 +235,6 @@ class _ProfilesFragmentState extends State<ProfilesFragment> {
           currentProfileId: config.currentProfileId,
         ),
         builder: (context, state, child) {
-          debugPrint("[Profiles] update===>");
           if (state.profiles.isEmpty) {
             return NullStatus(
               label: appLocalizations.nullProfileDesc,

lib/fragments/proxies.dart

@@ -1,4 +1,3 @@
-import 'package:collection/collection.dart';
 import 'package:fl_clash/clash/clash.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_adaptive_scaffold/flutter_adaptive_scaffold.dart';
@@ -57,150 +56,89 @@ class _ProxiesFragmentState extends State<ProxiesFragment>
     });
   }
 
-  _updateTabController(length) {
-    if (_tabController != null) {
-      _tabController!.dispose();
-      _tabController = null;
-    }
-    _tabController = TabController(
-      length: length,
-      vsync: this,
-    );
-  }
-
-  @override
-  void dispose() {
-    if (_tabController != null) {
-      _tabController!.dispose();
-      _tabController = null;
-    }
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Selector<AppState, bool>(
+    return DelayTestButtonContainer(
-      selector: (_, appState) => appState.currentLabel == 'proxies',
+      child: Selector<AppState, bool>(
-      builder: (_, isCurrent, child) {
+        selector: (_, appState) => appState.currentLabel == 'proxies',
-        if (isCurrent) {
+        builder: (_, isCurrent, child) {
-          _initActions();
+          if (isCurrent) {
-        }
+            _initActions();
-        return child!;
+          }
-      },
+          return child!;
-      child: Selector2<AppState, ClashConfig, List<Group>>(
+        },
-        selector: (_, appState, clashConfig) =>
+        child: Selector3<AppState, Config, ClashConfig, ProxiesSelectorState>(
-            appState.getCurrentGroups(clashConfig.mode),
+          selector: (_, appState, config, clashConfig) {
-        shouldRebuild: (prev, next) =>
+            final currentGroups = appState.getCurrentGroups(clashConfig.mode);
-            !const ListEquality<Group>().equals(prev, next),
+            final groupNames = currentGroups.map((e) => e.name).toList();
-        builder: (_, groups, __) {
+            final currentProxyName = appState.getCurrentGroupNameWithGroups(
-          debugPrint("[Proxies] update===>");
+              currentGroups,
-          _updateTabController(groups.length);
+              config.currentGroupName,
-          return Column(
+              clashConfig.mode,
-            mainAxisAlignment: MainAxisAlignment.start,
+            );
-            crossAxisAlignment: CrossAxisAlignment.start,
+            final currentIndex = currentGroups
-            children: [
+                .indexWhere((element) => element.name == currentProxyName);
-              TabBar(
+            return ProxiesSelectorState(
-                controller: _tabController,
+              currentIndex: currentIndex,
-                padding: const EdgeInsets.symmetric(horizontal: 16),
+              groupNames: groupNames,
-                dividerColor: Colors.transparent,
+            );
-                isScrollable: true,
+          },
-                tabAlignment: TabAlignment.start,
+          builder: (_, state, __) {
-                overlayColor:
+            _tabController ??= TabController(
-                    const MaterialStatePropertyAll(Colors.transparent),
+              length: state.groupNames.length,
-                tabs: [
+              vsync: this,
-                  for (final group in groups)
+              initialIndex: state.currentIndex,
-                    Tab(
+            );
-                      text: group.name,
+            return Column(
-                    ),
+              mainAxisAlignment: MainAxisAlignment.start,
-                ],
+              crossAxisAlignment: CrossAxisAlignment.start,
-              ),
+              children: [
-              Expanded(
+                TabBar(
-                child: TabBarView(
                   controller: _tabController,
-                  children: [
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
-                    for (final group in groups)
+                  dividerColor: Colors.transparent,
-                      KeepContainer(
+                  isScrollable: true,
-                        child: ProxiesTabView(
+                  tabAlignment: TabAlignment.start,
-                          group: group,
+                  overlayColor:
-                        ),
+                      const MaterialStatePropertyAll(Colors.transparent),
+                  tabs: [
+                    for (final groupName in state.groupNames)
+                      Tab(
+                        text: groupName,
                       ),
                   ],
                 ),
-              )
+                Expanded(
-            ],
+                  child: TabBarView(
-          );
+                    controller: _tabController,
-        },
+                    children: [
+                      for (final groupName in state.groupNames)
+                        KeepContainer(
+                          key: ObjectKey(groupName),
+                          child: ProxiesTabView(
+                            groupName: groupName,
+                          ),
+                        ),
+                    ],
+                  ),
+                )
+              ],
+            );
+          },
+        ),
       ),
     );
   }
 }
 
-class ProxiesTabView extends StatefulWidget {
+class ProxiesTabView extends StatelessWidget {
-  final Group group;
+  final String groupName;
 
   const ProxiesTabView({
     super.key,
-    required this.group,
+    required this.groupName,
   });
 
-  @override
-  State<ProxiesTabView> createState() => _ProxiesTabViewState();
-}
-
-class _ProxiesTabViewState extends State<ProxiesTabView>
-    with SingleTickerProviderStateMixin {
-  var lock = false;
-  late AnimationController _controller;
-  late Animation<double> _scale;
-  late Animation<double> _opacity;
-
-  @override
-  void initState() {
-    super.initState();
-    _controller = AnimationController(
-      vsync: this,
-      duration: const Duration(
-        milliseconds: 200,
-      ),
-    );
-    _scale = Tween<double>(
-      begin: 1.0,
-      end: 0.8,
-    ).animate(
-      CurvedAnimation(
-        parent: _controller,
-        curve: const Interval(
-          0.0,
-          0.3,
-          curve: Curves.easeIn,
-        ),
-      ),
-    );
-    _opacity = Tween<double>(
-      begin: 1.0,
-      end: 0.0,
-    ).animate(
-      CurvedAnimation(
-        parent: _controller,
-        curve: const Interval(
-          0,
-          1,
-          curve: Curves.easeIn,
-        ),
-      ),
-    );
-  }
-
-  @override
-  void dispose() {
-    super.dispose();
-    _controller.dispose();
-  }
-
-  get group => widget.group;
-
-  get measure => context.appController.measure;
-
   List<Proxy> _sortOfName(List<Proxy> proxies) {
     return List.of(proxies)
       ..sort(
@@ -208,7 +146,7 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
       );
   }
 
-  List<Proxy> _sortOfDelay(List<Proxy> proxies) {
+  List<Proxy> _sortOfDelay(BuildContext context, List<Proxy> proxies) {
     final appState = context.read<AppState>();
     final delayMap = appState.delayMap;
     return proxies = List.of(proxies)
@@ -231,38 +169,19 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
   }
 
   _getProxies(
+    BuildContext context,
     List<Proxy> proxies,
     ProxiesSortType proxiesSortType,
   ) {
-    if (proxiesSortType == ProxiesSortType.delay) return _sortOfDelay(proxies);
+    if (proxiesSortType == ProxiesSortType.delay) {
+      return _sortOfDelay(context, proxies);
+    }
     if (proxiesSortType == ProxiesSortType.name) return _sortOfName(proxies);
     return proxies;
   }
 
-  _getDelayMap() async {
+  double _getItemHeight(BuildContext context) {
-    if (lock == true) return;
+    final measure = context.appController.measure;
-    lock = true;
-    _controller.forward();
-    for (final proxy in group.all) {
-      context.appController.setDelay(
-        Delay(
-          name: proxy.name,
-          value: 0,
-        ),
-      );
-      clashCore.delay(
-        proxy.name,
-      );
-    }
-    await Future.delayed(
-      appConstant.httpTimeoutDuration + appConstant.moreDuration,
-    );
-    lock = false;
-    _controller.reverse();
-    setState(() {});
-  }
-
-  double _getItemHeight() {
     return 12 * 2 +
         measure.bodyMediumHeight * 2 +
         measure.bodySmallHeight +
@@ -270,11 +189,13 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
         8 * 2;
   }
 
-  _card({
+  _card(
+    BuildContext context, {
     required void Function() onPressed,
     required bool isSelected,
     required Proxy proxy,
   }) {
+    final measure = context.appController.measure;
     return CommonCard(
       isSelected: isSelected,
       onPressed: onPressed,
@@ -325,7 +246,7 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
             SizedBox(
               height: measure.labelSmallHeight,
               child: Selector<AppState, int?>(
-                selector: (context, appState) => appState.delayMap[proxy.name],
+                selector: (context, appState) => appState.getDelay(proxy.name),
                 builder: (_, delay, __) {
                   return FadeBox(
                     child: Builder(
@@ -363,107 +284,217 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
     );
   }
 
-  _buildGrid({
+  Widget _buildGrid(
-    required ProxiesSortType proxiesSortType,
+    BuildContext context, {
+    required List<Proxy> proxies,
     required int columns,
   }) {
-    return SingleChildScrollView(
+    return GridView.builder(
       padding: const EdgeInsets.all(16),
-      child: AnimateGrid<Proxy>(
+      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-        items: _getProxies(group.all, proxiesSortType),
+        crossAxisCount: columns,
-        columns: columns,
+        mainAxisSpacing: 8,
-        itemHeight: _getItemHeight(),
+        crossAxisSpacing: 8,
-        keyBuilder: (item) {
+        mainAxisExtent: _getItemHeight(context),
-          return ObjectKey(item);
+      ),
-        },
+      itemCount: proxies.length,
-        builder: (_, proxy) {
+      itemBuilder: (_, index) {
-          return Selector3<AppState, Config, ClashConfig, String?>(
+        final proxy = proxies[index];
-            selector: (_, appState, config, clashConfig) =>
+        return Selector3<AppState, Config, ClashConfig,
-                appState.getCurrentProxyName(
+            ProxiesCardSelectorState>(
+          selector: (_, appState, config, clashConfig) {
+            final currentGroupName = appState.getCurrentGroupName(
+              config.currentGroupName,
+              clashConfig.mode,
+            );
+            final currentProxyName = appState.getCurrentProxyName(
               config.currentProxyName,
               clashConfig.mode,
-            ),
+            );
-            builder: (_, value, __) {
+            final group = appState.getGroupWithName(groupName);
-              final currentProxyName =
+            final isSelected = group.type == GroupType.Selector
-                  group.type == GroupType.Selector ? value : group.now;
+                ? group.name == currentGroupName &&
-              return _card(
+                    proxy.name == currentProxyName
-                isSelected: proxy.name == currentProxyName,
+                : group.now == proxy.name;
-                onPressed: () {
+            return ProxiesCardSelectorState(
-                  if (group.type == GroupType.Selector) {
+              isSelected: isSelected,
-                    final config = context.read<Config>();
+              currentGroupName: currentGroupName,
-                    config.currentProfile?.groupName = group.name;
+              currentProxyName: currentProxyName,
-                    config.currentProfile?.proxyName = proxy.name;
+            );
-                    config.update();
+          },
-                    context.appController.changeProxy();
+          builder: (_, state, __) {
-                  }
+            return _card(
-                },
+              context,
-                proxy: proxy,
+              isSelected: state.isSelected,
-              );
+              onPressed: () {
-            },
+                final group =
-          );
+                    context.appController.appState.getGroupWithName(groupName);
-        },
+                if (group.type == GroupType.Selector) {
-      ),
+                  final config = context.read<Config>();
+                  config.currentProfile?.groupName = group.name;
+                  config.currentProfile?.proxyName = proxy.name;
+                  config.update();
+                  context.appController.changeProxy();
+                }
+              },
+              proxy: proxy,
+            );
+          },
+        );
+      },
     );
   }
 
   @override
   Widget build(BuildContext context) {
-    return Selector<Config, ProxiesSortType>(
+    return Selector2<AppState, Config, ProxiesTabViewSelectorState>(
-      selector: (_, config) => config.proxiesSortType,
+      selector: (_, appState, config) {
-      builder: (_, proxiesSortType, __) {
+        return ProxiesTabViewSelectorState(
-        return FloatLayout(
+          proxiesSortType: config.proxiesSortType,
-          floatingWidget: FloatWrapper(
+          sortNum: appState.sortNum,
-            child: AnimatedBuilder(
+          group: appState.getGroupWithName(groupName),
-              animation: _controller,
+        );
-              builder: (_, __) {
+      },
-                return Transform.scale(
+      builder: (_, state, __) {
-                  scale: _scale.value,
+        final proxies = _getProxies(
-                  child: SizedBox(
+          context,
-                    width: 56,
+          state.group.all,
-                    height: 56,
+          state.proxiesSortType,
-                    child: Opacity(
+        );
-                      opacity: _opacity.value,
+        return Align(
-                      child: FloatingActionButton(
+          alignment: Alignment.topCenter,
-                        heroTag: null,
+          child: SlotLayout(
-                        onPressed: _getDelayMap,
+            config: {
-                        child: const Icon(Icons.network_ping),
+              Breakpoints.small: SlotLayout.from(
-                      ),
+                key: const Key('proxies_grid_small'),
-                    ),
+                builder: (_) => _buildGrid(
-                  ),
+                  context,
-                );
+                  proxies: proxies,
-              },
+                  columns: 2,
-            ),
-          ),
-          child: Align(
-            alignment: Alignment.topCenter,
-            child: SlotLayout(
-              config: {
-                Breakpoints.small: SlotLayout.from(
-                  key: const Key('proxies_grid_small'),
-                  builder: (_) => _buildGrid(
-                    proxiesSortType: proxiesSortType,
-                    columns: 2,
-                  ),
                 ),
-                Breakpoints.medium: SlotLayout.from(
+              ),
-                  key: const Key('proxies_grid_medium'),
+              Breakpoints.medium: SlotLayout.from(
-                  builder: (_) => _buildGrid(
+                key: const Key('proxies_grid_medium'),
-                    proxiesSortType: proxiesSortType,
+                builder: (_) => _buildGrid(
-                    columns: 3,
+                  context,
-                  ),
+                  proxies: proxies,
+                  columns: 3,
                 ),
-                Breakpoints.large: SlotLayout.from(
+              ),
-                  key: const Key('proxies_grid_large'),
+              Breakpoints.large: SlotLayout.from(
-                  builder: (_) => _buildGrid(
+                key: const Key('proxies_grid_large'),
-                    proxiesSortType: proxiesSortType,
+                builder: (_) => _buildGrid(
-                    columns: 4,
+                  context,
-                  ),
+                  proxies: proxies,
+                  columns: 4,
                 ),
-              },
+              ),
-            ),
+            },
           ),
         );
       },
     );
   }
 }
+
+class DelayTestButtonContainer extends StatefulWidget {
+  final Widget child;
+
+  const DelayTestButtonContainer({
+    super.key,
+    required this.child,
+  });
+
+  @override
+  State<DelayTestButtonContainer> createState() =>
+      _DelayTestButtonContainerState();
+}
+
+class _DelayTestButtonContainerState extends State<DelayTestButtonContainer>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<double> _scale;
+  late Animation<double> _opacity;
+
+  _healthcheck() async {
+    _controller.forward();
+    context.appController.healthcheck();
+    await Future.delayed(
+      appConstant.httpTimeoutDuration + appConstant.moreDuration,
+    );
+    _controller.reverse();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      vsync: this,
+      duration: const Duration(
+        milliseconds: 300,
+      ),
+    );
+    _scale = Tween<double>(
+      begin: 1.0,
+      end: 0.0,
+    ).animate(
+      CurvedAnimation(
+        parent: _controller,
+        curve: const Interval(
+          0,
+          1,
+          curve: Curves.easeIn,
+        ),
+      ),
+    );
+    _opacity = Tween<double>(
+      begin: 1.0,
+      end: 0.0,
+    ).animate(
+      CurvedAnimation(
+        parent: _controller,
+        curve: const Interval(
+          0,
+          1,
+          curve: Curves.easeIn,
+        ),
+      ),
+    );
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return FloatLayout(
+      floatingWidget: FloatWrapper(
+        child: AnimatedBuilder(
+          animation: _controller,
+          builder: (_, child) {
+            return SizedBox(
+              width: 56,
+              height: 56,
+              child: Transform.scale(
+                scale: _scale.value,
+                child: Opacity(
+                  opacity: _opacity.value,
+                  child: child!,
+                ),
+              ),
+            );
+          },
+          child: FloatingActionButton(
+            heroTag: null,
+            onPressed: _healthcheck,
+            child: const Icon(Icons.network_ping),
+          ),
+        ),
+      ),
+      child: widget.child,
+    );
+  }
+}

lib/main.dart

@@ -78,6 +78,7 @@ Future<void> vpnService() async {
       TileListenerWithVpn(
         onStop: () async {
           await app?.tip(appLocalizations.stopVpn);
+          await globalState.stopSystemProxy();
           clashCore.shutdown();
           exit(0);
         },

lib/models/app.dart

@@ -22,6 +22,7 @@ class AppState with ChangeNotifier {
   String _currentLabel;
   SystemColorSchemes _systemColorSchemes;
   List<Group> _groups;
+  num _sortNum;
 
   AppState()
       : _navigationItems = [],
@@ -32,6 +33,7 @@ class AppState with ChangeNotifier {
         _logs = [],
         _groups = [],
         _packages = [],
+        _sortNum = 0,
         _systemColorSchemes = SystemColorSchemes();
 
   String get currentLabel => _currentLabel;
@@ -79,6 +81,15 @@ class AppState with ChangeNotifier {
     }
   }
 
+  int? getDelay(String? proxyName) {
+    if (proxyName == null) return null;
+    final index = groups.indexWhere((element) => element.name == proxyName);
+    if (index == -1) return _delayMap[proxyName];
+    final group = groups[index];
+    if (group.now == null) return null;
+    return _delayMap[group.now];
+  }
+
   setDelay(Delay delay) {
     if (_delayMap[delay.name] != delay.value) {
       _delayMap = Map.from(_delayMap)..[delay.name] = delay.value;
@@ -144,12 +155,21 @@ class AppState with ChangeNotifier {
   List<Group> get groups => _groups;
 
   set groups(List<Group> value) {
-    if (_groups != value) {
+    if (!const ListEquality<Group>().equals(_groups, value)) {
       _groups = value;
       notifyListeners();
     }
   }
 
+  num get sortNum => _sortNum;
+
+  set sortNum(num value) {
+    if (_sortNum != value) {
+      _sortNum = value;
+      notifyListeners();
+    }
+  }
+
   List<Group> getCurrentGroups(Mode mode) {
     switch (mode) {
       case Mode.direct:
@@ -165,19 +185,30 @@ class AppState with ChangeNotifier {
     }
   }
 
-  String? getCurrentGroupName(String? groupName, Mode mode) {
+  String? getCurrentGroupNameWithGroups(
-    final currentGroups = getCurrentGroups(mode);
+    List<Group> groups,
+    String? groupName,
+    Mode mode,
+  ) {
     switch (mode) {
       case Mode.direct:
         return null;
       case Mode.global:
         return UsedProxy.GLOBAL.name;
       case Mode.rule:
-        return groupName ??
+        return groupName ?? (groups.isNotEmpty ? groups.first.name : null);
-            (currentGroups.isNotEmpty ? currentGroups.first.name : null);
     }
   }
 
+  String? getCurrentGroupName(String? groupName, Mode mode) {
+    final currentGroups = getCurrentGroups(mode);
+    return getCurrentGroupNameWithGroups(currentGroups, groupName, mode);
+  }
+
+  Group getGroupWithName(String groupName) {
+    return groups.firstWhere((e) => e.name == groupName);
+  }
+
   String? getCurrentProxyName(String? proxyName, Mode mode) {
     final currentGroups = getCurrentGroups(mode);
     switch (mode) {

lib/models/config.dart

@@ -87,7 +87,7 @@ class Config extends ChangeNotifier {
         _isMinimizeOnExit = true,
         _isAccessControl = false,
         _accessControl = AccessControl(),
-        _isAnimateToPage = false;
+        _isAnimateToPage = true;
 
   deleteProfileById(String id) {
     _profiles = profiles.where((element) => element.id != id).toList();

lib/models/ffi.dart

@@ -52,6 +52,16 @@ class Delay with _$Delay {
   factory Delay.fromJson(Map<String, Object?> json) => _$DelayFromJson(json);
 }
 
+@freezed
+class Now with _$Now {
+  const factory Now({
+    required String name,
+    required String value,
+  }) = _Now;
+
+  factory Now.fromJson(Map<String, Object?> json) => _$NowFromJson(json);
+}
+
 @freezed
 class Process with _$Process {
   const factory Process({

lib/models/generated/ffi.freezed.dart

@@ -672,6 +672,151 @@ abstract class _Delay implements Delay {
       throw _privateConstructorUsedError;
 }
 
+Now _$NowFromJson(Map<String, dynamic> json) {
+  return _Now.fromJson(json);
+}
+
+/// @nodoc
+mixin _$Now {
+  String get name => throw _privateConstructorUsedError;
+  String get value => throw _privateConstructorUsedError;
+
+  Map<String, dynamic> toJson() => throw _privateConstructorUsedError;
+  @JsonKey(ignore: true)
+  $NowCopyWith<Now> get copyWith => throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $NowCopyWith<$Res> {
+  factory $NowCopyWith(Now value, $Res Function(Now) then) =
+      _$NowCopyWithImpl<$Res, Now>;
+  @useResult
+  $Res call({String name, String value});
+}
+
+/// @nodoc
+class _$NowCopyWithImpl<$Res, $Val extends Now> implements $NowCopyWith<$Res> {
+  _$NowCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? name = null,
+    Object? value = null,
+  }) {
+    return _then(_value.copyWith(
+      name: null == name
+          ? _value.name
+          : name // ignore: cast_nullable_to_non_nullable
+              as String,
+      value: null == value
+          ? _value.value
+          : value // ignore: cast_nullable_to_non_nullable
+              as String,
+    ) as $Val);
+  }
+}
+
+/// @nodoc
+abstract class _$$NowImplCopyWith<$Res> implements $NowCopyWith<$Res> {
+  factory _$$NowImplCopyWith(_$NowImpl value, $Res Function(_$NowImpl) then) =
+      __$$NowImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call({String name, String value});
+}
+
+/// @nodoc
+class __$$NowImplCopyWithImpl<$Res> extends _$NowCopyWithImpl<$Res, _$NowImpl>
+    implements _$$NowImplCopyWith<$Res> {
+  __$$NowImplCopyWithImpl(_$NowImpl _value, $Res Function(_$NowImpl) _then)
+      : super(_value, _then);
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? name = null,
+    Object? value = null,
+  }) {
+    return _then(_$NowImpl(
+      name: null == name
+          ? _value.name
+          : name // ignore: cast_nullable_to_non_nullable
+              as String,
+      value: null == value
+          ? _value.value
+          : value // ignore: cast_nullable_to_non_nullable
+              as String,
+    ));
+  }
+}
+
+/// @nodoc
+@JsonSerializable()
+class _$NowImpl implements _Now {
+  const _$NowImpl({required this.name, required this.value});
+
+  factory _$NowImpl.fromJson(Map<String, dynamic> json) =>
+      _$$NowImplFromJson(json);
+
+  @override
+  final String name;
+  @override
+  final String value;
+
+  @override
+  String toString() {
+    return 'Now(name: $name, value: $value)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$NowImpl &&
+            (identical(other.name, name) || other.name == name) &&
+            (identical(other.value, value) || other.value == value));
+  }
+
+  @JsonKey(ignore: true)
+  @override
+  int get hashCode => Object.hash(runtimeType, name, value);
+
+  @JsonKey(ignore: true)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$NowImplCopyWith<_$NowImpl> get copyWith =>
+      __$$NowImplCopyWithImpl<_$NowImpl>(this, _$identity);
+
+  @override
+  Map<String, dynamic> toJson() {
+    return _$$NowImplToJson(
+      this,
+    );
+  }
+}
+
+abstract class _Now implements Now {
+  const factory _Now(
+      {required final String name, required final String value}) = _$NowImpl;
+
+  factory _Now.fromJson(Map<String, dynamic> json) = _$NowImpl.fromJson;
+
+  @override
+  String get name;
+  @override
+  String get value;
+  @override
+  @JsonKey(ignore: true)
+  _$$NowImplCopyWith<_$NowImpl> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
 Process _$ProcessFromJson(Map<String, dynamic> json) {
   return _Process.fromJson(json);
 }

lib/models/generated/ffi.g.dart

@@ -53,6 +53,7 @@ const _$MessageTypeEnumMap = {
   MessageType.tun: 'tun',
   MessageType.delay: 'delay',
   MessageType.process: 'process',
+  MessageType.now: 'now',
 };
 
 _$DelayImpl _$$DelayImplFromJson(Map<String, dynamic> json) => _$DelayImpl(
@@ -66,6 +67,16 @@ Map<String, dynamic> _$$DelayImplToJson(_$DelayImpl instance) =>
       'value': instance.value,
     };
 
+_$NowImpl _$$NowImplFromJson(Map<String, dynamic> json) => _$NowImpl(
+      name: json['name'] as String,
+      value: json['value'] as String,
+    );
+
+Map<String, dynamic> _$$NowImplToJson(_$NowImpl instance) => <String, dynamic>{
+      'name': instance.name,
+      'value': instance.value,
+    };
+
 _$ProcessImpl _$$ProcessImplFromJson(Map<String, dynamic> json) =>
     _$ProcessImpl(
       uid: (json['uid'] as num).toInt(),

lib/models/generated/selector.freezed.dart

@@ -1740,3 +1740,495 @@ abstract class _HomeNavigationSelectorState
   _$$HomeNavigationSelectorStateImplCopyWith<_$HomeNavigationSelectorStateImpl>
       get copyWith => throw _privateConstructorUsedError;
 }
+
+/// @nodoc
+mixin _$ProxiesSelectorState {
+  int get currentIndex => throw _privateConstructorUsedError;
+  List<String> get groupNames => throw _privateConstructorUsedError;
+
+  @JsonKey(ignore: true)
+  $ProxiesSelectorStateCopyWith<ProxiesSelectorState> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $ProxiesSelectorStateCopyWith<$Res> {
+  factory $ProxiesSelectorStateCopyWith(ProxiesSelectorState value,
+          $Res Function(ProxiesSelectorState) then) =
+      _$ProxiesSelectorStateCopyWithImpl<$Res, ProxiesSelectorState>;
+  @useResult
+  $Res call({int currentIndex, List<String> groupNames});
+}
+
+/// @nodoc
+class _$ProxiesSelectorStateCopyWithImpl<$Res,
+        $Val extends ProxiesSelectorState>
+    implements $ProxiesSelectorStateCopyWith<$Res> {
+  _$ProxiesSelectorStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentIndex = null,
+    Object? groupNames = null,
+  }) {
+    return _then(_value.copyWith(
+      currentIndex: null == currentIndex
+          ? _value.currentIndex
+          : currentIndex // ignore: cast_nullable_to_non_nullable
+              as int,
+      groupNames: null == groupNames
+          ? _value.groupNames
+          : groupNames // ignore: cast_nullable_to_non_nullable
+              as List<String>,
+    ) as $Val);
+  }
+}
+
+/// @nodoc
+abstract class _$$ProxiesSelectorStateImplCopyWith<$Res>
+    implements $ProxiesSelectorStateCopyWith<$Res> {
+  factory _$$ProxiesSelectorStateImplCopyWith(_$ProxiesSelectorStateImpl value,
+          $Res Function(_$ProxiesSelectorStateImpl) then) =
+      __$$ProxiesSelectorStateImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call({int currentIndex, List<String> groupNames});
+}
+
+/// @nodoc
+class __$$ProxiesSelectorStateImplCopyWithImpl<$Res>
+    extends _$ProxiesSelectorStateCopyWithImpl<$Res, _$ProxiesSelectorStateImpl>
+    implements _$$ProxiesSelectorStateImplCopyWith<$Res> {
+  __$$ProxiesSelectorStateImplCopyWithImpl(_$ProxiesSelectorStateImpl _value,
+      $Res Function(_$ProxiesSelectorStateImpl) _then)
+      : super(_value, _then);
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentIndex = null,
+    Object? groupNames = null,
+  }) {
+    return _then(_$ProxiesSelectorStateImpl(
+      currentIndex: null == currentIndex
+          ? _value.currentIndex
+          : currentIndex // ignore: cast_nullable_to_non_nullable
+              as int,
+      groupNames: null == groupNames
+          ? _value._groupNames
+          : groupNames // ignore: cast_nullable_to_non_nullable
+              as List<String>,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ProxiesSelectorStateImpl implements _ProxiesSelectorState {
+  const _$ProxiesSelectorStateImpl(
+      {required this.currentIndex, required final List<String> groupNames})
+      : _groupNames = groupNames;
+
+  @override
+  final int currentIndex;
+  final List<String> _groupNames;
+  @override
+  List<String> get groupNames {
+    if (_groupNames is EqualUnmodifiableListView) return _groupNames;
+    // ignore: implicit_dynamic_type
+    return EqualUnmodifiableListView(_groupNames);
+  }
+
+  @override
+  String toString() {
+    return 'ProxiesSelectorState(currentIndex: $currentIndex, groupNames: $groupNames)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ProxiesSelectorStateImpl &&
+            (identical(other.currentIndex, currentIndex) ||
+                other.currentIndex == currentIndex) &&
+            const DeepCollectionEquality()
+                .equals(other._groupNames, _groupNames));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, currentIndex,
+      const DeepCollectionEquality().hash(_groupNames));
+
+  @JsonKey(ignore: true)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ProxiesSelectorStateImplCopyWith<_$ProxiesSelectorStateImpl>
+      get copyWith =>
+          __$$ProxiesSelectorStateImplCopyWithImpl<_$ProxiesSelectorStateImpl>(
+              this, _$identity);
+}
+
+abstract class _ProxiesSelectorState implements ProxiesSelectorState {
+  const factory _ProxiesSelectorState(
+      {required final int currentIndex,
+      required final List<String> groupNames}) = _$ProxiesSelectorStateImpl;
+
+  @override
+  int get currentIndex;
+  @override
+  List<String> get groupNames;
+  @override
+  @JsonKey(ignore: true)
+  _$$ProxiesSelectorStateImplCopyWith<_$ProxiesSelectorStateImpl>
+      get copyWith => throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+mixin _$ProxiesCardSelectorState {
+  String? get currentGroupName => throw _privateConstructorUsedError;
+  String? get currentProxyName => throw _privateConstructorUsedError;
+  bool get isSelected => throw _privateConstructorUsedError;
+
+  @JsonKey(ignore: true)
+  $ProxiesCardSelectorStateCopyWith<ProxiesCardSelectorState> get copyWith =>
+      throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $ProxiesCardSelectorStateCopyWith<$Res> {
+  factory $ProxiesCardSelectorStateCopyWith(ProxiesCardSelectorState value,
+          $Res Function(ProxiesCardSelectorState) then) =
+      _$ProxiesCardSelectorStateCopyWithImpl<$Res, ProxiesCardSelectorState>;
+  @useResult
+  $Res call(
+      {String? currentGroupName, String? currentProxyName, bool isSelected});
+}
+
+/// @nodoc
+class _$ProxiesCardSelectorStateCopyWithImpl<$Res,
+        $Val extends ProxiesCardSelectorState>
+    implements $ProxiesCardSelectorStateCopyWith<$Res> {
+  _$ProxiesCardSelectorStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentGroupName = freezed,
+    Object? currentProxyName = freezed,
+    Object? isSelected = null,
+  }) {
+    return _then(_value.copyWith(
+      currentGroupName: freezed == currentGroupName
+          ? _value.currentGroupName
+          : currentGroupName // ignore: cast_nullable_to_non_nullable
+              as String?,
+      currentProxyName: freezed == currentProxyName
+          ? _value.currentProxyName
+          : currentProxyName // ignore: cast_nullable_to_non_nullable
+              as String?,
+      isSelected: null == isSelected
+          ? _value.isSelected
+          : isSelected // ignore: cast_nullable_to_non_nullable
+              as bool,
+    ) as $Val);
+  }
+}
+
+/// @nodoc
+abstract class _$$ProxiesCardSelectorStateImplCopyWith<$Res>
+    implements $ProxiesCardSelectorStateCopyWith<$Res> {
+  factory _$$ProxiesCardSelectorStateImplCopyWith(
+          _$ProxiesCardSelectorStateImpl value,
+          $Res Function(_$ProxiesCardSelectorStateImpl) then) =
+      __$$ProxiesCardSelectorStateImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call(
+      {String? currentGroupName, String? currentProxyName, bool isSelected});
+}
+
+/// @nodoc
+class __$$ProxiesCardSelectorStateImplCopyWithImpl<$Res>
+    extends _$ProxiesCardSelectorStateCopyWithImpl<$Res,
+        _$ProxiesCardSelectorStateImpl>
+    implements _$$ProxiesCardSelectorStateImplCopyWith<$Res> {
+  __$$ProxiesCardSelectorStateImplCopyWithImpl(
+      _$ProxiesCardSelectorStateImpl _value,
+      $Res Function(_$ProxiesCardSelectorStateImpl) _then)
+      : super(_value, _then);
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? currentGroupName = freezed,
+    Object? currentProxyName = freezed,
+    Object? isSelected = null,
+  }) {
+    return _then(_$ProxiesCardSelectorStateImpl(
+      currentGroupName: freezed == currentGroupName
+          ? _value.currentGroupName
+          : currentGroupName // ignore: cast_nullable_to_non_nullable
+              as String?,
+      currentProxyName: freezed == currentProxyName
+          ? _value.currentProxyName
+          : currentProxyName // ignore: cast_nullable_to_non_nullable
+              as String?,
+      isSelected: null == isSelected
+          ? _value.isSelected
+          : isSelected // ignore: cast_nullable_to_non_nullable
+              as bool,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ProxiesCardSelectorStateImpl implements _ProxiesCardSelectorState {
+  const _$ProxiesCardSelectorStateImpl(
+      {required this.currentGroupName,
+      required this.currentProxyName,
+      required this.isSelected});
+
+  @override
+  final String? currentGroupName;
+  @override
+  final String? currentProxyName;
+  @override
+  final bool isSelected;
+
+  @override
+  String toString() {
+    return 'ProxiesCardSelectorState(currentGroupName: $currentGroupName, currentProxyName: $currentProxyName, isSelected: $isSelected)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ProxiesCardSelectorStateImpl &&
+            (identical(other.currentGroupName, currentGroupName) ||
+                other.currentGroupName == currentGroupName) &&
+            (identical(other.currentProxyName, currentProxyName) ||
+                other.currentProxyName == currentProxyName) &&
+            (identical(other.isSelected, isSelected) ||
+                other.isSelected == isSelected));
+  }
+
+  @override
+  int get hashCode =>
+      Object.hash(runtimeType, currentGroupName, currentProxyName, isSelected);
+
+  @JsonKey(ignore: true)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ProxiesCardSelectorStateImplCopyWith<_$ProxiesCardSelectorStateImpl>
+      get copyWith => __$$ProxiesCardSelectorStateImplCopyWithImpl<
+          _$ProxiesCardSelectorStateImpl>(this, _$identity);
+}
+
+abstract class _ProxiesCardSelectorState implements ProxiesCardSelectorState {
+  const factory _ProxiesCardSelectorState(
+      {required final String? currentGroupName,
+      required final String? currentProxyName,
+      required final bool isSelected}) = _$ProxiesCardSelectorStateImpl;
+
+  @override
+  String? get currentGroupName;
+  @override
+  String? get currentProxyName;
+  @override
+  bool get isSelected;
+  @override
+  @JsonKey(ignore: true)
+  _$$ProxiesCardSelectorStateImplCopyWith<_$ProxiesCardSelectorStateImpl>
+      get copyWith => throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+mixin _$ProxiesTabViewSelectorState {
+  ProxiesSortType get proxiesSortType => throw _privateConstructorUsedError;
+  num get sortNum => throw _privateConstructorUsedError;
+  Group get group => throw _privateConstructorUsedError;
+
+  @JsonKey(ignore: true)
+  $ProxiesTabViewSelectorStateCopyWith<ProxiesTabViewSelectorState>
+      get copyWith => throw _privateConstructorUsedError;
+}
+
+/// @nodoc
+abstract class $ProxiesTabViewSelectorStateCopyWith<$Res> {
+  factory $ProxiesTabViewSelectorStateCopyWith(
+          ProxiesTabViewSelectorState value,
+          $Res Function(ProxiesTabViewSelectorState) then) =
+      _$ProxiesTabViewSelectorStateCopyWithImpl<$Res,
+          ProxiesTabViewSelectorState>;
+  @useResult
+  $Res call({ProxiesSortType proxiesSortType, num sortNum, Group group});
+
+  $GroupCopyWith<$Res> get group;
+}
+
+/// @nodoc
+class _$ProxiesTabViewSelectorStateCopyWithImpl<$Res,
+        $Val extends ProxiesTabViewSelectorState>
+    implements $ProxiesTabViewSelectorStateCopyWith<$Res> {
+  _$ProxiesTabViewSelectorStateCopyWithImpl(this._value, this._then);
+
+  // ignore: unused_field
+  final $Val _value;
+  // ignore: unused_field
+  final $Res Function($Val) _then;
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? proxiesSortType = null,
+    Object? sortNum = null,
+    Object? group = null,
+  }) {
+    return _then(_value.copyWith(
+      proxiesSortType: null == proxiesSortType
+          ? _value.proxiesSortType
+          : proxiesSortType // ignore: cast_nullable_to_non_nullable
+              as ProxiesSortType,
+      sortNum: null == sortNum
+          ? _value.sortNum
+          : sortNum // ignore: cast_nullable_to_non_nullable
+              as num,
+      group: null == group
+          ? _value.group
+          : group // ignore: cast_nullable_to_non_nullable
+              as Group,
+    ) as $Val);
+  }
+
+  @override
+  @pragma('vm:prefer-inline')
+  $GroupCopyWith<$Res> get group {
+    return $GroupCopyWith<$Res>(_value.group, (value) {
+      return _then(_value.copyWith(group: value) as $Val);
+    });
+  }
+}
+
+/// @nodoc
+abstract class _$$ProxiesTabViewSelectorStateImplCopyWith<$Res>
+    implements $ProxiesTabViewSelectorStateCopyWith<$Res> {
+  factory _$$ProxiesTabViewSelectorStateImplCopyWith(
+          _$ProxiesTabViewSelectorStateImpl value,
+          $Res Function(_$ProxiesTabViewSelectorStateImpl) then) =
+      __$$ProxiesTabViewSelectorStateImplCopyWithImpl<$Res>;
+  @override
+  @useResult
+  $Res call({ProxiesSortType proxiesSortType, num sortNum, Group group});
+
+  @override
+  $GroupCopyWith<$Res> get group;
+}
+
+/// @nodoc
+class __$$ProxiesTabViewSelectorStateImplCopyWithImpl<$Res>
+    extends _$ProxiesTabViewSelectorStateCopyWithImpl<$Res,
+        _$ProxiesTabViewSelectorStateImpl>
+    implements _$$ProxiesTabViewSelectorStateImplCopyWith<$Res> {
+  __$$ProxiesTabViewSelectorStateImplCopyWithImpl(
+      _$ProxiesTabViewSelectorStateImpl _value,
+      $Res Function(_$ProxiesTabViewSelectorStateImpl) _then)
+      : super(_value, _then);
+
+  @pragma('vm:prefer-inline')
+  @override
+  $Res call({
+    Object? proxiesSortType = null,
+    Object? sortNum = null,
+    Object? group = null,
+  }) {
+    return _then(_$ProxiesTabViewSelectorStateImpl(
+      proxiesSortType: null == proxiesSortType
+          ? _value.proxiesSortType
+          : proxiesSortType // ignore: cast_nullable_to_non_nullable
+              as ProxiesSortType,
+      sortNum: null == sortNum
+          ? _value.sortNum
+          : sortNum // ignore: cast_nullable_to_non_nullable
+              as num,
+      group: null == group
+          ? _value.group
+          : group // ignore: cast_nullable_to_non_nullable
+              as Group,
+    ));
+  }
+}
+
+/// @nodoc
+
+class _$ProxiesTabViewSelectorStateImpl
+    implements _ProxiesTabViewSelectorState {
+  const _$ProxiesTabViewSelectorStateImpl(
+      {required this.proxiesSortType,
+      required this.sortNum,
+      required this.group});
+
+  @override
+  final ProxiesSortType proxiesSortType;
+  @override
+  final num sortNum;
+  @override
+  final Group group;
+
+  @override
+  String toString() {
+    return 'ProxiesTabViewSelectorState(proxiesSortType: $proxiesSortType, sortNum: $sortNum, group: $group)';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType &&
+            other is _$ProxiesTabViewSelectorStateImpl &&
+            (identical(other.proxiesSortType, proxiesSortType) ||
+                other.proxiesSortType == proxiesSortType) &&
+            (identical(other.sortNum, sortNum) || other.sortNum == sortNum) &&
+            (identical(other.group, group) || other.group == group));
+  }
+
+  @override
+  int get hashCode => Object.hash(runtimeType, proxiesSortType, sortNum, group);
+
+  @JsonKey(ignore: true)
+  @override
+  @pragma('vm:prefer-inline')
+  _$$ProxiesTabViewSelectorStateImplCopyWith<_$ProxiesTabViewSelectorStateImpl>
+      get copyWith => __$$ProxiesTabViewSelectorStateImplCopyWithImpl<
+          _$ProxiesTabViewSelectorStateImpl>(this, _$identity);
+}
+
+abstract class _ProxiesTabViewSelectorState
+    implements ProxiesTabViewSelectorState {
+  const factory _ProxiesTabViewSelectorState(
+      {required final ProxiesSortType proxiesSortType,
+      required final num sortNum,
+      required final Group group}) = _$ProxiesTabViewSelectorStateImpl;
+
+  @override
+  ProxiesSortType get proxiesSortType;
+  @override
+  num get sortNum;
+  @override
+  Group get group;
+  @override
+  @JsonKey(ignore: true)
+  _$$ProxiesTabViewSelectorStateImplCopyWith<_$ProxiesTabViewSelectorStateImpl>
+      get copyWith => throw _privateConstructorUsedError;
+}

lib/models/selector.dart

@@ -5,6 +5,7 @@ import 'config.dart';
 import 'navigation.dart';
 import 'package.dart';
 import 'profile.dart';
+import 'proxy.dart';
 
 part 'generated/selector.freezed.dart';
 
@@ -101,3 +102,29 @@ class HomeNavigationSelectorState with _$HomeNavigationSelectorState{
     required String? locale,
   }) = _HomeNavigationSelectorState;
 }
+
+@freezed
+class ProxiesSelectorState with _$ProxiesSelectorState{
+  const factory ProxiesSelectorState({
+    required int currentIndex,
+    required List<String> groupNames,
+  }) = _ProxiesSelectorState;
+}
+
+@freezed
+class ProxiesCardSelectorState with _$ProxiesCardSelectorState{
+  const factory ProxiesCardSelectorState({
+    required String? currentGroupName,
+    required String? currentProxyName,
+    required bool isSelected,
+  }) = _ProxiesCardSelectorState;
+}
+
+@freezed
+class ProxiesTabViewSelectorState with _$ProxiesTabViewSelectorState{
+  const factory ProxiesTabViewSelectorState({
+    required ProxiesSortType proxiesSortType,
+    required num sortNum,
+    required Group group,
+  }) = _ProxiesTabViewSelectorState;
+}

lib/pages/home.dart

@@ -140,7 +140,6 @@ class HomePage extends StatelessWidget {
         child: Selector<AppState, List<NavigationItem>>(
           selector: (_, appState) => appState.navigationItems,
           builder: (_, navigationItems, __) {
-            debugPrint("[Home] update===>");
             final desktopNavigationItems = navigationItems
                 .where(
                   (element) =>

lib/state.dart

@@ -14,8 +14,8 @@ import 'common/common.dart';
 
 class GlobalState {
   Timer? timer;
-  Timer? currentDelayTimer;
   Function? updateCurrentDelayDebounce;
+  Function? updateSortNumDebounce;
   PageController? pageController;
   final navigatorKey = GlobalKey<NavigatorState>();
   final Map<int, String?> packageNameMap = {};
@@ -23,6 +23,7 @@ class GlobalState {
   List<Function> updateFunctionLists = [];
   List<NavigationItem> currentNavigationItems = [];
   bool updatePackagesLock = false;
+  bool healthcheckLock = false;
 
   startListenUpdate() {
     if (timer != null && timer!.isActive == true) return;
@@ -38,7 +39,7 @@ class GlobalState {
     timer?.cancel();
   }
 
-  Future<bool> updateClashConfig({
+  Future<String> updateClashConfig({
     required ClashConfig clashConfig,
     required Config config,
     bool isPatch = true,
@@ -87,6 +88,25 @@ class GlobalState {
     updateCurrentDelayDebounce!([proxyName]);
   }
 
+  applyProfile({
+    required AppState appState,
+    required Config config,
+    required ClashConfig clashConfig,
+  }) async {
+    final res = await updateClashConfig(
+      clashConfig: clashConfig,
+      config: config,
+      isPatch: false,
+    );
+    if (res.isNotEmpty) return Result.error(message: res);
+    await updateGroups(appState);
+    changeProxy(
+      appState: appState,
+      config: config,
+      clashConfig: clashConfig,
+    );
+  }
+
   init({
     required AppState appState,
     required Config config,
@@ -100,15 +120,44 @@ class GlobalState {
       );
     }
     if (!appState.isInit) return;
-    await updateClashConfig(
+    await applyProfile(
-      clashConfig: clashConfig,
+      appState: appState,
       config: config,
-      isPatch: false,
+      clashConfig: clashConfig,
     );
-    updateGroups(appState);
     updateCoreVersionInfo(appState);
   }
 
+  changeProxy({
+    required AppState appState,
+    required Config config,
+    required ClashConfig clashConfig,
+  }) {
+    final currentGroupName =
+        appState.getCurrentGroupName(config.currentGroupName, clashConfig.mode);
+    final currentProxyName =
+        appState.getCurrentProxyName(config.currentProxyName, clashConfig.mode);
+    if (config.profiles.isEmpty || currentProxyName == null) {
+      stopSystemProxy();
+      return;
+    }
+    if (currentGroupName == null) return;
+    final groupIndex = appState.groups.indexWhere(
+      (element) => element.name == currentGroupName,
+    );
+    if (groupIndex == -1) return;
+    final proxyIndex = appState.groups[groupIndex].all.indexWhere(
+      (element) => element.name == currentProxyName,
+    );
+    if (proxyIndex == -1) return;
+    clashCore.changeProxy(
+      ChangeProxyParams(
+        groupName: currentGroupName,
+        proxyName: currentProxyName,
+      ),
+    );
+  }
+
   updatePackages(AppState appState) async {
     if (appState.packages.isEmpty && updatePackagesLock == false) {
       updatePackagesLock = true;
@@ -130,8 +179,8 @@ class GlobalState {
     );
   }
 
-  updateGroups(AppState appState) {
+  Future<void> updateGroups(AppState appState) async {
-    appState.groups = clashCore.getProxiesGroups();
+    appState.groups = await clashCore.getProxiesGroups();
   }
 
   showMessage({
@@ -198,7 +247,7 @@ class GlobalState {
     required Config config,
   }) {
     final traffic = clashCore.getTraffic();
-    if(appState != null){
+    if (appState != null) {
       appState.addTraffic(traffic);
     }
     if (Platform.isAndroid) {

lib/widgets/app_state_container.dart

@@ -15,7 +15,6 @@ class AppStateContainer extends StatelessWidget {
     return Selector<Config, bool>(
       selector: (_, config) => config.autoLaunch,
       builder: (_, isAutoLaunch, child) {
-        debugPrint("[autoLaunchContainer] update===>");
         autoLaunch?.updateStatus(isAutoLaunch);
         return child!;
       },
@@ -35,7 +34,6 @@ class AppStateContainer extends StatelessWidget {
         );
       },
       builder: (context, state, child) {
-        debugPrint("[NavigationsContainer] update===>");
         WidgetsBinding.instance.addPostFrameCallback(
           (_) {
             context.appController.appState.navigationItems =

lib/widgets/clash_message_container.dart

@@ -38,13 +38,24 @@ class _ClashMessageContainerState extends State<ClashMessageContainer>
 
   @override
   void onDelay(Delay delay) {
+    globalState.healthcheckLock = true;
     context.appController.setDelay(delay);
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      globalState.updateSortNumDebounce ??= debounce<Function()>(
+        () {
+          context.appController.updateGroups();
+          context.appController.appState.sortNum++;
+          globalState.healthcheckLock = false;
+        },
+        milliseconds: 5000,
+      );
+      globalState.updateSortNumDebounce!();
+    });
     super.onDelay(delay);
   }
 
   @override
   void onLog(Log log) {
-    debugPrint("$log");
     context.appController.appState.addLog(log);
     super.onLog(log);
   }

lib/widgets/open_container.dart

@@ -446,7 +446,6 @@ class _OpenContainerRoute<T> extends ModalRoute<T> {
     return Selector<Config, ThemeMode>(
       selector: (_, config) => config.themeMode,
       builder: (_, __, ___) {
-        debugPrint("[OpenContainerTheme] update===>");
         _colorTween = _getColorTween(
           transitionType: transitionType,
           closedColor: Theme.of(context).colorScheme.background,

lib/widgets/tray_container.dart

@@ -144,7 +144,6 @@ class _TrayContainerState extends State<TrayContainer> with TrayListener {
         locale: config.locale,
       ),
       builder: (_, state, child) {
-        debugPrint("[TrayContainer] update===>");
         WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
           updateMenu(state);
         });

pubspec.lock

@@ -258,10 +258,10 @@ packages:
     dependency: "direct main"
     description:
       name: flutter_adaptive_scaffold
-      sha256: "600bbe237530a249f957f7d0f36273c20bd38d137e28e098c5231c30cadbe927"
+      sha256: "9a1d5e9f728815e27b7b612883db19107ba8a35a46a97c757ea00896cb027451"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.1.10+1"
+    version: "0.1.10+2"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -279,10 +279,10 @@ packages:
     dependency: transitive
     description:
       name: flutter_plugin_android_lifecycle
-      sha256: "592dc01a18961a51c24ae5d963b724b2b7fa4a95c100fe8eb6ca8a5a4732cadf"
+      sha256: "8cf40eebf5dec866a6d1956ad7b4f7016e6c0cc69847ab946833b7d43743809f"
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.0.18"
+    version: "2.0.19"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -997,10 +997,10 @@ packages:
     dependency: transitive
     description:
       name: yaml_edit
-      sha256: c566f4f804215d84a7a2c377667f546c6033d5b34b4f9e60dfb09d17c4e97826
+      sha256: e9c1a3543d2da0db3e90270dbb1e4eebc985ee5e3ffe468d83224472b2194a5f
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.2.0"
+    version: "2.2.1"
 sdks:
   dart: ">=3.3.0 <4.0.0"
   flutter: ">=3.19.0"

pubspec.yaml

@@ -1,7 +1,7 @@
 name: fl_clash
 description: A multi-platform proxy client based on ClashMeta, simple and easy to use, open-source and ad-free.
 publish_to: 'none'
-version: 0.7.0
+version: 0.7.11
 environment:
   sdk: '>=3.1.0 <4.0.0'