Optimize repeat healthcheck

Optimize Direct mode ui
Optimize Healthcheck
2024-05-06 17:17:26 +08:00 · 2024-05-06 15:27:37 +08:00 · 2024-05-06 14:32:23 +08:00 · 2024-05-06 14:32:22 +08:00 · 2024-05-06 14:32:21 +08:00 · 2024-05-06 14:32:21 +08:00
33 changed files with 1179 additions and 479 deletions
--- a/.github/workflows/build.yml
+++ b/.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 "")
-          if [ -z "$prelease" ]; then
+          pre=$(curl --silent "https://api.github.com/repos/chen08209/FlClash/releases/latest" | grep -Po '"tag_name": "\K.*?(?=")' || echo "")
+          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
--- a/core/Clash.Meta
+++ b/core/Clash.Meta
--- a/core/common.go
+++ b/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,43 @@ func patchConfig(general *config.General) {
 	resolver.DisableIPv6 = !general.IPv6
 }

-func applyConfig(isPatch bool) bool {
-	if currentConfig == nil {
-		return false
+const concurrentCount = math.MaxInt
+
+var wg = sync.WaitGroup{}
+var exit = make(chan struct{})
+
+func hcCompatibleProvider(proxyProviders map[string]provider.ProxyProvider) {
+	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{}{}
+			select {
+			case <-exit:
+				return // 收到退出信号，退出协程
+			default:
+			}
+			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 cancelHc() {
+	close(exit)
+	wg.Wait()
+	exit = make(chan struct{})
+	wg = sync.WaitGroup{}
+}
+
+func applyConfig(isPatch bool) {
 	cfg, err := config.ParseRawConfig(currentConfig)
 	if err != nil {
 		cfg, _ = config.ParseRawConfig(config.DefaultRawConfig())
@@ -176,7 +218,6 @@ func applyConfig(isPatch bool) bool {
 		patchConfig(cfg.General)
 	} else {
 		executor.ApplyConfig(cfg, true)
-
+		healthcheck()
 	}
-	return true
 }
--- a/core/dart-bridge/lib.go
+++ b/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)
--- a/core/dart-bridge/message.go
+++ b/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())
 }
--- a/core/hub.go
+++ b/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"
@@ -63,21 +64,25 @@ func validateConfig(s *C.char) bool {
 }

 //export updateConfig
-func updateConfig(s *C.char) bool {
-	paramsString := C.GoString(s)
-	var params = &GenerateConfigParams{}
-	err := json.Unmarshal([]byte(paramsString), params)
-	if err != nil {
-		log.Errorln("generateConfig Unmarshal error %v", err)
-		return false
-	}
-	prof := decorationConfig(params.ProfilePath, *params.Config)
-	currentConfig = prof
-	if *params.IsPatch {
-		return applyConfig(true)
-	} else {
-		return applyConfig(false)
-	}
+func updateConfig(s *C.char, port C.longlong) {
+	i := int64(port)
+	go func() {
+		paramsString := C.GoString(s)
+		var params = &GenerateConfigParams{}
+		err := json.Unmarshal([]byte(paramsString), params)
+		if err != nil {
+			bridge.SendToPort(i, err.Error())
+			return
+		}
+		prof := decorationConfig(params.ProfilePath, *params.Config)
+		currentConfig = prof
+		if *params.IsPatch {
+			applyConfig(true)
+		} else {
+			applyConfig(false)
+		}
+		bridge.SendToPort(i, "")
+	}()
 }

 //export getProxies
@@ -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
@@ -115,6 +120,10 @@ func changeProxy(s *C.char) bool {
 	return true
 }

+// clearEffect
+func clearConfigEffect() {
+}
+
 //export getTraffic
 func getTraffic() *C.char {
 	up, down := statistic.DefaultManager.Now()
@@ -148,7 +157,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 +248,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(provider)
+	data, err := json.Marshal(providers[providerName])
 	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,
+		})
+	}
+}
--- a/lib/application.dart
+++ b/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);
--- a/lib/clash/core.dart
+++ b/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");
-      clashFFI = ClashFFI(lib);
+      return DynamicLibrary.open("libclash.dll");
    }
    if (Platform.isMacOS) {
-      lib = DynamicLibrary.open("libclash.dylib");
-      clashFFI = ClashFFI(lib);
+      return DynamicLibrary.open("libclash.dylib");
    }
    if (Platform.isAndroid || Platform.isLinux) {
-      lib = DynamicLibrary.open("libclash.so");
-      clashFFI = ClashFFI(lib);
+      return DynamicLibrary.open("libclash.so");
    }
