Revert "refactor: profile switch (#5197)"

This reverts commit c2dcd86722.

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>
   );
 };