Revert "refactor: profile switch (#5197)"

This reverts commit c2dcd86722.
2025-10-30 18:11:04 +08:00
parent 928f226d10
commit a869dbb441
36 changed files with 1257 additions and 5894 deletions
--- a/src/components/home/current-proxy-card.tsx
+++ b/src/components/home/current-proxy-card.tsx
@@ -100,12 +100,10 @@ export const CurrentProxyCard = () => {
  const { t } = useTranslation();
  const navigate = useNavigate();
  const theme = useTheme();
-  const { proxies, proxyHydration, clashConfig, refreshProxy, rules } =
-    useAppData();
+  const { proxies, clashConfig, refreshProxy, rules } = useAppData();
  const { verge } = useVerge();
  const { current: currentProfile } = useProfiles();
  const autoDelayEnabled = verge?.enable_auto_delay_detection ?? false;
-  const isLiveHydration = proxyHydration === "live";
  const currentProfileId = currentProfile?.uid || null;

  const getProfileStorageKey = useCallback(
@@ -717,6 +715,7 @@ export const CurrentProxyCard = () => {
        );
      }
    }
+
    refreshProxy();
    if (sortType === 1) {
      setDelaySortRefresh((prev) => prev + 1);
@@ -841,24 +840,13 @@ export const CurrentProxyCard = () => {
      iconColor={currentProxy ? "primary" : undefined}
      action={
        <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-          {!isLiveHydration && (
-            <Chip
-              size="small"
-              color={proxyHydration === "snapshot" ? "warning" : "info"}
-              label={
-                proxyHydration === "snapshot"
-                  ? t("Snapshot data")
-                  : t("Syncing...")
-              }
-            />
-          )}
          <Tooltip title={t("Delay check")}>
            <span>
              <IconButton
                size="small"
                color="inherit"
                onClick={handleCheckDelay}
-                disabled={isDirectMode || !isLiveHydration}
+                disabled={isDirectMode}
              >
                <NetworkCheckRounded />
              </IconButton>
@@ -972,7 +960,7 @@ export const CurrentProxyCard = () => {
              value={state.selection.group}
              onChange={handleGroupChange}
              label={t("Group")}
-              disabled={isGlobalMode || isDirectMode || !isLiveHydration}
+              disabled={isGlobalMode || isDirectMode}
            >
              {state.proxyData.groups.map((group) => (
                <MenuItem key={group.name} value={group.name}>
@@ -990,7 +978,7 @@ export const CurrentProxyCard = () => {
              value={state.selection.proxy}
              onChange={handleProxyChange}
              label={t("Proxy")}
-              disabled={isDirectMode || !isLiveHydration}
+              disabled={isDirectMode}
              renderValue={renderProxyValue}
              MenuProps={{
                PaperProps: {
--- a/src/components/proxy/provider-button.tsx
+++ b/src/components/proxy/provider-button.tsx
@@ -1,7 +1,6 @@
 import { RefreshRounded, StorageOutlined } from "@mui/icons-material";
 import {
  Box,
-  Chip,
  Button,
  Dialog,
  DialogActions,
@@ -19,7 +18,7 @@ import {
 } from "@mui/material";
 import { useLockFn } from "ahooks";
 import dayjs from "dayjs";
-import { useMemo, useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { updateProxyProvider } from "tauri-plugin-mihomo-api";

@@ -49,61 +48,29 @@ const parseExpire = (expire?: number) => {
 export const ProviderButton = () => {
  const { t } = useTranslation();
  const [open, setOpen] = useState(false);
-  const {
-    proxyProviders,
-    proxyHydration,
-    refreshProxy,
-    refreshProxyProviders,
-  } = useAppData();
-
-  const isHydrating = proxyHydration !== "live";
+  const { proxyProviders, refreshProxy, refreshProxyProviders } = useAppData();
  const [updating, setUpdating] = useState<Record<string, boolean>>({});

  // 检查是否有提供者
  const hasProviders = Object.keys(proxyProviders || {}).length > 0;

-  // Hydration hint badge keeps users aware of sync state
-  const hydrationChip = useMemo(() => {
-    if (proxyHydration === "live") return null;
-
-    return (
-      <Chip
-        size="small"
-        color={proxyHydration === "snapshot" ? "warning" : "info"}
-        label={
-          proxyHydration === "snapshot"
-            ? t("Snapshot data")
-            : t("Proxy data is syncing, please wait")
-        }
-        sx={{ fontWeight: 500 }}
-      />
-    );
-  }, [proxyHydration, t]);
-
  // 更新单个代理提供者
  const updateProvider = useLockFn(async (name: string) => {
-    if (isHydrating) {
-      showNotice("info", t("Proxy data is syncing, please wait"));
-      return;
-    }
-
    try {
      // 设置更新状态
      setUpdating((prev) => ({ ...prev, [name]: true }));
+
      await updateProxyProvider(name);
-      await refreshProxyProviders();
+
+      // 刷新数据
      await refreshProxy();
-      showNotice(
-        "success",
-        t("Provider {{name}} updated successfully", { name }),
-      );
+      await refreshProxyProviders();
+
+      showNotice("success", `${name} 更新成功`);
    } catch (err: any) {
      showNotice(
        "error",
-        t("Provider {{name}} update failed: {{message}}", {
-          name,
-          message: err?.message || err.toString(),
-        }),
+        `${name} 更新失败: ${err?.message || err.toString()}`,
      );
    } finally {
      // 清除更新状态
@@ -113,16 +80,11 @@ export const ProviderButton = () => {

  // 更新所有代理提供者
  const updateAllProviders = useLockFn(async () => {
-    if (isHydrating) {
-      showNotice("info", t("Proxy data is syncing, please wait"));
-      return;
-    }
-
    try {
      // 获取所有provider的名称
      const allProviders = Object.keys(proxyProviders || {});
      if (allProviders.length === 0) {
-        showNotice("info", t("No providers to update"));
+        showNotice("info", "没有可更新的代理提供者");
        return;
      }

@@ -148,67 +110,54 @@ export const ProviderButton = () => {
        }
      }

-      await refreshProxyProviders();
+      // 刷新数据
      await refreshProxy();
-      showNotice("success", t("All providers updated successfully"));
+      await refreshProxyProviders();
+
+      showNotice("success", "全部代理提供者更新成功");
    } catch (err: any) {
-      showNotice(
-        "error",
-        t("Failed to update providers: {{message}}", {
-          message: err?.message || err.toString(),
-        }),
-      );
+      showNotice("error", `更新失败: ${err?.message || err.toString()}`);
    } finally {
      // 清除所有更新状态
      setUpdating({});
    }
  });

-  const handleClose = () => setOpen(false);
+  const handleClose = () => {
+    setOpen(false);
+  };

  if (!hasProviders) return null;

  return (
    <>
-      <Box sx={{ display: "flex", alignItems: "center", gap: 1, mr: 1 }}>
-        <Button
-          variant="outlined"
-          size="small"
-          startIcon={<StorageOutlined />}
-          onClick={() => setOpen(true)}
-          disabled={isHydrating}
-          title={
-            isHydrating ? t("Proxy data is syncing, please wait") : undefined
-          }
-        >
-          {t("Proxy Provider")}
-        </Button>
-        {hydrationChip}
-      </Box>
+      <Button
+        variant="outlined"
+        size="small"
+        startIcon={<StorageOutlined />}
+        onClick={() => setOpen(true)}
+        sx={{ mr: 1 }}
+      >
+        {t("Proxy Provider")}
+      </Button>

      <Dialog open={open} onClose={handleClose} maxWidth="sm" fullWidth>
        <DialogTitle>
          <Box
-            sx={{
-              display: "flex",
-              justifyContent: "space-between",
-              alignItems: "center",
-            }}
+            display="flex"
+            justifyContent="space-between"
+            alignItems="center"
          >
            <Typography variant="h6">{t("Proxy Provider")}</Typography>
-            <Button
-              variant="contained"
-              size="small"
-              onClick={updateAllProviders}
-              disabled={isHydrating}
-              title={
-                isHydrating
-                  ? t("Proxy data is syncing, please wait")
-                  : undefined
-              }
-            >
-              {t("Update All")}
-            </Button>
+            <Box>
+              <Button
+                variant="contained"
+                size="small"
+                onClick={updateAllProviders}
+              >
+                {t("Update All")}
+              </Button>
+            </Box>
          </Box>
        </DialogTitle>

@@ -217,63 +166,54 @@ export const ProviderButton = () => {
            {Object.entries(proxyProviders || {})
              .sort()
              .map(([key, item]) => {
-                if (!item) return null;
-
-                const time = dayjs(item.updatedAt);
+                const provider = item;
+                const time = dayjs(provider.updatedAt);
                const isUpdating = updating[key];
-                const sub = item.subscriptionInfo;
-                const hasSubInfo = Boolean(sub);
-                const upload = sub?.Upload ?? 0;
-                const download = sub?.Download ?? 0;
-                const total = sub?.Total ?? 0;
-                const expire = sub?.Expire ?? 0;
+
+                // 订阅信息
+                const sub = provider.subscriptionInfo;
+                const hasSubInfo = !!sub;
+                const upload = sub?.Upload || 0;
+                const download = sub?.Download || 0;
+                const total = sub?.Total || 0;
+                const expire = sub?.Expire || 0;
+
+                // 流量使用进度
                const progress =
                  total > 0
                    ? Math.min(
+                        Math.round(((download + upload) * 100) / total) + 1,
                        100,
-                        Math.max(0, ((upload + download) / total) * 100),
                      )
                    : 0;

                return (
                  <ListItem
                    key={key}
-                    secondaryAction={
-                      <Box
-                        sx={{
-                          width: 40,
-                          display: "flex",
-                          justifyContent: "center",
-                          alignItems: "center",
-                        }}
-                      >
-                        <IconButton
-                          size="small"
-                          color="primary"
-                          onClick={() => updateProvider(key)}
-                          disabled={isUpdating || isHydrating}
-                          sx={{
-                            animation: isUpdating
-                              ? "spin 1s linear infinite"
-                              : "none",
-                            "@keyframes spin": {
-                              "0%": { transform: "rotate(0deg)" },
-                              "100%": { transform: "rotate(360deg)" },
-                            },
-                          }}
-                          title={t("Update Provider") as string}
-                        >
-                          <RefreshRounded />
-                        </IconButton>
-                      </Box>
-                    }
-                    sx={{
-                      mb: 1,
-                      borderRadius: 1,
-                      border: "1px solid",
-                      borderColor: alpha("#ccc", 0.4),
-                      backgroundColor: alpha("#fff", 0.02),
-                    }}
+                    sx={[
+                      {
+                        p: 0,
+                        mb: "8px",
+                        borderRadius: 2,
+                        overflow: "hidden",
+                        transition: "all 0.2s",
+                      },
+                      ({ palette: { mode, primary } }) => {
+                        const bgcolor =
+                          mode === "light" ? "#ffffff" : "#24252f";
+                        const hoverColor =
+                          mode === "light"
+                            ? alpha(primary.main, 0.1)
+                            : alpha(primary.main, 0.2);
+
+                        return {
+                          backgroundColor: bgcolor,
+                          "&:hover": {
+                            backgroundColor: hoverColor,
+                          },
+                        };
+                      },
+                    ]}
                  >
                    <ListItemText
                      sx={{ px: 2, py: 1 }}
@@ -283,7 +223,6 @@ export const ProviderButton = () => {
                            display: "flex",
                            justifyContent: "space-between",
                            alignItems: "center",
-                            gap: 1,
                          }}
                        >
                          <Typography
@@ -293,12 +232,12 @@ export const ProviderButton = () => {
                            title={key}
                            sx={{ display: "flex", alignItems: "center" }}
                          >
-                            <span style={{ marginRight: 8 }}>{key}</span>
+                            <span style={{ marginRight: "8px" }}>{key}</span>
                            <TypeBox component="span">
-                              {item.proxies.length}
+                              {provider.proxies.length}
                            </TypeBox>
                            <TypeBox component="span">
-                              {item.vehicleType}
+                              {provider.vehicleType}
                            </TypeBox>
                          </Typography>

@@ -313,39 +252,72 @@ export const ProviderButton = () => {
                        </Box>
                      }
                      secondary={
-                        hasSubInfo ? (
-                          <>
-                            <Box
-                              sx={{
-                                mb: 1,
-                                display: "flex",
-                                alignItems: "center",
-                                justifyContent: "space-between",
-                              }}
-                            >
-                              <span title={t("Used / Total") as string}>
-                                {parseTraffic(upload + download)} /{" "}
-                                {parseTraffic(total)}
-                              </span>
-                              <span title={t("Expire Time") as string}>
-                                {parseExpire(expire)}
-                              </span>
-                            </Box>
+                        <>
+                          {/* 订阅信息 */}
+                          {hasSubInfo && (
+                            <>
+                              <Box
+                                sx={{
+                                  mb: 1,
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                }}
+                              >
+                                <span title={t("Used / Total") as string}>
+                                  {parseTraffic(upload + download)} /{" "}
+                                  {parseTraffic(total)}
+                                </span>
+                                <span title={t("Expire Time") as string}>
+                                  {parseExpire(expire)}
+                                </span>
+                              </Box>

-                            <LinearProgress
-                              variant="determinate"
-                              value={progress}
-                              sx={{
-                                height: 6,
-                                borderRadius: 3,
-                                opacity: total > 0 ? 1 : 0,
-                              }}
-                            />
-                          </>
-                        ) : null
+                              {/* 进度条 */}
+                              <LinearProgress
+                                variant="determinate"
+                                value={progress}
+                                sx={{
+                                  height: 6,
+                                  borderRadius: 3,
+                                  opacity: total > 0 ? 1 : 0,
+                                }}
+                              />
+                            </>
+                          )}
+                        </>
                      }
                    />
                    <Divider orientation="vertical" flexItem />
+                    <Box
+                      sx={{
+                        width: 40,
+                        display: "flex",
+                        justifyContent: "center",
+                        alignItems: "center",
+                      }}
+                    >
+                      <IconButton
+                        size="small"
+                        color="primary"
+                        onClick={() => {
+                          updateProvider(key);
+                        }}
+                        disabled={isUpdating}
+                        sx={{
+                          animation: isUpdating
+                            ? "spin 1s linear infinite"
+                            : "none",
+                          "@keyframes spin": {
+                            "0%": { transform: "rotate(0deg)" },
+                            "100%": { transform: "rotate(360deg)" },
+                          },
+                        }}
+                        title={t("Update Provider") as string}
+                      >
+                        <RefreshRounded />
+                      </IconButton>
+                    </Box>
                  </ListItem>
                );
              })}
--- a/src/components/proxy/proxy-groups.tsx
+++ b/src/components/proxy/proxy-groups.tsx
@@ -61,17 +61,10 @@ export const ProxyGroups = (props: Props) => {
  }>({ open: false, message: "" });

  const { verge } = useVerge();
-  const {
-    proxies: proxiesData,
-    proxyHydration,
-    proxyTargetProfileId,
-    proxyDisplayProfileId,
-    isProxyRefreshPending,
-  } = useAppData();
+  const { proxies: proxiesData } = useAppData();
  const groups = proxiesData?.groups;
  const availableGroups = useMemo(() => groups ?? [], [groups]);
-  const showHydrationOverlay = isProxyRefreshPending;
-  const pendingProfileSwitch = proxyTargetProfileId !== proxyDisplayProfileId;
+
  const defaultRuleGroup = useMemo(() => {
    if (isChainMode && mode === "rule" && availableGroups.length > 0) {
      return availableGroups[0].name;
@@ -83,35 +76,6 @@ export const ProxyGroups = (props: Props) => {
    () => selectedGroup ?? defaultRuleGroup,
    [selectedGroup, defaultRuleGroup],
  );
-  const hydrationChip = useMemo(() => {
-    if (proxyHydration === "live") return null;
-
-    const label =
-      proxyHydration === "snapshot" ? t("Snapshot data") : t("Syncing...");
-
-    return (
-      <Chip
-        size="small"
-        color={proxyHydration === "snapshot" ? "warning" : "info"}
-        label={label}
-        sx={{ fontWeight: 500, height: 22 }}
-      />
-    );
-  }, [proxyHydration, t]);
-
-  const overlayMessage = useMemo(() => {
-    if (!showHydrationOverlay) return null;
-
-    if (pendingProfileSwitch) {
-      return t("Loading proxy data for the selected profile...");
-    }
-
-    if (proxyHydration === "snapshot") {
-      return t("Preparing proxy snapshot...");
-    }
-
-    return t("Syncing proxy data...");
-  }, [showHydrationOverlay, pendingProfileSwitch, proxyHydration, t]);

  const { renderList, onProxies, onHeadState } = useRenderList(
    mode,
@@ -129,7 +93,7 @@ export const ProxyGroups = (props: Props) => {
    [renderList],
  );

-  // 系统代理选择
+  // 统代理选择
  const { handleProxyGroupChange } = useProxySelection({
    onSuccess: () => {
      onProxies();
@@ -342,7 +306,12 @@ export const ProxyGroups = (props: Props) => {
    try {
      await Promise.race([
        delayManager.checkListDelay(names, groupName, timeout),
-        delayGroup(groupName, url, timeout),
+        delayGroup(groupName, url, timeout).then((result) => {
+          console.log(
+            `[ProxyGroups] getGroupProxyDelays返回结果数量:`,
+            Object.keys(result || {}).length,
+          );
+        }), // 查询group delays 将清除fixed(不关注调用结果)
      ]);
      console.log(`[ProxyGroups] 延迟测试完成，组: ${groupName}`);
    } catch (error) {
@@ -407,11 +376,6 @@ export const ProxyGroups = (props: Props) => {
  }

  if (isChainMode) {
-    const chainVirtuosoHeight =
-      mode === "rule" && proxyGroupNames.length > 0
-        ? "calc(100% - 80px)"
-        : "calc(100% - 14px)";
-
    // 获取所有代理组
    const proxyGroups = proxiesData?.groups || [];

@@ -490,7 +454,10 @@ export const ProxyGroups = (props: Props) => {
            <Virtuoso
              ref={virtuosoRef}
              style={{
-                height: chainVirtuosoHeight,
+                height:
+                  mode === "rule" && proxyGroups.length > 0
+                    ? "calc(100% - 80px)" // 只有标题的高度
+                    : "calc(100% - 14px)",
              }}
              totalCount={renderList.length}
              increaseViewportBy={{ top: 200, bottom: 200 }}
@@ -581,9 +548,7 @@ export const ProxyGroups = (props: Props) => {
                  {group.name}
                </Typography>
                <Typography variant="caption" color="text.secondary">
-                  {`${t("Group Type")}: ${group.type} · ${t("Proxy Count")}: ${
-                    Array.isArray(group.all) ? group.all.length : 0
-                  }`}
+                  {group.type} · {group.all.length} 节点
                </Typography>
              </Box>
            </MenuItem>
@@ -591,7 +556,7 @@ export const ProxyGroups = (props: Props) => {
          {availableGroups.length === 0 && (
            <MenuItem disabled>
              <Typography variant="body2" color="text.secondary">
-                {t("Empty")}
+                暂无可用代理组
              </Typography>
            </MenuItem>
          )}
@@ -602,29 +567,9 @@ export const ProxyGroups = (props: Props) => {

  return (
    <div
-      style={{
-        position: "relative",
-        height: "100%",
-        willChange: "transform",
-        opacity: showHydrationOverlay ? 0.45 : 1,
-        transition: "opacity 120ms ease",
-      }}
+      style={{ position: "relative", height: "100%", willChange: "transform" }}
    >
-      {hydrationChip && (
-        <Box
-          sx={{
-            position: "absolute",
-            top: 8,
-            right: 16,
-            zIndex: 2,
-            display: "flex",
-            alignItems: "center",
-            gap: 8,
-          }}
-        >
-          {hydrationChip}
-        </Box>
-      )}
+      {/* 代理组导航栏 */}
      {mode === "rule" && (
        <ProxyGroupNavigator
          proxyGroupNames={proxyGroupNames}
@@ -663,39 +608,6 @@ export const ProxyGroups = (props: Props) => {
        )}
      />
      <ScrollTopButton show={showScrollTop} onClick={scrollToTop} />
-      {showHydrationOverlay && overlayMessage && (
-        <Box
-          sx={{
-            position: "absolute",
-            inset: 0,
-            zIndex: 3,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            pointerEvents: "auto",
-            cursor: "wait",
-            backgroundColor: "rgba(8, 8, 8, 0.12)",
-          }}
-        >
-          <Box
-            sx={{
-              px: 2.5,
-              py: 1.5,
-              borderRadius: 1,
-              bgcolor: "background.paper",
-              boxShadow: 3,
-            }}
-          >
-            <Typography
-              variant="body2"
-              color="text.secondary"
-              sx={{ fontWeight: 500 }}
-            >
-              {overlayMessage}
-            </Typography>
-          </Box>
-        </Box>
-      )}
    </div>
  );
 };
--- a/src/components/proxy/use-render-list.ts
+++ b/src/components/proxy/use-render-list.ts
@@ -14,13 +14,50 @@ import {
 } from "./use-head-state";
 import { useWindowWidth } from "./use-window-width";

-type RenderGroup = IProxyGroupItem;
+// 定义代理项接口
+interface IProxyItem {
+  name: string;
+  type: string;
+  udp: boolean;
+  xudp: boolean;
+  tfo: boolean;
+  mptcp: boolean;
+  smux: boolean;
+  history: {
+    time: string;
+    delay: number;
+  }[];
+  provider?: string;
+  testUrl?: string;
+  [key: string]: any; // 添加索引签名以适应其他可能的属性
+}
+
+// 代理组类型
+type ProxyGroup = {
+  name: string;
+  type: string;
+  udp: boolean;
+  xudp: boolean;
+  tfo: boolean;
+  mptcp: boolean;
+  smux: boolean;
+  history: {
+    time: string;
+    delay: number;
+  }[];
+  now: string;
+  all: IProxyItem[];
+  hidden?: boolean;
+  icon?: string;
+  testUrl?: string;
+  provider?: string;
+};

 export interface IRenderItem {
  // 组 | head | item | empty | item col
  type: 0 | 1 | 2 | 3 | 4;
  key: string;
-  group: RenderGroup;
+  group: ProxyGroup;
  proxy?: IProxyItem;
  col?: number;
  proxyCol?: IProxyItem[];
@@ -62,7 +99,7 @@ export const useRenderList = (
  selectedGroup?: string | null,
 ) => {
  // 使用全局数据提供者
-  const { proxies: proxiesData, proxyHydration, refreshProxy } = useAppData();
+  const { proxies: proxiesData, refreshProxy } = useAppData();
  const { verge } = useVerge();
  const { width } = useWindowWidth();
  const [headStates, setHeadState] = useHeadStateNew();
@@ -86,29 +123,17 @@ export const useRenderList = (

  // 确保代理数据加载
  useEffect(() => {
-    if (!proxiesData || proxyHydration !== "live") return;
+    if (!proxiesData) return;
    const { groups, proxies } = proxiesData;

    if (
      (mode === "rule" && !groups.length) ||
      (mode === "global" && proxies.length < 2)
    ) {
-      const handle = setTimeout(() => {
-        void refreshProxy().catch(() => {});
-      }, 500);
+      const handle = setTimeout(() => refreshProxy(), 500);
      return () => clearTimeout(handle);
    }
-  }, [proxiesData, proxyHydration, mode, refreshProxy]);
-
-  useEffect(() => {
-    if (proxyHydration !== "snapshot") return;
-
-    const handle = setTimeout(() => {
-      void refreshProxy().catch(() => {});
-    }, 1800);
-
-    return () => clearTimeout(handle);
-  }, [proxyHydration, refreshProxy]);
+  }, [proxiesData, mode, refreshProxy]);

  // 链式代理模式节点自动计算延迟
  useEffect(() => {
@@ -122,7 +147,7 @@ export const useRenderList = (
    // 设置组监听器，当有延迟更新时自动刷新
    const groupListener = () => {
      console.log("[ChainMode] 延迟更新，刷新UI");
-      void refreshProxy().catch(() => {});
+      refreshProxy();
    };

    delayManager.setGroupListener("chain-mode", groupListener);
@@ -163,12 +188,9 @@ export const useRenderList = (
    // 链式代理模式下，显示代理组和其节点
    if (isChainMode && runtimeConfig && mode === "rule") {
      // 使用正常的规则模式代理组
-      const chainGroups = proxiesData.groups ?? [];
-      const allGroups = chainGroups.length
-        ? chainGroups
-        : proxiesData.global
-          ? [proxiesData.global]
-          : [];
+      const allGroups = proxiesData.groups.length
+        ? proxiesData.groups
+        : [proxiesData.global!];

      // 如果选择了特定代理组，只显示该组的节点
      if (selectedGroup) {
@@ -260,7 +282,7 @@ export const useRenderList = (
      });

      // 创建一个虚拟的组来容纳所有节点
-      const virtualGroup: RenderGroup = {
+      const virtualGroup: ProxyGroup = {
        name: "All Proxies",
        type: "Selector",
        udp: false,
@@ -318,7 +340,7 @@ export const useRenderList = (
      });

      // 创建一个虚拟的组来容纳所有节点
-      const virtualGroup: RenderGroup = {
+      const virtualGroup: ProxyGroup = {
        name: "All Proxies",
        type: "Selector",
        udp: false,
@@ -358,15 +380,12 @@ export const useRenderList = (

    // 正常模式的渲染逻辑
    const useRule = mode === "rule" || mode === "script";
-    const renderGroups = (() => {
-      const groups = proxiesData.groups ?? [];
-      if (useRule && groups.length) {
-        return groups;
-      }
-      return proxiesData.global ? [proxiesData.global] : groups;
-    })();
+    const renderGroups =
+      useRule && proxiesData.groups.length
+        ? proxiesData.groups
+        : [proxiesData.global!];

-    const retList = renderGroups.flatMap((group: RenderGroup) => {
+    const retList = renderGroups.flatMap((group: ProxyGroup) => {
      const headState = headStates[group.name] || DEFAULT_STATE;
      const ret: IRenderItem[] = [
        {
--- a/src/hooks/use-current-proxy.ts
+++ b/src/hooks/use-current-proxy.ts
@@ -2,6 +2,12 @@ import { useMemo } from "react";

 import { useAppData } from "@/providers/app-data-context";

+// 定义代理组类型
+interface ProxyGroup {
+  name: string;
+  now: string;
+}
+
 // 获取当前代理节点信息的自定义Hook
 export const useCurrentProxy = () => {
  // 从AppDataProvider获取数据
@@ -31,15 +37,15 @@ export const useCurrentProxy = () => {
        "自动选择",
      ];
      const primaryGroup =
-        groups.find((group) =>
+        groups.find((group: ProxyGroup) =>
          primaryKeywords.some((keyword) =>
            group.name.toLowerCase().includes(keyword.toLowerCase()),
          ),
-        ) || groups.find((group) => group.name !== "GLOBAL");
+        ) || groups.filter((g: ProxyGroup) => g.name !== "GLOBAL")[0];

      if (primaryGroup) {
        primaryGroupName = primaryGroup.name;
-        currentName = primaryGroup.now ?? currentName;
+        currentName = primaryGroup.now;
      }
    }

--- a/src/hooks/use-profiles.ts
+++ b/src/hooks/use-profiles.ts
@@ -5,54 +5,33 @@ import {
  getProfiles,
  patchProfile,
  patchProfilesConfig,
-  calcuProxies,
 } from "@/services/cmds";
-import {
-  useProfileStore,
-  selectEffectiveProfiles,
-  selectIsHydrating,
-  selectLastResult,
-} from "@/stores/profile-store";
+import { calcuProxies } from "@/services/cmds";

 export const useProfiles = () => {
-  const profilesFromStore = useProfileStore(selectEffectiveProfiles);
-  const storeHydrating = useProfileStore(selectIsHydrating);
-  const lastResult = useProfileStore(selectLastResult);
-  const commitProfileSnapshot = useProfileStore(
-    (state) => state.commitHydrated,
-  );
-
  const {
-    data: swrProfiles,
+    data: profiles,
    mutate: mutateProfiles,
    error,
    isValidating,
  } = useSWR("getProfiles", getProfiles, {
    revalidateOnFocus: false,
    revalidateOnReconnect: false,
-    dedupingInterval: 500,
+    dedupingInterval: 500, // 减少去重时间，提高响应性
    errorRetryCount: 3,
    errorRetryInterval: 1000,
-    refreshInterval: 0,
-    onError: (err) => {
-      console.error("[useProfiles] SWR错误:", err);
+    refreshInterval: 0, // 完全由手动控制
+    onError: (error) => {
+      console.error("[useProfiles] SWR错误:", error);
    },
    onSuccess: (data) => {
-      commitProfileSnapshot(data);
      console.log(
-        "[useProfiles] 配置数据更新成功，配置数量",
+        "[useProfiles] 配置数据更新成功，配置数量:",
        data?.items?.length || 0,
      );
    },
  });

-  const rawProfiles = profilesFromStore ?? swrProfiles;
-  const profiles = (rawProfiles ?? {
-    current: null,
-    items: [],
-  }) as IProfilesConfig;
-  const hasProfiles = rawProfiles != null;
-
  const patchProfiles = async (
    value: Partial<IProfilesConfig>,
    signal?: AbortSignal,
@@ -70,30 +49,32 @@ export const useProfiles = () => {
      await mutateProfiles();

      return success;
-    } catch (err) {
-      if (err instanceof DOMException && err.name === "AbortError") {
-        throw err;
+    } catch (error) {
+      if (error instanceof DOMException && error.name === "AbortError") {
+        throw error;
      }

      await mutateProfiles();
-      throw err;
+      throw error;
    }
  };

  const patchCurrent = async (value: Partial<IProfileItem>) => {
-    if (!hasProfiles || !profiles.current) {
-      return;
+    if (profiles?.current) {
+      await patchProfile(profiles.current, value);
+      mutateProfiles();
    }
-    await patchProfile(profiles.current, value);
-    mutateProfiles();
  };

+  // 根据selected的节点选择
  const activateSelected = async () => {
    try {
      console.log("[ActivateSelected] 开始处理代理选择");

-      const proxiesData = await calcuProxies();
-      const profileData = hasProfiles ? profiles : null;
+      const [proxiesData, profileData] = await Promise.all([
+        calcuProxies(),
+        getProfiles(),
+      ]);

      if (!profileData || !proxiesData) {
        console.log("[ActivateSelected] 代理或配置数据不可用，跳过处理");
@@ -109,6 +90,7 @@ export const useProfiles = () => {
        return;
      }

+      // 检查是否有saved的代理选择
      const { selected = [] } = current;
      if (selected.length === 0) {
        console.log("[ActivateSelected] 当前profile无保存的代理选择，跳过");
@@ -116,7 +98,7 @@ export const useProfiles = () => {
      }

      console.log(
-        `[ActivateSelected] 当前profile有${selected.length} 个代理选择配置`,
+        `[ActivateSelected] 当前profile有 ${selected.length} 个代理选择配置`,
      );

      const selectedMap = Object.fromEntries(
@@ -133,6 +115,7 @@ export const useProfiles = () => {
        "LoadBalance",
      ]);

+      // 处理所有代理组
      [global, ...groups].forEach((group) => {
        if (!group) {
          return;
@@ -167,7 +150,7 @@ export const useProfiles = () => {

        if (!existsInGroup) {
          console.warn(
-            `[ActivateSelected] 保存的代理${savedProxy} 不存在于代理组${name}`,
+            `[ActivateSelected] 保存的代理 ${savedProxy} 不存在于代理组 ${name}`,
          );
          hasChange = true;
          newSelected.push({ name, now: now ?? savedProxy });
@@ -190,7 +173,7 @@ export const useProfiles = () => {
        return;
      }

-      console.log("[ActivateSelected] 完成代理切换，保存新的选择配置");
+      console.log(`[ActivateSelected] 完成代理切换，保存新的选择配置`);

      try {
        await patchProfile(profileData.current!, { selected: newSelected });
@@ -212,18 +195,14 @@ export const useProfiles = () => {

  return {
    profiles,
-    hasProfiles,
-    current: hasProfiles
-      ? (profiles.items?.find((p) => p && p.uid === profiles.current) ?? null)
-      : null,
+    current: profiles?.items?.find((p) => p && p.uid === profiles.current),
    activateSelected,
    patchProfiles,
    patchCurrent,
    mutateProfiles,
-    isLoading: isValidating || storeHydrating,
-    isHydrating: storeHydrating,
-    lastResult,
+    // 新增故障检测状态
+    isLoading: isValidating,
    error,
-    isStale: !hasProfiles && !error && !isValidating,
+    isStale: !profiles && !error && !isValidating, // 检测是否处于异常状态
  };
 };
--- a/src/pages/_layout/useLayoutEvents.ts
+++ b/src/pages/_layout/useLayoutEvents.ts
@@ -1,9 +1,11 @@
 import { listen } from "@tauri-apps/api/event";
 import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 import { useEffect } from "react";
+import { mutate } from "swr";

 import { useListen } from "@/hooks/use-listen";
-import { refreshClashData, refreshVergeData } from "@/services/refresh";
+import { getAxios } from "@/services/api";
+
 export const useLayoutEvents = (
  handleNotice: (payload: [string, string]) => void,
 ) => {
@@ -35,32 +37,32 @@ export const useLayoutEvents = (
        .catch((error) => console.error("[事件监听] 注册失败", error));
    };

-    register(
-      addListener("verge://notice-message", ({ payload }) =>
-        handleNotice(payload as [string, string]),
-      ),
-    );
-
    register(
      addListener("verge://refresh-clash-config", async () => {
-        try {
-          await refreshClashData();
-        } catch (error) {
-          console.error("[事件监听] 刷新 Clash 配置失败", error);
-        }
+        await getAxios(true);
+        mutate("getProxies");
+        mutate("getVersion");
+        mutate("getClashConfig");
+        mutate("getProxyProviders");
      }),
    );

    register(
      addListener("verge://refresh-verge-config", () => {
-        try {
-          refreshVergeData();
-        } catch (error) {
-          console.error("[事件监听] 刷新 Verge 配置失败", error);
-        }
+        mutate("getVergeConfig");
+        mutate("getSystemProxy");
+        mutate("getAutotemProxy");
+        mutate("getRunningMode");
+        mutate("isServiceAvailable");
      }),
    );

+    register(
+      addListener("verge://notice-message", ({ payload }) =>
+        handleNotice(payload as [string, string]),
+      ),
+    );
+
    const appWindow = getCurrentWebviewWindow();
    register(
      (async () => {
--- a/src/pages/profiles.tsx
+++ b/src/pages/profiles.tsx
--- a/src/providers/app-data-context.ts
+++ b/src/providers/app-data-context.ts
@@ -6,15 +6,8 @@ import {
  RuleProvider,
 } from "tauri-plugin-mihomo-api";

-import { ProxiesView, type ProfileSwitchStatus } from "@/services/cmds";
-
 export interface AppDataContextType {
-  proxies: ProxiesView | null;
-  proxyHydration: "none" | "snapshot" | "live";
-  proxyTargetProfileId: string | null;
-  proxyDisplayProfileId: string | null;
-  isProxyRefreshPending: boolean;
-  switchStatus: ProfileSwitchStatus | null;
+  proxies: any;
  clashConfig: BaseConfig;
  rules: Rule[];
  sysproxy: any;
--- a/src/providers/app-data-provider.tsx
+++ b/src/providers/app-data-provider.tsx
@@ -1,6 +1,6 @@
 import { listen } from "@tauri-apps/api/event";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import useSWR, { mutate as globalMutate } from "swr";
+import React, { useCallback, useEffect, useMemo } from "react";
+import useSWR from "swr";
 import {
  getBaseConfig,
  getRuleProviders,
@@ -9,53 +9,31 @@ import {

 import { useVerge } from "@/hooks/use-verge";
 import {
+  calcuProxies,
  calcuProxyProviders,
  getAppUptime,
-  getProfileSwitchStatus,
-  getProfileSwitchEvents,
-  getProfiles as fetchProfilesConfig,
  getRunningMode,
-  readProfileFile,
  getSystemProxy,
-  type ProxiesView,
-  type ProfileSwitchStatus,
-  type SwitchResultStatus,
 } from "@/services/cmds";
-import { SWR_DEFAULTS, SWR_SLOW_POLL } from "@/services/config";
-import { useProfileStore } from "@/stores/profile-store";
-import {
-  applyLiveProxyPayload,
-  fetchLiveProxies,
-  type ProxiesUpdatedPayload,
-  useProxyStore,
-} from "@/stores/proxy-store";
-import { createProxySnapshotFromProfile } from "@/utils/proxy-snapshot";
+import { SWR_DEFAULTS, SWR_REALTIME, SWR_SLOW_POLL } from "@/services/config";

 import { AppDataContext, AppDataContextType } from "./app-data-context";

-// Global app data provider
+// 全局数据提供者组件
 export const AppDataProvider = ({
  children,
 }: {
  children: React.ReactNode;
 }) => {
  const { verge } = useVerge();
-  const applyProfileSwitchResult = useProfileStore(
-    (state) => state.applySwitchResult,
-  );
-  const commitProfileSnapshot = useProfileStore(
-    (state) => state.commitHydrated,
-  );
-  const setSwitchEventSeq = useProfileStore((state) => state.setLastEventSeq);
-  const proxyView = useProxyStore((state) => state.data);
-  const proxyHydration = useProxyStore((state) => state.hydration);
-  const proxyProfileId = useProxyStore((state) => state.lastProfileId);
-  const pendingProxyProfileId = useProxyStore(
-    (state) => state.pendingProfileId,
-  );
-  const setProxySnapshot = useProxyStore((state) => state.setSnapshot);
-  const clearPendingProxyProfile = useProxyStore(
-    (state) => state.clearPendingProfile,
+
+  const { data: proxiesData, mutate: refreshProxy } = useSWR(
+    "getProxies",
+    calcuProxies,
+    {
+      ...SWR_REALTIME,
+      onError: (err) => console.warn("[DataProvider] Proxy fetch failed:", err),
+    },
  );

  const { data: clashConfig, mutate: refreshClashConfig } = useSWR(
@@ -82,259 +60,25 @@ export const AppDataProvider = ({
    SWR_DEFAULTS,
  );

-  const { data: switchStatus, mutate: mutateSwitchStatus } =
-    useSWR<ProfileSwitchStatus>(
-      "getProfileSwitchStatus",
-      getProfileSwitchStatus,
-      {
-        refreshInterval: (status) =>
-          status && (status.isSwitching || (status.queue?.length ?? 0) > 0)
-            ? 400
-            : 4000,
-        dedupingInterval: 200,
-      },
-    );
-
-  const isUnmountedRef = useRef(false);
-  // Keep track of pending timers so we can cancel them on unmount and avoid stray updates.
-  const scheduledTimeoutsRef = useRef<Set<number>>(new Set());
-  // Shared metadata to dedupe switch events coming from both polling and subscriptions.
-  const switchMetaRef = useRef<{
-    pendingProfileId: string | null;
-    lastResultTaskId: number | null;
-  }>({
-    pendingProfileId: null,
-    lastResultTaskId: null,
-  });
-  const switchEventSeqRef = useRef(0);
-  const profileChangeMetaRef = useRef<{
-    lastProfileId: string | null;
-    lastEventTs: number;
-  }>({
-    lastProfileId: null,
-    lastEventTs: 0,
-  });
-  const lastClashRefreshAtRef = useRef(0);
-  const PROFILE_EVENT_DEDUP_MS = 400;
-  const CLASH_REFRESH_DEDUP_MS = 300;
-
-  // Thin wrapper around setTimeout that no-ops once the provider unmounts.
-  const scheduleTimeout = useCallback(
-    (callback: () => void | Promise<void>, delay: number) => {
-      if (isUnmountedRef.current) return -1;
-
-      const timeoutId = window.setTimeout(() => {
-        scheduledTimeoutsRef.current.delete(timeoutId);
-        if (!isUnmountedRef.current) {
-          void callback();
-        }
-      }, delay);
-
-      scheduledTimeoutsRef.current.add(timeoutId);
-      return timeoutId;
-    },
-    [],
-  );
-
-  const clearAllTimeouts = useCallback(() => {
-    scheduledTimeoutsRef.current.forEach((timeoutId) =>
-      clearTimeout(timeoutId),
-    );
-    scheduledTimeoutsRef.current.clear();
-  }, []);
-
-  // Delay live proxy refreshes slightly so we don't hammer Mihomo while a switch is still applying.
-  const queueProxyRefresh = useCallback(
-    (reason: string, delay = 1500) => {
-      scheduleTimeout(() => {
-        fetchLiveProxies().catch((error) =>
-          console.warn(
-            `[DataProvider] Proxy refresh failed (${reason}, fallback):`,
-            error,
-          ),
-        );
-      }, delay);
-    },
-    [scheduleTimeout],
-  );
-  // Prime the proxy store with the static selections from the profile YAML before live data arrives.
-  const seedProxySnapshot = useCallback(
-    async (profileId: string) => {
-      if (!profileId) return;
-
-      try {
-        const yamlContent = await readProfileFile(profileId);
-        const snapshot = createProxySnapshotFromProfile(yamlContent);
-        if (!snapshot) return;
-
-        setProxySnapshot(snapshot, profileId);
-      } catch (error) {
-        console.warn(
-          "[DataProvider] Failed to seed proxy snapshot from profile:",
-          error,
-        );
-      }
-    },
-    [setProxySnapshot],
-  );
-
-  const handleSwitchResult = useCallback(
-    (result: SwitchResultStatus) => {
-      // Ignore duplicate notifications for the same switch execution.
-      const meta = switchMetaRef.current;
-      if (result.taskId === meta.lastResultTaskId) {
-        return;
-      }
-      meta.lastResultTaskId = result.taskId;
-
-      // Optimistically update the SWR cache so the UI shows the new profile immediately.
-      void globalMutate(
-        "getProfiles",
-        (current?: IProfilesConfig | null) => {
-          if (!current || !result.success) {
-            return current;
-          }
-          if (current.current === result.profileId) {
-            return current;
-          }
-          return {
-            ...current,
-            current: result.profileId,
-          };
-        },
-        false,
-      );
-
-      applyProfileSwitchResult(result);
-      if (!result.success) {
-        clearPendingProxyProfile();
-      }
-
-      if (result.success && result.cancelled !== true) {
-        // Once the backend settles, refresh all dependent data in the background.
-        scheduleTimeout(() => {
-          void Promise.allSettled([
-            fetchProfilesConfig().then((data) => {
-              commitProfileSnapshot(data);
-              globalMutate("getProfiles", data, false);
-            }),
-            fetchLiveProxies(),
-            refreshProxyProviders(),
-            refreshRules(),
-            refreshRuleProviders(),
-          ]).catch((error) => {
-            console.warn(
-              "[DataProvider] Background refresh after profile switch failed:",
-              error,
-            );
-          });
-        }, 100);
-      }
-
-      void mutateSwitchStatus((current) => {
-        if (!current) {
-          return current;
-        }
-        const filteredQueue = current.queue.filter(
-          (task) => task.taskId !== result.taskId,
-        );
-        const active =
-          current.active && current.active.taskId === result.taskId
-            ? null
-            : current.active;
-        const isSwitching = filteredQueue.length > 0;
-        return {
-          ...current,
-          active,
-          queue: filteredQueue,
-          isSwitching,
-          lastResult: result,
-        };
-      }, false);
-    },
-    [
-      scheduleTimeout,
-      refreshProxyProviders,
-      refreshRules,
-      refreshRuleProviders,
-      mutateSwitchStatus,
-      applyProfileSwitchResult,
-      commitProfileSnapshot,
-      clearPendingProxyProfile,
-    ],
-  );
-
  useEffect(() => {
-    isUnmountedRef.current = false;
-    return () => {
-      isUnmountedRef.current = true;
-      clearAllTimeouts();
-    };
-  }, [clearAllTimeouts]);
+    let lastProfileId: string | null = null;
+    let lastUpdateTime = 0;
+    const refreshThrottle = 800;

-  useEffect(() => {
-    if (!switchStatus) {
-      return;
-    }
-
-    const meta = switchMetaRef.current;
-    const nextTarget =
-      switchStatus.active?.profileId ??
-      (switchStatus.queue.length > 0 ? switchStatus.queue[0].profileId : null);
-
-    if (nextTarget && nextTarget !== meta.pendingProfileId) {
-      meta.pendingProfileId = nextTarget;
-      void seedProxySnapshot(nextTarget);
-    } else if (!nextTarget) {
-      meta.pendingProfileId = null;
-    }
-
-    const lastResult = switchStatus.lastResult ?? null;
-    if (lastResult) {
-      handleSwitchResult(lastResult);
-    }
-  }, [switchStatus, seedProxySnapshot, handleSwitchResult]);
-
-  useEffect(() => {
-    let disposed = false;
-
-    const pollEvents = async () => {
-      if (disposed) {
-        return;
-      }
-      try {
-        const events = await getProfileSwitchEvents(switchEventSeqRef.current);
-        if (events.length > 0) {
-          switchEventSeqRef.current = events[events.length - 1].sequence;
-          setSwitchEventSeq(switchEventSeqRef.current);
-          events.forEach((event) => handleSwitchResult(event.result));
-        }
-      } catch (error) {
-        console.warn("[DataProvider] Failed to poll switch events:", error);
-      } finally {
-        if (!disposed) {
-          const nextDelay =
-            switchStatus &&
-            (switchStatus.isSwitching || (switchStatus.queue?.length ?? 0) > 0)
-              ? 250
-              : 1000;
-          scheduleTimeout(pollEvents, nextDelay);
-        }
-      }
-    };
-
-    scheduleTimeout(pollEvents, 0);
-
-    return () => {
-      disposed = true;
-    };
-  }, [scheduleTimeout, handleSwitchResult, switchStatus, setSwitchEventSeq]);
-
-  useEffect(() => {
+    let isUnmounted = false;
+    const scheduledTimeouts = new Set<number>();
    const cleanupFns: Array<() => void> = [];

    const registerCleanup = (fn: () => void) => {
-      cleanupFns.push(fn);
+      if (isUnmounted) {
+        try {
+          fn();
+        } catch (error) {
+          console.error("[DataProvider] Immediate cleanup failed:", error);
+        }
+      } else {
+        cleanupFns.push(fn);
+      }
    };

    const addWindowListener = (eventName: string, handler: EventListener) => {
@@ -343,319 +87,140 @@ export const AppDataProvider = ({
      return () => window.removeEventListener(eventName, handler);
    };

-    const runProfileChangedPipeline = (
-      profileId: string | null,
-      source: "tauri" | "window",
+    const scheduleTimeout = (
+      callback: () => void | Promise<void>,
+      delay: number,
    ) => {
+      if (isUnmounted) return -1;
+
+      const timeoutId = window.setTimeout(() => {
+        scheduledTimeouts.delete(timeoutId);
+        if (!isUnmounted) {
+          void callback();
+        }
+      }, delay);
+
+      scheduledTimeouts.add(timeoutId);
+      return timeoutId;
+    };
+
+    const clearAllTimeouts = () => {
+      scheduledTimeouts.forEach((timeoutId) => clearTimeout(timeoutId));
+      scheduledTimeouts.clear();
+    };
+
+    const handleProfileChanged = (event: { payload: string }) => {
+      const newProfileId = event.payload;
      const now = Date.now();
-      const meta = profileChangeMetaRef.current;

      if (
-        meta.lastProfileId === profileId &&
-        now - meta.lastEventTs < PROFILE_EVENT_DEDUP_MS
+        lastProfileId === newProfileId &&
+        now - lastUpdateTime < refreshThrottle
      ) {
        return;
      }

-      meta.lastProfileId = profileId;
-      meta.lastEventTs = now;
-
-      if (profileId) {
-        void seedProxySnapshot(profileId);
-      }
-
-      queueProxyRefresh(`profile-changed-${source}`, 500);
+      lastProfileId = newProfileId;
+      lastUpdateTime = now;

      scheduleTimeout(() => {
-        void fetchProfilesConfig()
-          .then((data) => {
-            commitProfileSnapshot(data);
-            globalMutate("getProfiles", data, false);
-          })
-          .catch((error) =>
-            console.warn(
-              "[AppDataProvider] Failed to refresh profiles after profile change:",
-              error,
-            ),
-          );
-        void refreshProxyProviders().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Proxy providers refresh failed after profile change:",
-            error,
-          ),
+        refreshRules().catch((error) =>
+          console.warn("[DataProvider] Rules refresh failed:", error),
        );
-        void refreshRules().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Rules refresh failed after profile change:",
-            error,
-          ),
-        );
-        void refreshRuleProviders().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Rule providers refresh failed after profile change:",
-            error,
-          ),
+        refreshRuleProviders().catch((error) =>
+          console.warn("[DataProvider] Rule providers refresh failed:", error),
        );
      }, 200);
    };

-    const handleProfileChanged = (event: { payload: string }) => {
-      runProfileChangedPipeline(event.payload ?? null, "tauri");
-    };
-
-    const runRefreshClashPipeline = (source: "tauri" | "window") => {
+    const handleRefreshClash = () => {
      const now = Date.now();
-      if (now - lastClashRefreshAtRef.current < CLASH_REFRESH_DEDUP_MS) {
-        return;
-      }
-
-      lastClashRefreshAtRef.current = now;
+      if (now - lastUpdateTime <= refreshThrottle) return;

+      lastUpdateTime = now;
      scheduleTimeout(() => {
-        void refreshClashConfig().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Clash config refresh failed after backend update:",
-            error,
-          ),
+        refreshProxy().catch((error) =>
+          console.error("[DataProvider] Proxy refresh failed:", error),
        );
-        void refreshRules().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Rules refresh failed after backend update:",
-            error,
-          ),
-        );
-        void refreshRuleProviders().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Rule providers refresh failed after backend update:",
-            error,
-          ),
-        );
-        void refreshProxyProviders().catch((error) =>
-          console.warn(
-            "[AppDataProvider] Proxy providers refresh failed after backend update:",
-            error,
-          ),
-        );
-      }, 0);
-
-      queueProxyRefresh(`refresh-clash-config-${source}`, 400);
+      }, 200);
    };

-    const handleProfileUpdateCompleted = (_: { payload: { uid: string } }) => {
-      queueProxyRefresh("profile-update-completed", 3000);
-      if (!isUnmountedRef.current) {
-        scheduleTimeout(() => {
-          void refreshProxyProviders().catch((error) =>
-            console.warn(
-              "[DataProvider] Proxy providers refresh failed after profile update completed:",
-              error,
-            ),
-          );
-        }, 0);
-      }
-    };
+    const handleRefreshProxy = () => {
+      const now = Date.now();
+      if (now - lastUpdateTime <= refreshThrottle) return;

-    const isProxiesPayload = (
-      value: unknown,
-    ): value is ProxiesUpdatedPayload => {
-      if (!value || typeof value !== "object") {
-        return false;
-      }
-      const candidate = value as Partial<ProxiesUpdatedPayload>;
-      return candidate.proxies !== undefined && candidate.proxies !== null;
-    };
-
-    const handleProxiesUpdatedPayload = (
-      rawPayload: unknown,
-      source: "tauri" | "window",
-    ) => {
-      if (!isProxiesPayload(rawPayload)) {
-        console.warn(
-          `[AppDataProvider] Ignored ${source} proxies-updated payload`,
-          rawPayload,
+      lastUpdateTime = now;
+      scheduleTimeout(() => {
+        refreshProxy().catch((error) =>
+          console.warn("[DataProvider] Proxy refresh failed:", error),
        );
-        queueProxyRefresh(`proxies-updated-${source}-invalid`, 500);
-        return;
+      }, 200);
+    };
+
+    const initializeListeners = async () => {
+      try {
+        const unlistenProfile = await listen<string>(
+          "profile-changed",
+          handleProfileChanged,
+        );
+        registerCleanup(unlistenProfile);
+      } catch (error) {
+        console.error("[AppDataProvider] 监听 Profile 事件失败:", error);
      }

      try {
-        applyLiveProxyPayload(rawPayload);
-      } catch (error) {
-        console.warn(
-          `[AppDataProvider] Failed to apply ${source} proxies-updated payload`,
-          error,
+        const unlistenClash = await listen(
+          "verge://refresh-clash-config",
+          handleRefreshClash,
        );
-        queueProxyRefresh(`proxies-updated-${source}-apply-failed`, 500);
+        const unlistenProxy = await listen(
+          "verge://refresh-proxy-config",
+          handleRefreshProxy,
+        );
+
+        registerCleanup(() => {
+          unlistenClash();
+          unlistenProxy();
+        });
+      } catch (error) {
+        console.warn("[AppDataProvider] 设置 Tauri 事件监听器失败:", error);
+
+        const fallbackHandlers: Array<[string, EventListener]> = [
+          ["verge://refresh-clash-config", handleRefreshClash],
+          ["verge://refresh-proxy-config", handleRefreshProxy],
+        ];
+
+        fallbackHandlers.forEach(([eventName, handler]) => {
+          registerCleanup(addWindowListener(eventName, handler));
+        });
      }
    };

-    listen<{ uid: string }>(
-      "profile-update-completed",
-      handleProfileUpdateCompleted,
-    )
-      .then(registerCleanup)
-      .catch((error) =>
-        console.error(
-          "[AppDataProvider] failed to attach profile update listeners:",
-          error,
-        ),
-      );
-
-    listen<string>("profile-changed", handleProfileChanged)
-      .then(registerCleanup)
-      .catch((error) =>
-        console.error(
-          "[AppDataProvider] failed to attach profile-changed listener:",
-          error,
-        ),
-      );
-
-    listen<ProxiesUpdatedPayload>("proxies-updated", (event) => {
-      handleProxiesUpdatedPayload(event.payload, "tauri");
-    })
-      .then(registerCleanup)
-      .catch((error) =>
-        console.error(
-          "[AppDataProvider] failed to attach proxies-updated listener:",
-          error,
-        ),
-      );
-
-    listen("verge://refresh-clash-config", () => {
-      runRefreshClashPipeline("tauri");
-    })
-      .then(registerCleanup)
-      .catch((error) =>
-        console.error(
-          "[AppDataProvider] failed to attach refresh-clash-config listener:",
-          error,
-        ),
-      );
-
-    listen("verge://refresh-proxy-config", () => {
-      queueProxyRefresh("refresh-proxy-config-tauri", 500);
-    })
-      .then(registerCleanup)
-      .catch((error) =>
-        console.error(
-          "[AppDataProvider] failed to attach refresh-proxy-config listener:",
-          error,
-        ),
-      );
-
-    const fallbackHandlers: Array<[string, EventListener]> = [
-      [
-        "profile-update-completed",
-        ((event: Event) => {
-          const payload = (event as CustomEvent<{ uid: string }>).detail ?? {
-            uid: "",
-          };
-          handleProfileUpdateCompleted({ payload });
-        }) as EventListener,
-      ],
-      [
-        "profile-changed",
-        ((event: Event) => {
-          const payload = (event as CustomEvent<string | null>).detail ?? null;
-          runProfileChangedPipeline(payload, "window");
-        }) as EventListener,
-      ],
-      [
-        "proxies-updated",
-        ((event: Event) => {
-          const payload = (event as CustomEvent<ProxiesUpdatedPayload>).detail;
-          handleProxiesUpdatedPayload(payload, "window");
-        }) as EventListener,
-      ],
-      [
-        "verge://refresh-clash-config",
-        (() => {
-          runRefreshClashPipeline("window");
-        }) as EventListener,
-      ],
-      [
-        "verge://refresh-proxy-config",
-        (() => {
-          queueProxyRefresh("refresh-proxy-config-window", 500);
-        }) as EventListener,
-      ],
-    ];
-
-    fallbackHandlers.forEach(([eventName, handler]) => {
-      registerCleanup(addWindowListener(eventName, handler));
-    });
+    void initializeListeners();

    return () => {
-      cleanupFns.forEach((fn) => {
+      isUnmounted = true;
+      clearAllTimeouts();
+
+      const errors: Error[] = [];
+      cleanupFns.splice(0).forEach((fn) => {
        try {
          fn();
        } catch (error) {
-          console.error("[AppDataProvider] cleanup error:", error);
+          errors.push(
+            error instanceof Error ? error : new Error(String(error)),
+          );
        }
      });
+
+      if (errors.length > 0) {
+        console.error(
+          `[DataProvider] ${errors.length} errors during cleanup:`,
+          errors,
+        );
+      }
    };
-  }, [
-    commitProfileSnapshot,
-    queueProxyRefresh,
-    refreshClashConfig,
-    refreshProxyProviders,
-    refreshRuleProviders,
-    refreshRules,
-    scheduleTimeout,
-    seedProxySnapshot,
-  ]);
-
-  const switchTargetProfileId =
-    switchStatus?.active?.profileId ??
-    (switchStatus && switchStatus.queue.length > 0
-      ? switchStatus.queue[0].profileId
-      : null);
-
-  const proxyTargetProfileId =
-    switchTargetProfileId ?? pendingProxyProfileId ?? proxyProfileId ?? null;
-  const displayProxyStateRef = useRef<{
-    view: ProxiesView | null;
-    profileId: string | null;
-  }>({
-    view: proxyView,
-    profileId: proxyTargetProfileId,
-  });
-
-  const currentDisplay = displayProxyStateRef.current;
-
-  if (!proxyView) {
-    if (
-      currentDisplay.view !== null ||
-      currentDisplay.profileId !== proxyTargetProfileId
-    ) {
-      displayProxyStateRef.current = {
-        view: null,
-        profileId: proxyTargetProfileId,
-      };
-    }
-  } else if (proxyHydration === "live") {
-    if (
-      currentDisplay.view !== proxyView ||
-      currentDisplay.profileId !== proxyTargetProfileId
-    ) {
-      displayProxyStateRef.current = {
-        view: proxyView,
-        profileId: proxyTargetProfileId,
-      };
-    }
-  } else if (!currentDisplay.view) {
-    displayProxyStateRef.current = {
-      view: proxyView,
-      profileId: proxyTargetProfileId,
-    };
-  }
-  const displayProxyState = displayProxyStateRef.current;
-  const proxyDisplayProfileId = displayProxyState.profileId;
-  const proxiesForRender = displayProxyState.view ?? proxyView;
-  const isProxyRefreshPending =
-    (switchStatus?.isSwitching ?? false) ||
-    proxyHydration !== "live" ||
-    proxyTargetProfileId !== proxyDisplayProfileId;
+  }, [refreshProxy, refreshRules, refreshRuleProviders]);

  const { data: sysproxy, mutate: refreshSysproxy } = useSWR(
    "getSystemProxy",
@@ -675,10 +240,10 @@ export const AppDataProvider = ({
    errorRetryCount: 1,
  });

-  // Provide unified refresh method
+  // 提供统一的刷新方法
  const refreshAll = useCallback(async () => {
    await Promise.all([
-      fetchLiveProxies(),
+      refreshProxy(),
      refreshClashConfig(),
      refreshRules(),
      refreshSysproxy(),
@@ -686,6 +251,7 @@ export const AppDataProvider = ({
      refreshRuleProviders(),
    ]);
  }, [
+    refreshProxy,
    refreshClashConfig,
    refreshRules,
    refreshSysproxy,
@@ -693,22 +259,22 @@ export const AppDataProvider = ({
    refreshRuleProviders,
  ]);

-  // Aggregate data into context value
+  // 聚合所有数据
  const value = useMemo(() => {
-    // Compute the system proxy address
+    // 计算系统代理地址
    const calculateSystemProxyAddress = () => {
      if (!verge || !clashConfig) return "-";

      const isPacMode = verge.proxy_auto_config ?? false;

      if (isPacMode) {
-        // PAC mode: display the desired proxy address
+        // PAC模式：显示我们期望设置的代理地址
        const proxyHost = verge.proxy_host || "127.0.0.1";
        const proxyPort =
          verge.verge_mixed_port || clashConfig.mixedPort || 7897;
        return `${proxyHost}:${proxyPort}`;
      } else {
-        // HTTP proxy mode: prefer system address, fallback to desired address if invalid
+        // HTTP代理模式：优先使用系统地址，但如果格式不正确则使用期望地址
        const systemServer = sysproxy?.server;
        if (
          systemServer &&
@@ -717,7 +283,7 @@ export const AppDataProvider = ({
        ) {
          return systemServer;
        } else {
-          // System address invalid: fallback to desired proxy address
+          // 系统地址无效，返回期望的代理地址
          const proxyHost = verge.proxy_host || "127.0.0.1";
          const proxyPort =
            verge.verge_mixed_port || clashConfig.mixedPort || 7897;
@@ -727,27 +293,22 @@ export const AppDataProvider = ({
    };

    return {
-      // Data
-      proxies: proxiesForRender,
-      proxyHydration,
-      proxyTargetProfileId,
-      proxyDisplayProfileId,
-      isProxyRefreshPending,
-      switchStatus: switchStatus ?? null,
+      // 数据
+      proxies: proxiesData,
      clashConfig,
      rules: rulesData?.rules || [],
      sysproxy,
      runningMode,
      uptime: uptimeData || 0,

-      // Provider data
+      // 提供者数据
      proxyProviders: proxyProviders || {},
      ruleProviders: ruleProviders?.providers || {},

      systemProxyAddress: calculateSystemProxyAddress(),

-      // Refresh helpers
-      refreshProxy: fetchLiveProxies,
+      // 刷新方法
+      refreshProxy,
      refreshClashConfig,
      refreshRules,
      refreshSysproxy,
@@ -756,12 +317,7 @@ export const AppDataProvider = ({
      refreshAll,
    } as AppDataContextType;
  }, [
-    proxiesForRender,
-    proxyHydration,
-    proxyTargetProfileId,
-    proxyDisplayProfileId,
-    isProxyRefreshPending,
-    switchStatus,
+    proxiesData,
    clashConfig,
    rulesData,
    sysproxy,
@@ -770,6 +326,7 @@ export const AppDataProvider = ({
    proxyProviders,
    ruleProviders,
    verge,
+    refreshProxy,
    refreshClashConfig,
    refreshRules,
    refreshSysproxy,
--- a/src/services/cmds.ts
+++ b/src/services/cmds.ts
@@ -4,52 +4,6 @@ import { getProxies, getProxyProviders } from "tauri-plugin-mihomo-api";

 import { showNotice } from "@/services/noticeService";

-export type ProxyProviderRecord = Record<
-  string,
-  IProxyProviderItem | undefined
->;
-
-export interface SwitchTaskStatus {
-  taskId: number;
-  profileId: string;
-  notify: boolean;
-  stage?: number | null;
-  queued: boolean;
-}
-
-export interface SwitchResultStatus {
-  taskId: number;
-  profileId: string;
-  success: boolean;
-  cancelled?: boolean;
-  finishedAt: number;
-  errorStage?: string | null;
-  errorDetail?: string | null;
-}
-
-export interface ProfileSwitchStatus {
-  isSwitching: boolean;
-  active?: SwitchTaskStatus | null;
-  queue: SwitchTaskStatus[];
-  cleanupProfiles: string[];
-  lastResult?: SwitchResultStatus | null;
-  lastUpdated: number;
-}
-
-export interface SwitchResultEvent {
-  sequence: number;
-  result: SwitchResultStatus;
-}
-
-// Persist the last proxy provider payload so UI can render while waiting on Mihomo.
-let cachedProxyProviders: ProxyProviderRecord | null = null;
-
-export const getCachedProxyProviders = () => cachedProxyProviders;
-
-export const setCachedProxyProviders = (record: ProxyProviderRecord | null) => {
-  cachedProxyProviders = record;
-};
-
 export async function copyClashEnv() {
  return invoke<void>("copy_clash_env");
 }
@@ -66,14 +20,6 @@ export async function patchProfilesConfig(profiles: IProfilesConfig) {
  return invoke<void>("patch_profiles_config", { profiles });
 }

-// Triggers the async state-machine driven switch flow on the backend.
-export async function switchProfileCommand(
-  profileIndex: string,
-  notifySuccess: boolean,
-) {
-  return invoke<boolean>("switch_profile", { profileIndex, notifySuccess });
-}
-
 export async function createProfile(
  item: Partial<IProfileItem>,
  fileData?: string | null,
@@ -167,29 +113,27 @@ export async function syncTrayProxySelection() {
  return invoke<void>("sync_tray_proxy_selection");
 }

-export interface ProxiesView {
+export async function calcuProxies(): Promise<{
  global: IProxyGroupItem;
  direct: IProxyItem;
  groups: IProxyGroupItem[];
  records: Record<string, IProxyItem>;
  proxies: IProxyItem[];
-}
+}> {
+  const [proxyResponse, providerResponse] = await Promise.all([
+    getProxies(),
+    calcuProxyProviders(),
+  ]);

-export function buildProxyView(
-  proxyResponse: Awaited<ReturnType<typeof getProxies>>,
-  providerRecord?: ProxyProviderRecord | null,
-): ProxiesView {
  const proxyRecord = proxyResponse.proxies;
+  const providerRecord = providerResponse;

  // provider name map
-  const providerMap = providerRecord
-    ? Object.fromEntries(
-        Object.entries(providerRecord).flatMap(([provider, item]) => {
-          if (!item) return [];
-          return item.proxies.map((p) => [p.name, { ...p, provider }]);
-        }),
-      )
-    : {};
+  const providerMap = Object.fromEntries(
+    Object.entries(providerRecord).flatMap(([provider, item]) =>
+      item!.proxies.map((p) => [p.name, { ...p, provider }]),
+    ),
+  );

  // compatible with proxy-providers
  const generateItem = (name: string) => {
@@ -263,56 +207,16 @@ export function buildProxyView(
  };
 }

-export async function calcuProxies(): Promise<ProxiesView> {
-  const proxyResponse = await getProxies();
-
-  let providerRecord = cachedProxyProviders;
-  if (!providerRecord) {
-    try {
-      providerRecord = await calcuProxyProviders();
-    } catch (error) {
-      console.warn("[calcuProxies] 代理提供者加载失败:", error);
-    }
-  }
-
-  return buildProxyView(proxyResponse, providerRecord);
-}
-
 export async function calcuProxyProviders() {
  const providers = await getProxyProviders();
-  const mappedEntries = Object.entries(providers.providers)
-    .sort()
-    .filter(
-      ([, item]) =>
-        item?.vehicleType === "HTTP" || item?.vehicleType === "File",
-    )
-    .map(([name, item]) => {
-      if (!item) return [name, undefined] as const;
-
-      const subscriptionInfo =
-        item.subscriptionInfo && typeof item.subscriptionInfo === "object"
-          ? {
-              Upload: item.subscriptionInfo.Upload ?? 0,
-              Download: item.subscriptionInfo.Download ?? 0,
-              Total: item.subscriptionInfo.Total ?? 0,
-              Expire: item.subscriptionInfo.Expire ?? 0,
-            }
-          : undefined;
-
-      const normalized: IProxyProviderItem = {
-        name: item.name,
-        type: item.type,
-        proxies: item.proxies ?? [],
-        updatedAt: item.updatedAt ?? "",
-        vehicleType: item.vehicleType ?? "",
-        subscriptionInfo,
-      };
-      return [name, normalized] as const;
-    });
-
-  const mapped = Object.fromEntries(mappedEntries) as ProxyProviderRecord;
-  cachedProxyProviders = mapped;
-  return mapped;
+  return Object.fromEntries(
+    Object.entries(providers.providers)
+      .sort()
+      .filter(
+        ([_, item]) =>
+          item?.vehicleType === "HTTP" || item?.vehicleType === "File",
+      ),
+  );
 }

 export async function getClashLogs() {
@@ -651,13 +555,3 @@ export const isAdmin = async () => {
 export async function getNextUpdateTime(uid: string) {
  return invoke<number | null>("get_next_update_time", { uid });
 }
-
-export async function getProfileSwitchStatus() {
-  return invoke<ProfileSwitchStatus>("get_profile_switch_status");
-}
-
-export async function getProfileSwitchEvents(afterSequence: number) {
-  return invoke<SwitchResultEvent[]>("get_profile_switch_events", {
-    afterSequence,
-  });
-}
--- a/src/services/noticeService.ts
+++ b/src/services/noticeService.ts
@@ -14,20 +14,10 @@ let nextId = 0;
 let notices: NoticeItem[] = [];
 const listeners: Set<Listener> = new Set();

-function flushListeners() {
+function notifyListeners() {
  listeners.forEach((listener) => listener([...notices])); // Pass a copy
 }

-let notifyScheduled = false;
-function scheduleNotify() {
-  if (notifyScheduled) return;
-  notifyScheduled = true;
-  requestAnimationFrame(() => {
-    notifyScheduled = false;
-    flushListeners();
-  });
-}
-
 // Shows a notification.

 export function showNotice(
@@ -54,7 +44,7 @@ export function showNotice(
  }

  notices = [...notices, newNotice];
-  scheduleNotify();
+  notifyListeners();
  return id;
 }

@@ -66,7 +56,7 @@ export function hideNotice(id: number) {
    clearTimeout(notice.timerId); // Clear timeout if manually closed
  }
  notices = notices.filter((n) => n.id !== id);
-  scheduleNotify();
+  notifyListeners();
 }

 // Subscribes a listener function to notice state changes.
@@ -87,5 +77,5 @@ export function clearAllNotices() {
    if (n.timerId) clearTimeout(n.timerId);
  });
  notices = [];
-  scheduleNotify();
+  notifyListeners();
 }
--- a/src/services/refresh.ts
+++ b/src/services/refresh.ts
@@ -1,24 +0,0 @@
-import { mutate } from "swr";
-
-import { getAxios } from "@/services/api";
-
-export const refreshClashData = async () => {
-  try {
-    await getAxios(true);
-  } catch (error) {
-    console.warn("[Refresh] getAxios failed during clash refresh:", error);
-  }
-
-  mutate("getProxies");
-  mutate("getVersion");
-  mutate("getClashConfig");
-  mutate("getProxyProviders");
-};
-
-export const refreshVergeData = () => {
-  mutate("getVergeConfig");
-  mutate("getSystemProxy");
-  mutate("getAutotemProxy");
-  mutate("getRunningMode");
-  mutate("isServiceAvailable");
-};
--- a/src/stores/profile-store.ts
+++ b/src/stores/profile-store.ts
@@ -1,59 +0,0 @@
-import { create } from "zustand";
-
-import type { SwitchResultStatus } from "@/services/cmds";
-
-interface ProfileStoreState {
-  data: IProfilesConfig | null;
-  optimisticCurrent: string | null;
-  isHydrating: boolean;
-  lastEventSeq: number;
-  lastResult: SwitchResultStatus | null;
-  applySwitchResult: (result: SwitchResultStatus) => void;
-  commitHydrated: (data: IProfilesConfig) => void;
-  setLastEventSeq: (sequence: number) => void;
-}
-
-export const useProfileStore = create<ProfileStoreState>((set) => ({
-  data: null,
-  optimisticCurrent: null,
-  isHydrating: false,
-  lastEventSeq: 0,
-  lastResult: null,
-  applySwitchResult(result) {
-    // Record the optimistic switch outcome so the UI reflects the desired profile immediately.
-    set((state) => ({
-      lastResult: result,
-      optimisticCurrent: result.success ? result.profileId : null,
-      isHydrating: result.success ? true : state.isHydrating,
-    }));
-  },
-  commitHydrated(data) {
-    set({
-      data,
-      optimisticCurrent: null,
-      isHydrating: false,
-    });
-  },
-  setLastEventSeq(sequence) {
-    set({ lastEventSeq: sequence });
-  },
-}));
-
-export const selectEffectiveProfiles = (state: ProfileStoreState) => {
-  if (!state.data) {
-    return null;
-  }
-  // Prefer the optimistic selection while hydration is pending.
-  const current = state.optimisticCurrent ?? state.data.current;
-  if (
-    state.optimisticCurrent &&
-    state.optimisticCurrent !== state.data.current
-  ) {
-    return { ...state.data, current } as IProfilesConfig;
-  }
-  return state.data;
-};
-
-export const selectIsHydrating = (state: ProfileStoreState) =>
-  state.isHydrating;
-export const selectLastResult = (state: ProfileStoreState) => state.lastResult;
--- a/src/stores/proxy-store.ts
+++ b/src/stores/proxy-store.ts
@@ -1,298 +0,0 @@
-import type { getProxies } from "tauri-plugin-mihomo-api";
-import { create } from "zustand";
-
-import {
-  ProxiesView,
-  ProxyProviderRecord,
-  buildProxyView,
-  calcuProxies,
-  getCachedProxyProviders,
-  setCachedProxyProviders,
-} from "@/services/cmds";
-import { AsyncEventQueue, nextTick } from "@/utils/asyncQueue";
-
-type ProxyHydration = "none" | "snapshot" | "live";
-type RawProxiesResponse = Awaited<ReturnType<typeof getProxies>>;
-
-export interface ProxiesUpdatedPayload {
-  proxies: RawProxiesResponse;
-  providers?: Record<string, unknown> | null;
-  emittedAt?: number;
-  profileId?: string | null;
-}
-
-interface ProxyStoreState {
-  data: ProxiesView | null;
-  hydration: ProxyHydration;
-  lastUpdated: number | null;
-  lastProfileId: string | null;
-  liveFetchRequestId: number;
-  lastAppliedFetchId: number;
-  pendingProfileId: string | null;
-  pendingSnapshotFetchId: number | null;
-  setSnapshot: (snapshot: ProxiesView, profileId: string) => void;
-  setLive: (payload: ProxiesUpdatedPayload) => void;
-  startLiveFetch: () => number;
-  completeLiveFetch: (requestId: number, view: ProxiesView) => void;
-  clearPendingProfile: () => void;
-  reset: () => void;
-}
-
-const normalizeProviderPayload = (
-  raw: ProxiesUpdatedPayload["providers"],
-): ProxyProviderRecord | null => {
-  if (!raw || typeof raw !== "object") return null;
-
-  const rawRecord = raw as Record<string, any>;
-  const source =
-    rawRecord.providers && typeof rawRecord.providers === "object"
-      ? (rawRecord.providers as Record<string, any>)
-      : rawRecord;
-
-  const entries = Object.entries(source)
-    .sort(([a], [b]) => a.localeCompare(b))
-    .filter(([, value]) => {
-      if (!value || typeof value !== "object") {
-        return false;
-      }
-      const vehicleType = value.vehicleType;
-      return vehicleType === "HTTP" || vehicleType === "File";
-    })
-    .map(([name, value]) => {
-      const normalized: IProxyProviderItem = {
-        name: value.name ?? name,
-        type: value.type ?? "",
-        proxies: Array.isArray(value.proxies) ? value.proxies : [],
-        updatedAt: value.updatedAt ?? "",
-        vehicleType: value.vehicleType ?? "",
-        subscriptionInfo:
-          value.subscriptionInfo && typeof value.subscriptionInfo === "object"
-            ? {
-                Upload: Number(value.subscriptionInfo.Upload ?? 0),
-                Download: Number(value.subscriptionInfo.Download ?? 0),
-                Total: Number(value.subscriptionInfo.Total ?? 0),
-                Expire: Number(value.subscriptionInfo.Expire ?? 0),
-              }
-            : undefined,
-      };
-
-      return [name, normalized] as const;
-    });
-
-  return Object.fromEntries(entries) as ProxyProviderRecord;
-};
-
-export const useProxyStore = create<ProxyStoreState>((set, get) => ({
-  data: null,
-  hydration: "none",
-  lastUpdated: null,
-  lastProfileId: null,
-  liveFetchRequestId: 0,
-  lastAppliedFetchId: 0,
-  pendingProfileId: null,
-  pendingSnapshotFetchId: null,
-  setSnapshot(snapshot, profileId) {
-    const stateBefore = get();
-
-    set((state) => ({
-      data: snapshot,
-      hydration: "snapshot",
-      lastUpdated: null,
-      pendingProfileId: profileId,
-      pendingSnapshotFetchId: state.liveFetchRequestId,
-    }));
-
-    const hasLiveHydration =
-      stateBefore.hydration === "live" &&
-      stateBefore.lastProfileId === profileId;
-
-    if (profileId && !hasLiveHydration) {
-      void fetchLiveProxies().catch((error) => {
-        console.warn(
-          "[ProxyStore] Failed to bootstrap live proxies from snapshot:",
-          error,
-        );
-        scheduleBootstrapLiveFetch(800);
-      });
-    }
-  },
-  setLive(payload) {
-    const state = get();
-    const emittedAt = payload.emittedAt ?? Date.now();
-
-    if (
-      state.hydration === "live" &&
-      state.lastUpdated !== null &&
-      emittedAt <= state.lastUpdated
-    ) {
-      return;
-    }
-
-    const providersRecord =
-      normalizeProviderPayload(payload.providers) ?? getCachedProxyProviders();
-
-    if (providersRecord) {
-      setCachedProxyProviders(providersRecord);
-    }
-
-    const view = buildProxyView(payload.proxies, providersRecord);
-    const nextProfileId = payload.profileId ?? state.lastProfileId;
-
-    set((current) => ({
-      data: view,
-      hydration: "live",
-      lastUpdated: emittedAt,
-      lastProfileId: nextProfileId ?? null,
-      lastAppliedFetchId: current.liveFetchRequestId,
-      pendingProfileId: null,
-      pendingSnapshotFetchId: null,
-    }));
-  },
-  startLiveFetch() {
-    let nextRequestId = 0;
-    set((state) => {
-      nextRequestId = state.liveFetchRequestId + 1;
-      return {
-        liveFetchRequestId: nextRequestId,
-      };
-    });
-    return nextRequestId;
-  },
-  completeLiveFetch(requestId, view) {
-    const state = get();
-    if (requestId <= state.lastAppliedFetchId) {
-      return;
-    }
-
-    const shouldAdoptPending =
-      state.pendingProfileId !== null &&
-      requestId >= (state.pendingSnapshotFetchId ?? 0);
-
-    set({
-      data: view,
-      hydration: "live",
-      lastUpdated: Date.now(),
-      lastProfileId: shouldAdoptPending
-        ? state.pendingProfileId
-        : state.lastProfileId,
-      lastAppliedFetchId: requestId,
-      pendingProfileId: shouldAdoptPending ? null : state.pendingProfileId,
-      pendingSnapshotFetchId: shouldAdoptPending
-        ? null
-        : state.pendingSnapshotFetchId,
-    });
-  },
-  clearPendingProfile() {
-    set({
-      pendingProfileId: null,
-      pendingSnapshotFetchId: null,
-    });
-  },
-  reset() {
-    set({
-      data: null,
-      hydration: "none",
-      lastUpdated: null,
-      lastProfileId: null,
-      liveFetchRequestId: 0,
-      lastAppliedFetchId: 0,
-      pendingProfileId: null,
-      pendingSnapshotFetchId: null,
-    });
-    scheduleBootstrapLiveFetch(200);
-  },
-}));
-
-const liveApplyQueue = new AsyncEventQueue();
-let pendingLivePayload: ProxiesUpdatedPayload | null = null;
-let liveApplyScheduled = false;
-
-const scheduleLiveApply = () => {
-  if (liveApplyScheduled) return;
-  liveApplyScheduled = true;
-
-  const dispatch = () => {
-    liveApplyScheduled = false;
-    const payload = pendingLivePayload;
-    pendingLivePayload = null;
-    if (!payload) return;
-
-    liveApplyQueue.enqueue(async () => {
-      await nextTick();
-      useProxyStore.getState().setLive(payload);
-    });
-  };
-
-  if (
-    typeof window !== "undefined" &&
-    typeof window.requestAnimationFrame === "function"
-  ) {
-    window.requestAnimationFrame(dispatch);
-  } else {
-    setTimeout(dispatch, 16);
-  }
-};
-
-export const applyLiveProxyPayload = (payload: ProxiesUpdatedPayload) => {
-  pendingLivePayload = payload;
-  scheduleLiveApply();
-};
-
-export const fetchLiveProxies = async () => {
-  const requestId = useProxyStore.getState().startLiveFetch();
-  const view = await calcuProxies();
-  useProxyStore.getState().completeLiveFetch(requestId, view);
-};
-
-const MAX_BOOTSTRAP_ATTEMPTS = 5;
-const BOOTSTRAP_BASE_DELAY_MS = 600;
-let bootstrapAttempts = 0;
-let bootstrapTimer: number | null = null;
-
-function attemptBootstrapLiveFetch() {
-  const state = useProxyStore.getState();
-  if (state.hydration === "live") {
-    bootstrapAttempts = 0;
-    return;
-  }
-
-  if (bootstrapAttempts >= MAX_BOOTSTRAP_ATTEMPTS) {
-    return;
-  }
-
-  const attemptNumber = ++bootstrapAttempts;
-
-  void fetchLiveProxies()
-    .then(() => {
-      bootstrapAttempts = 0;
-    })
-    .catch((error) => {
-      console.warn(
-        `[ProxyStore] Bootstrap live fetch attempt ${attemptNumber} failed:`,
-        error,
-      );
-      if (attemptNumber < MAX_BOOTSTRAP_ATTEMPTS) {
-        scheduleBootstrapLiveFetch(BOOTSTRAP_BASE_DELAY_MS * attemptNumber);
-      }
-    });
-}
-
-function scheduleBootstrapLiveFetch(delay = 0) {
-  if (typeof window === "undefined") {
-    return;
-  }
-
-  if (bootstrapTimer !== null) {
-    window.clearTimeout(bootstrapTimer);
-    bootstrapTimer = null;
-  }
-
-  bootstrapTimer = window.setTimeout(() => {
-    bootstrapTimer = null;
-    attemptBootstrapLiveFetch();
-  }, delay);
-}
-
-if (typeof window !== "undefined") {
-  void nextTick().then(() => scheduleBootstrapLiveFetch(0));
-}
--- a/src/utils/asyncQueue.ts
+++ b/src/utils/asyncQueue.ts
@@ -1,31 +0,0 @@
-export class AsyncEventQueue {
-  private tail: Promise<void> = Promise.resolve();
-
-  enqueue(task: () => Promise<void> | void) {
-    this.tail = this.tail
-      .then(async () => {
-        await task();
-      })
-      .catch((error) => {
-        console.error("AsyncEventQueue task failed", error);
-      });
-  }
-
-  clear() {
-    this.tail = Promise.resolve();
-  }
-}
-
-export const nextTick = () =>
-  new Promise<void>((resolve) => {
-    if (typeof queueMicrotask === "function") {
-      queueMicrotask(resolve);
-    } else {
-      Promise.resolve().then(() => resolve());
-    }
-  });
-
-export const afterPaint = () =>
-  new Promise<void>((resolve) => {
-    requestAnimationFrame(() => resolve());
-  });
--- a/src/utils/proxy-snapshot.ts
+++ b/src/utils/proxy-snapshot.ts
@@ -1,205 +0,0 @@
-import yaml from "js-yaml";
-
-const createProxyItem = (
-  name: string,
-  partial: Partial<IProxyItem> = {},
-): IProxyItem => ({
-  name,
-  type: partial.type ?? "unknown",
-  udp: partial.udp ?? false,
-  xudp: partial.xudp ?? false,
-  tfo: partial.tfo ?? false,
-  mptcp: partial.mptcp ?? false,
-  smux: partial.smux ?? false,
-  history: [],
-  provider: partial.provider,
-  testUrl: partial.testUrl,
-  hidden: partial.hidden,
-  icon: partial.icon,
-  fixed: partial.fixed,
-});
-
-const createGroupItem = (
-  name: string,
-  all: IProxyItem[],
-  partial: Partial<IProxyGroupItem> = {},
-): IProxyGroupItem => {
-  const rest = { ...partial } as Partial<IProxyItem>;
-  delete (rest as Partial<IProxyGroupItem>).all;
-  const base = createProxyItem(name, rest);
-  return {
-    ...base,
-    all,
-    now: partial.now ?? base.now,
-  };
-};
-
-const ensureProxyItem = (
-  map: Map<string, IProxyItem>,
-  name: string,
-  source?: Partial<IProxyItem>,
-) => {
-  const key = String(name);
-  if (map.has(key)) return map.get(key)!;
-  const item = createProxyItem(key, source);
-  map.set(key, item);
-  return item;
-};
-
-const parseProxyEntry = (entry: any): IProxyItem | null => {
-  if (!entry || typeof entry !== "object") return null;
-  const name = entry.name || entry.uid || entry.id;
-  if (!name) return null;
-  return createProxyItem(String(name), {
-    type: entry.type ? String(entry.type) : undefined,
-    udp: Boolean(entry.udp),
-    xudp: Boolean(entry.xudp),
-    tfo: Boolean(entry.tfo),
-    mptcp: Boolean(entry.mptcp),
-    smux: Boolean(entry.smux),
-    testUrl: entry.test_url || entry.testUrl,
-  });
-};
-
-const isNonEmptyString = (value: unknown): value is string =>
-  typeof value === "string" && value.trim().length > 0;
-
-const parseProxyGroup = (
-  entry: any,
-  proxyMap: Map<string, IProxyItem>,
-): IProxyGroupItem | null => {
-  if (!entry || typeof entry !== "object") return null;
-  const name = entry.name;
-  if (!name) return null;
-
-  const rawProxies: unknown[] = Array.isArray(entry.proxies)
-    ? entry.proxies
-    : [];
-
-  const proxyRefs: string[] = rawProxies
-    .filter(isNonEmptyString)
-    .map((item) => item.trim());
-
-  const uniqueNames: string[] = Array.from(new Set(proxyRefs));
-
-  const all = uniqueNames.map((proxyName) =>
-    ensureProxyItem(proxyMap, proxyName),
-  );
-
-  return createGroupItem(String(name), all, {
-    type: entry.type ? String(entry.type) : "Selector",
-    provider: entry.provider,
-    testUrl: entry.testUrl || entry.test_url,
-    now: typeof entry.now === "string" ? entry.now : undefined,
-  });
-};
-
-const mapRecords = (
-  proxies: Map<string, IProxyItem>,
-  groups: IProxyGroupItem[],
-  extra: IProxyItem[] = [],
-): Record<string, IProxyItem> => {
-  const result: Record<string, IProxyItem> = {};
-  proxies.forEach((item, key) => {
-    result[key] = item;
-  });
-  groups.forEach((group) => {
-    result[group.name] = group as unknown as IProxyItem;
-  });
-  extra.forEach((item) => {
-    result[item.name] = item;
-  });
-  return result;
-};
-
-export const createProxySnapshotFromProfile = (
-  yamlContent: string,
-): {
-  global: IProxyGroupItem;
-  direct: IProxyItem;
-  groups: IProxyGroupItem[];
-  records: Record<string, IProxyItem>;
-  proxies: IProxyItem[];
-} | null => {
-  let parsed: any;
-  try {
-    parsed = yaml.load(yamlContent);
-  } catch (error) {
-    console.warn("[ProxySnapshot] Failed to parse YAML:", error);
-    return null;
-  }
-
-  if (!parsed || typeof parsed !== "object") {
-    return null;
-  }
-
-  const proxyMap = new Map<string, IProxyItem>();
-
-  if (Array.isArray((parsed as any).proxies)) {
-    for (const entry of (parsed as any).proxies) {
-      const item = parseProxyEntry(entry);
-      if (item) {
-        proxyMap.set(item.name, item);
-      }
-    }
-  }
-
-  const proxyProviders = (parsed as any)["proxy-providers"];
-  if (proxyProviders && typeof proxyProviders === "object") {
-    for (const key of Object.keys(proxyProviders)) {
-      const provider = proxyProviders[key];
-      if (provider && Array.isArray(provider.proxies)) {
-        provider.proxies
-          .filter(
-            (proxyName: unknown): proxyName is string =>
-              typeof proxyName === "string",
-          )
-          .forEach((proxyName: string) => ensureProxyItem(proxyMap, proxyName));
-      }
-    }
-  }
-
-  const groups: IProxyGroupItem[] = [];
-  if (Array.isArray((parsed as any)["proxy-groups"])) {
-    for (const entry of (parsed as any)["proxy-groups"]) {
-      const groupItem = parseProxyGroup(entry, proxyMap);
-      if (groupItem) {
-        groups.push(groupItem);
-      }
-    }
-  }
-
-  const direct = createProxyItem("DIRECT", { type: "Direct" });
-  const reject = createProxyItem("REJECT", { type: "Reject" });
-
-  ensureProxyItem(proxyMap, direct.name, direct);
-  ensureProxyItem(proxyMap, reject.name, reject);
-
-  let global = groups.find((group) => group.name === "GLOBAL");
-  if (!global) {
-    const globalRefs = groups.flatMap((group) =>
-      group.all.map((proxy) => proxy.name),
-    );
-    const unique = Array.from(new Set(globalRefs));
-    const all = unique.map((name) => ensureProxyItem(proxyMap, name));
-    global = createGroupItem("GLOBAL", all, {
-      type: "Selector",
-      hidden: true,
-    });
-    groups.unshift(global);
-  }
-
-  const proxies = Array.from(proxyMap.values()).filter(
-    (item) => !groups.some((group) => group.name === item.name),
-  );
-
-  const records = mapRecords(proxyMap, groups, [direct, reject]);
-
-  return {
-    global,
-    direct,
-    groups,
-    records,
-    proxies,
-  };
-};