+    throw "Platform is not supported";
+  }
+
+  ClashCore._internal() {
+    lib = _getClashLib();
+    clashFFI = ClashFFI(lib);
    clashFFI.initNativeApiBridge(
      NativeApi.initializeApiDLData,
      receiver.sendPort.nativePort,
@@ -61,12 +65,21 @@ 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(
-          params.toNativeUtf8().cast(),
-        ) ==
-        1;
+    clashFFI.updateConfig(
+      params.toNativeUtf8().cast(),
+      receiver.sendPort.nativePort,
+    );
+    return completer.future;
  }

  Future<List<Group>> getProxiesGroups() {
@@ -74,20 +87,22 @@ class ClashCore {
    final proxiesRawString = proxiesRaw.cast<Utf8>().toDartString();
    return Isolate.run<List<Group>>(() {
      final proxies = json.decode(proxiesRawString);
-      final groupsRaw = (proxies[UsedProxy.GLOBAL.name]["all"] as List)
-          .where((e) {
-        final proxy = proxies[e];
-        final excludeName = !UsedProxyExtension.valueList
-            .where((element) => element != UsedProxy.GLOBAL.name)
-            .contains(proxy['name']);
-        final validType = GroupTypeExtension.valueList.contains(proxy['type']);
-        return excludeName && validType;
-      }).map((groupName) {
+      final groupNames = [
+        UsedProxy.GLOBAL.name,
+        ...(proxies[UsedProxy.GLOBAL.name]["all"] as List).where((e) {
+          final proxy = proxies[e];
+          return GroupTypeExtension.valueList.contains(proxy['type']);
+        })
+      ];
+      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 group;
      }).toList();
@@ -109,6 +124,10 @@ class ClashCore {
    return true;
  }

+  healthcheck() {
+    clashFFI.healthcheck();
+  }
+
  VersionInfo getVersionInfo() {
    final versionInfoRaw = clashFFI.getVersionInfo();
    final versionInfo = json.decode(versionInfoRaw.cast<Utf8>().toDartString());
--- a/lib/clash/generated/clash_ffi.dart
+++ b/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 =
-      _lookup<ffi.NativeFunction<GoUint8 Function(ffi.Pointer<ffi.Char>)>>(
-          'updateConfig');
+  late final _updateConfigPtr = _lookup<
+      ffi.NativeFunction<
+          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,
--- a/lib/clash/message.dart
+++ b/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;
        }
      }
    });
--- a/lib/common/function.dart
+++ b/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), () {
-      Function.apply(func, args ?? [], namedArgs);
+    timer = Timer(Duration(milliseconds: milliseconds), () async {
+      await Function.apply(func, args ?? [], namedArgs);
    });
  };
 }
--- a/lib/controller.dart
+++ b/lib/controller.dart
@@ -35,7 +35,6 @@ class AppController {
        config: config,
        clashConfig: clashConfig,
      );
-
      updateRunTime();
      updateTraffic();
      globalState.updateFunctionLists = [
@@ -115,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,
@@ -123,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 updateGroups();
-    changeProxy();
+    await applyProfile();
    appState.delayMap = {};
    saveConfigPreferences();
  }
@@ -142,10 +160,7 @@ class AppController {
          )
          .isBeforeNow();
      if (isNotNeedUpdate == false) continue;
-      final result = await profile.update();
-      if (result.type == ResultType.error) continue;
-      await updateGroups();
-      changeProxy();
+      await profile.update();
    }
  }

@@ -207,19 +222,29 @@ class AppController {
  }

  afterInit() async {
-    if (appState.isInit) {
-      if (config.autoRun) {
-        await updateSystemProxy(true);
-      } else {
-        await proxyManager.updateStartTime();
-        await updateSystemProxy(proxyManager.isStart);
-      }
-      autoUpdateProfiles();
-      updateLogStatus();
-      if (!config.silentLaunch) {
-        window?.show();
-      }
+    if (config.autoRun) {
+      await updateSystemProxy(true);
+    } else {
+      await proxyManager.updateStartTime();
+      await updateSystemProxy(proxyManager.isStart);
    }
+    autoUpdateProfiles();
+    updateLogStatus();
+    if (!config.silentLaunch) {
+      window?.show();
+    }
+  }
+
+  healthcheck() {
+    for (final delay in appState.delayMap.entries) {
+      setDelay(
+        Delay(
+          name: delay.key,
+          value: 0,
+        ),
+      );
+    }
+    clashCore.healthcheck();
  }

  setDelay(Delay delay) {
--- a/lib/enum/enum.dart
+++ b/lib/enum/enum.dart
@@ -52,4 +52,4 @@ enum ProfileType { file, url }

 enum ResultType { success, error }

-enum MessageType { log, tun, delay, process }
+enum MessageType { log, tun, delay, process, now }
--- a/lib/fragments/about.dart
+++ b/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: () {
--- a/lib/fragments/dashboard/core_info.dart
+++ b/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,
--- a/lib/fragments/dashboard/network_detection.dart
+++ b/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(
-        Selector3<AppState, Config, ClashConfig, NetworkDetectionSelectorState>(
-          selector: (_, appState, config, clashConfig) {
-            final proxyName = appState.getCurrentProxyName(
-              config.currentProxyName,
-              clashConfig.mode,
-            );
-            return NetworkDetectionSelectorState(
-              isInit: appState.isInit,
-              currentProxyName: proxyName,
-              delay: appState.delayMap[proxyName],
-            );
-          },
-          builder: (_, state, __) {
-            debugPrint("[NetworkDetection] update===>");
-            return Container(
-              padding: const EdgeInsets.all(16).copyWith(top: 0),
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Flexible(
-                    flex: 0,
-                    child: TooltipText(
-                      text: Text(
-                        state.currentProxyName ?? appLocalizations.noProxy,
-                        overflow: TextOverflow.ellipsis,
-                        maxLines: 1,
-                        style:
-                        Theme.of(context).textTheme.titleMedium?.toSoftBold(),
+      child: Selector3<AppState, Config, ClashConfig,
+          NetworkDetectionSelectorState>(
+        selector: (_, appState, config, clashConfig) {
+          final proxyName = appState.getCurrentProxyName(
+            config.currentProxyName,
+            clashConfig.mode,
+          );
+          return NetworkDetectionSelectorState(
+            isInit: appState.isInit,
+            currentProxyName: proxyName,
+            delay: appState.getDelay(
+              proxyName,
+            ),
+          );
+        },
+        builder: (_, state, __) {
+          return Container(
+            padding: const EdgeInsets.all(16).copyWith(top: 0),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Flexible(
+                  flex: 0,
+                  child: TooltipText(
+                    text: Text(
+                      state.currentProxyName ?? appLocalizations.noProxy,
+                      overflow: TextOverflow.ellipsis,
+                      maxLines: 1,
+                      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,
-                        ),
-                      ),
-                    ),
-                  ),
-                ],
-              ),
-            );
-          },
-        ),
+                ),
+              ],
+            ),
+          );
+        },
      ),
    );
  }
--- a/lib/fragments/dashboard/start_button.dart
+++ b/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();
        }
--- a/lib/fragments/profiles/profiles.dart
+++ b/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,
--- a/lib/fragments/proxies.dart
+++ b/lib/fragments/proxies.dart
@@ -58,146 +58,91 @@ class _ProxiesFragmentState extends State<ProxiesFragment>

  @override
  Widget build(BuildContext context) {
-    return Selector<AppState, bool>(
-      selector: (_, appState) => appState.currentLabel == 'proxies',
-      builder: (_, isCurrent, child) {
-        if (isCurrent) {
-          _initActions();
-        }
-        return child!;
-      },
-      child: Selector3<AppState, Config, ClashConfig, ProxiesSelectorState>(
-        selector: (_, appState, config, clashConfig) {
-          final currentGroups = appState.getCurrentGroups(clashConfig.mode);
-          final currentProxyName = appState.getCurrentGroupNameWithGroups(
-            currentGroups,
-            config.currentGroupName,
-            clashConfig.mode,
-          );
-          final currentIndex = currentGroups
-              .indexWhere((element) => element.name == currentProxyName);
-          return ProxiesSelectorState(
-            currentIndex: currentIndex != -1 ? currentIndex : 0,
-            groups: currentGroups,
-          );
-        },
-        builder: (_, state, __) {
-          if (_tabController != null) {
-            _tabController!.dispose();
-            _tabController = null;
+    return DelayTestButtonContainer(
+      child: Selector<AppState, bool>(
+        selector: (_, appState) => appState.currentLabel == 'proxies',
+        builder: (_, isCurrent, child) {
+          if (isCurrent) {
+            _initActions();
          }
-          _tabController = TabController(
-            length: state.groups.length,
-            vsync: this,
-            initialIndex: state.currentIndex,
-          );
-          debugPrint("[Proxies] update===>");
-          return Column(
-            mainAxisAlignment: MainAxisAlignment.start,
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              TabBar(
-                controller: _tabController,
-                padding: const EdgeInsets.symmetric(horizontal: 16),
-                dividerColor: Colors.transparent,
-                isScrollable: true,
-                tabAlignment: TabAlignment.start,
-                overlayColor:
-                    const MaterialStatePropertyAll(Colors.transparent),
-                tabs: [
-                  for (final group in state.groups)
-                    Tab(
-                      text: group.name,
-                    ),
-                ],
-              ),
-              Expanded(
-                child: TabBarView(
+          return child!;
+        },
+        child: Selector3<AppState, Config, ClashConfig, ProxiesSelectorState>(
+          selector: (_, appState, config, clashConfig) {
+            final currentGroups = appState.getCurrentGroups(clashConfig.mode);
+            final groupNames = currentGroups.map((e) => e.name).toList();
+            final currentProxyName = appState.getCurrentGroupNameWithGroups(
+              currentGroups,
+              config.currentGroupName,
+              clashConfig.mode,
+            );
+            final currentIndex = currentGroups
+                .indexWhere((element) => element.name == currentProxyName);
+            return ProxiesSelectorState(
+              currentIndex: currentIndex,
+              groupNames: groupNames,
+            );
+          },
+          builder: (_, state, __) {
+            if (_tabController != null) {
+              _tabController!.dispose();
+              _tabController = null;
+            }
+            _tabController = TabController(
+              length: state.groupNames.length,
+              vsync: this,
+              initialIndex: state.currentIndex,
+            );
+            return Column(
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                TabBar(
                  controller: _tabController,
-                  children: [
-                    for (final group in state.groups)
-                      KeepContainer(
-                        child: ProxiesTabView(
-                          group: group,
-                        ),
+                  padding: const EdgeInsets.symmetric(horizontal: 16),
+                  dividerColor: Colors.transparent,
+                  isScrollable: true,
+                  tabAlignment: TabAlignment.start,
+                  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 {
-  final Group group;
+class ProxiesTabView extends StatelessWidget {
+  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(
@@ -205,7 +150,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)
@@ -228,38 +173,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 {
-    if (lock == true) return;
-    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() {
+  double _getItemHeight(BuildContext context) {
+    final measure = context.appController.measure;
    return 12 * 2 +
        measure.bodyMediumHeight * 2 +
        measure.bodySmallHeight +
@@ -267,11 +193,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,
@@ -322,7 +250,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(
@@ -360,107 +288,217 @@ class _ProxiesTabViewState extends State<ProxiesTabView>
    );
  }

-  _buildGrid({
-    required ProxiesSortType proxiesSortType,
+  Widget _buildGrid(
+    BuildContext context, {
+    required List<Proxy> proxies,
    required int columns,
  }) {
-    return SingleChildScrollView(
+    return GridView.builder(
      padding: const EdgeInsets.all(16),
-      child: AnimateGrid<Proxy>(
-        items: _getProxies(group.all, proxiesSortType),
-        columns: columns,
-        itemHeight: _getItemHeight(),
-        keyBuilder: (item) {
-          return ObjectKey(item);
-        },
-        builder: (_, proxy) {
-          return Selector3<AppState, Config, ClashConfig, String?>(
-            selector: (_, appState, config, clashConfig) =>
-                appState.getCurrentProxyName(
+      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        crossAxisCount: columns,
+        mainAxisSpacing: 8,
+        crossAxisSpacing: 8,
+        mainAxisExtent: _getItemHeight(context),
+      ),
+      itemCount: proxies.length,
+      itemBuilder: (_, index) {
+        final proxy = proxies[index];
+        return Selector3<AppState, Config, ClashConfig,
+            ProxiesCardSelectorState>(
+          selector: (_, appState, config, clashConfig) {
+            final currentGroupName = appState.getCurrentGroupName(
+              config.currentGroupName,
+              clashConfig.mode,
+            );
+            final currentProxyName = appState.getCurrentProxyName(
              config.currentProxyName,
              clashConfig.mode,
-            ),
-            builder: (_, value, __) {
-              final currentProxyName =
-                  group.type == GroupType.Selector ? value : group.now;
-              return _card(
-                isSelected: proxy.name == currentProxyName,
-                onPressed: () {
-                  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,
-              );
-            },
-          );
-        },
-      ),
+            );
+            final group = appState.getGroupWithName(groupName);
+            final isSelected = group.type == GroupType.Selector
+                ? group.name == currentGroupName &&
+                    proxy.name == currentProxyName
+                : group.now == proxy.name;
+            return ProxiesCardSelectorState(
+              isSelected: isSelected,
+              currentGroupName: currentGroupName,
+              currentProxyName: currentProxyName,
+            );
+          },
+          builder: (_, state, __) {
+            return _card(
+              context,
+              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>(
-      selector: (_, config) => config.proxiesSortType,
-      builder: (_, proxiesSortType, __) {
-        return FloatLayout(
-          floatingWidget: FloatWrapper(
-            child: AnimatedBuilder(
-              animation: _controller,
-              builder: (_, __) {
-                return Transform.scale(
-                  scale: _scale.value,
-                  child: SizedBox(
-                    width: 56,
-                    height: 56,
-                    child: Opacity(
-                      opacity: _opacity.value,
-                      child: FloatingActionButton(
-                        heroTag: null,
-                        onPressed: _getDelayMap,
-                        child: const Icon(Icons.network_ping),
-                      ),
-                    ),
-                  ),
-                );
-              },
-            ),
-          ),
-          child: Align(
-            alignment: Alignment.topCenter,
-            child: SlotLayout(
-              config: {
-                Breakpoints.small: SlotLayout.from(
-                  key: const Key('proxies_grid_small'),
-                  builder: (_) => _buildGrid(
-                    proxiesSortType: proxiesSortType,
-                    columns: 2,
-                  ),
+    return Selector2<AppState, Config, ProxiesTabViewSelectorState>(
+      selector: (_, appState, config) {
+        return ProxiesTabViewSelectorState(
+          proxiesSortType: config.proxiesSortType,
+          sortNum: appState.sortNum,
+          group: appState.getGroupWithName(groupName),
+        );
+      },
+      builder: (_, state, __) {
+        final proxies = _getProxies(
+          context,
+          state.group.all,
+          state.proxiesSortType,
+        );
+        return Align(
+          alignment: Alignment.topCenter,
+          child: SlotLayout(
+            config: {
+              Breakpoints.small: SlotLayout.from(
+                key: const Key('proxies_grid_small'),
+                builder: (_) => _buildGrid(
+                  context,
+                  proxies: proxies,
+                  columns: 2,
                ),
-                Breakpoints.medium: SlotLayout.from(
-                  key: const Key('proxies_grid_medium'),
-                  builder: (_) => _buildGrid(
-                    proxiesSortType: proxiesSortType,
-                    columns: 3,
-                  ),
+              ),
+              Breakpoints.medium: SlotLayout.from(
+                key: const Key('proxies_grid_medium'),
+                builder: (_) => _buildGrid(
+                  context,
+                  proxies: proxies,
+                  columns: 3,
                ),
-                Breakpoints.large: SlotLayout.from(
-                  key: const Key('proxies_grid_large'),
-                  builder: (_) => _buildGrid(
-                    proxiesSortType: proxiesSortType,
-                    columns: 4,
-                  ),
+              ),
+              Breakpoints.large: SlotLayout.from(
+                key: const Key('proxies_grid_large'),
+                builder: (_) => _buildGrid(
+                  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,
+    );
+  }
+}
--- a/lib/models/app.dart
+++ b/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:
@@ -185,6 +205,10 @@ class AppState with ChangeNotifier {
    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) {
--- a/lib/models/ffi.dart
+++ b/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({
--- a/lib/models/generated/ffi.freezed.dart
+++ b/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);
 }
--- a/lib/models/generated/ffi.g.dart
+++ b/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(),
--- a/lib/models/generated/selector.freezed.dart
+++ b/lib/models/generated/selector.freezed.dart
@@ -1744,7 +1744,7 @@ abstract class _HomeNavigationSelectorState
 /// @nodoc
 mixin _$ProxiesSelectorState {
  int get currentIndex => throw _privateConstructorUsedError;
-  List<Group> get groups => throw _privateConstructorUsedError;
+  List<String> get groupNames => throw _privateConstructorUsedError;

  @JsonKey(ignore: true)
  $ProxiesSelectorStateCopyWith<ProxiesSelectorState> get copyWith =>
@@ -1757,7 +1757,7 @@ abstract class $ProxiesSelectorStateCopyWith<$Res> {
          $Res Function(ProxiesSelectorState) then) =
      _$ProxiesSelectorStateCopyWithImpl<$Res, ProxiesSelectorState>;
  @useResult
-  $Res call({int currentIndex, List<Group> groups});
+  $Res call({int currentIndex, List<String> groupNames});
 }

 /// @nodoc
@@ -1775,17 +1775,17 @@ class _$ProxiesSelectorStateCopyWithImpl<$Res,
  @override
  $Res call({
    Object? currentIndex = null,
-    Object? groups = null,
+    Object? groupNames = null,
  }) {
    return _then(_value.copyWith(
      currentIndex: null == currentIndex
          ? _value.currentIndex
          : currentIndex // ignore: cast_nullable_to_non_nullable
              as int,
-      groups: null == groups
-          ? _value.groups
-          : groups // ignore: cast_nullable_to_non_nullable
-              as List<Group>,
+      groupNames: null == groupNames
+          ? _value.groupNames
+          : groupNames // ignore: cast_nullable_to_non_nullable
+              as List<String>,
    ) as $Val);
  }
 }
@@ -1798,7 +1798,7 @@ abstract class _$$ProxiesSelectorStateImplCopyWith<$Res>
      __$$ProxiesSelectorStateImplCopyWithImpl<$Res>;
  @override
  @useResult
-  $Res call({int currentIndex, List<Group> groups});
+  $Res call({int currentIndex, List<String> groupNames});
 }

 /// @nodoc
@@ -1813,17 +1813,17 @@ class __$$ProxiesSelectorStateImplCopyWithImpl<$Res>
  @override
  $Res call({
    Object? currentIndex = null,
-    Object? groups = null,
+    Object? groupNames = null,
  }) {
    return _then(_$ProxiesSelectorStateImpl(
      currentIndex: null == currentIndex
          ? _value.currentIndex
          : currentIndex // ignore: cast_nullable_to_non_nullable
              as int,
-      groups: null == groups
-          ? _value._groups
-          : groups // ignore: cast_nullable_to_non_nullable
-              as List<Group>,
+      groupNames: null == groupNames
+          ? _value._groupNames
+          : groupNames // ignore: cast_nullable_to_non_nullable
+              as List<String>,
    ));
  }
 }
@@ -1832,22 +1832,22 @@ class __$$ProxiesSelectorStateImplCopyWithImpl<$Res>

 class _$ProxiesSelectorStateImpl implements _ProxiesSelectorState {
  const _$ProxiesSelectorStateImpl(
-      {required this.currentIndex, required final List<Group> groups})
-      : _groups = groups;
+      {required this.currentIndex, required final List<String> groupNames})
+      : _groupNames = groupNames;

  @override
  final int currentIndex;
-  final List<Group> _groups;
+  final List<String> _groupNames;
  @override
-  List<Group> get groups {
-    if (_groups is EqualUnmodifiableListView) return _groups;
+  List<String> get groupNames {
+    if (_groupNames is EqualUnmodifiableListView) return _groupNames;
    // ignore: implicit_dynamic_type
-    return EqualUnmodifiableListView(_groups);
+    return EqualUnmodifiableListView(_groupNames);
  }

  @override
  String toString() {
-    return 'ProxiesSelectorState(currentIndex: $currentIndex, groups: $groups)';
+    return 'ProxiesSelectorState(currentIndex: $currentIndex, groupNames: $groupNames)';
  }

  @override
@@ -1857,12 +1857,13 @@ class _$ProxiesSelectorStateImpl implements _ProxiesSelectorState {
            other is _$ProxiesSelectorStateImpl &&
            (identical(other.currentIndex, currentIndex) ||
                other.currentIndex == currentIndex) &&
-            const DeepCollectionEquality().equals(other._groups, _groups));
+            const DeepCollectionEquality()
+                .equals(other._groupNames, _groupNames));
  }

  @override
-  int get hashCode => Object.hash(
-      runtimeType, currentIndex, const DeepCollectionEquality().hash(_groups));
+  int get hashCode => Object.hash(runtimeType, currentIndex,
+      const DeepCollectionEquality().hash(_groupNames));

  @JsonKey(ignore: true)
  @override
@@ -1876,14 +1877,358 @@ class _$ProxiesSelectorStateImpl implements _ProxiesSelectorState {
 abstract class _ProxiesSelectorState implements ProxiesSelectorState {
  const factory _ProxiesSelectorState(
      {required final int currentIndex,
-      required final List<Group> groups}) = _$ProxiesSelectorStateImpl;
+      required final List<String> groupNames}) = _$ProxiesSelectorStateImpl;

  @override
  int get currentIndex;
  @override
-  List<Group> get groups;
+  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;
+}
--- a/lib/models/selector.dart
+++ b/lib/models/selector.dart
@@ -107,7 +107,24 @@ class HomeNavigationSelectorState with _$HomeNavigationSelectorState{
 class ProxiesSelectorState with _$ProxiesSelectorState{
  const factory ProxiesSelectorState({
    required int currentIndex,
-    required List<Group> groups,
+    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;
+}
--- a/lib/pages/home.dart
+++ b/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) =>
--- a/lib/state.dart
+++ b/lib/state.dart
@@ -5,7 +5,6 @@ import 'dart:io';
 import 'package:animations/animations.dart';
 import 'package:fl_clash/clash/clash.dart';
 import 'package:fl_clash/enum/enum.dart';
-import 'package:fl_clash/models/clash_config.dart';
 import 'package:fl_clash/plugins/app.dart';
 import 'package:fl_clash/widgets/scaffold.dart';
 import 'package:flutter/material.dart';
@@ -15,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 = {};
@@ -39,7 +38,7 @@ class GlobalState {
    timer?.cancel();
  }

-  Future<bool> updateClashConfig({
+  Future<String> updateClashConfig({
    required ClashConfig clashConfig,
    required Config config,
    bool isPatch = true,
@@ -88,6 +87,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,
@@ -101,18 +119,12 @@ class GlobalState {
      );
    }
    if (!appState.isInit) return;
-    await updateClashConfig(
-      clashConfig: clashConfig,
-      config: config,
-      isPatch: false,
-    );
-    updateGroups(appState);
-    updateCoreVersionInfo(appState);
-    changeProxy(
+    await applyProfile(
      appState: appState,
      config: config,
      clashConfig: clashConfig,
    );
+    updateCoreVersionInfo(appState);
  }

  changeProxy({
@@ -167,7 +179,7 @@ class GlobalState {
  }

  Future<void> updateGroups(AppState appState) async {
-    appState.groups =  await clashCore.getProxiesGroups();
+    appState.groups = await clashCore.getProxiesGroups();
  }

  showMessage({
--- a/lib/widgets/app_state_container.dart
+++ b/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 =
--- a/lib/widgets/clash_message_container.dart
+++ b/lib/widgets/clash_message_container.dart
@@ -39,12 +39,21 @@ class _ClashMessageContainerState extends State<ClashMessageContainer>
  @override
  void onDelay(Delay delay) {
    context.appController.setDelay(delay);
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      globalState.updateSortNumDebounce ??= debounce<Function()>(
+        () {
+          context.appController.updateGroups();
+          context.appController.appState.sortNum++;
+        },
+        milliseconds: 5000,
+      );
+      globalState.updateSortNumDebounce!();
+    });
    super.onDelay(delay);
  }

  @override
  void onLog(Log log) {
-    debugPrint("$log");
    context.appController.appState.addLog(log);
    super.onLog(log);
  }
--- a/lib/widgets/open_container.dart
+++ b/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,
--- a/lib/widgets/tray_container.dart
+++ b/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);
        });
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -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
@@ -957,10 +957,10 @@ packages:
    dependency: "direct main"
    description:
      name: win32_registry
-      sha256: "10589e0d7f4e053f2c61023a31c9ce01146656a70b7b7f0828c0b46d7da2a9bb"
+      sha256: "41fd8a189940d8696b1b810efb9abcf60827b6cbfab90b0c43e8439e3a39d85a"
      url: "https://pub.flutter-io.cn"
    source: hosted
-    version: "1.1.3"
+    version: "1.1.2"
  window_manager:
    dependency: "direct main"
    description:
@@ -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"
--- a/pubspec.yaml
+++ b/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.3
+version: 0.7.12
 environment:
  sdk: '>=3.1.0 <4.0.0'
Author	SHA1	Message	Date
chen08209	9f89fe8b29	Optimize repeat healthcheck	2024-05-06 17:17:26 +08:00
chen08209	78081a12e8	Optimize Direct mode ui	2024-05-06 15:27:37 +08:00
chen08209	6896837f28	Optimize Healthcheck	2024-05-06 14:32:23 +08:00
chen08209	85eb903402	Remove proxies position animation, improve performance Add Telegram Link	2024-05-06 14:32:22 +08:00
chen08209	9aa9180f1f	Update healthcheck policy	2024-05-06 14:32:21 +08:00
chen08209	feb9688a29	New Check URLTest	2024-05-06 14:32:21 +08:00
chen08209	5c71992174	Fix the problem of invalid auto-selection	2024-05-05 16:14:34 +08:00
chen08209	74c3d0ae25	New Async UpdateConfig	2024-05-05 03:13:52 +08:00
chen08209	ecd1bcafd5	add changeProfileDebounce	2024-05-05 03:13:51 +08:00
chen08209	184d2d117a	Update Workflow	2024-05-05 03:13:50 +08:00
chen08209	89e6f17794	Fix ChangeProfile block	2024-05-05 03:13:49 +08:00
chen08209	aef50fe0e3	Fix Release Message Error	2024-05-04 16:14:03 +08:00
chen08209	fc0767ed25	Update Selector 2	2024-05-04 01:14:56 +08:00
chen08209	dbf1724cca	Update Version	2024-05-04 00:14:34 +08:00
chen08209	909aa4038e	Fix Proxies Select Error	2024-05-04 00:14:07 +08:00
chen08209	2d0a7d8d46	Fix the problem that the proxy group is empty in global mode.	2024-05-03 23:08:06 +08:00
chen08209	ca96cd1d82	Fix the problem that the proxy group is empty in global mode.	2024-05-03 23:07:38 +08:00
chen08209	91ab1e5dac	Add ProxyProvider2	2024-05-03 21:48:22 +08:00