refactor: replace isServiceAvailable with getRunningMode for service status checks

src/components/home/proxy-tun-card.tsx

@@ -20,7 +20,7 @@ import {
 import { useVerge } from "@/hooks/use-verge";
 import { useSystemState } from "@/hooks/use-system-state";
 import { showNotice } from "@/services/noticeService";
-import { isServiceAvailable } from "@/services/cmds";
+import { getRunningMode } from "@/services/cmds";
 import { mutate } from "swr";
 
 const LOCAL_STORAGE_TAB_KEY = "clash-verge-proxy-active-tab";
@@ -140,32 +140,33 @@ export const ProxyTunCard: FC = () => {
   const [activeTab, setActiveTab] = useState<string>(
     () => localStorage.getItem(LOCAL_STORAGE_TAB_KEY) || "system",
   );
-  
+
   const [localServiceOk, setLocalServiceOk] = useState(false);
 
   const { verge } = useVerge();
   const { isAdminMode } = useSystemState();
 
   const { enable_system_proxy, enable_tun_mode } = verge ?? {};
-  
+
   const updateLocalStatus = async () => {
     try {
-      const serviceStatus = await isServiceAvailable();
+      const runningMode = await getRunningMode();
+      const serviceStatus = runningMode === "Service";
       setLocalServiceOk(serviceStatus);
       mutate("isServiceAvailable", serviceStatus, false);
     } catch (error) {
       console.error("更新TUN状态失败:", error);
     }
   };
-  
+
   useEffect(() => {
     updateLocalStatus();
   }, []);
-  
+
   const isTunAvailable = localServiceOk || isAdminMode;
 
   const handleError = (err: Error) => {
-    showNotice('error', err.message || err.toString());
+    showNotice("error", err.message || err.toString());
   };
 
   const handleTabChange = (tab: string) => {

src/components/setting/setting-system.tsx

@@ -23,7 +23,6 @@ import {
   uninstallService,
   restartCore,
   stopCore,
-  isServiceAvailable,
 } from "@/services/cmds";
 import { useLockFn } from "ahooks";
 import { Button, Tooltip } from "@mui/material";
@@ -45,16 +44,10 @@ const SettingSystem = ({ onError }: Props) => {
   const { data: sysproxy } = useSWR("getSystemProxy", getSystemProxy);
   const { data: autoproxy } = useSWR("getAutotemProxy", getAutotemProxy);
 
-  const { data: serviceOk, mutate: mutateServiceAvailable } = useSWR(
-    "isServiceAvailable", 
-    isServiceAvailable
-  );
+  const { isAdminMode, isServiceMode, mutateRunningMode } = useSystemState();
 
-  const { isAdminMode, isSidecarMode, mutateRunningMode } = useSystemState();
-  
-
-  // +++ isTunAvailable 现在使用 SWR 的 serviceOk
-  const isTunAvailable = serviceOk || isAdminMode;
+  // +++ isTunAvailable 现在使用 SWR 的 isServiceMode
+  const isTunAvailable = isServiceMode || isAdminMode;
 
   const sysproxyRef = useRef<DialogRef>(null);
   const tunRef = useRef<DialogRef>(null);
@@ -80,19 +73,17 @@ const SettingSystem = ({ onError }: Props) => {
 
   // 抽象服务操作逻辑
   const handleServiceOperation = useLockFn(
-    async (
-      {
-        beforeMsg,
-        action,
-        actionMsg,
-        successMsg,
-      }: {
-        beforeMsg: string;
-        action: () => Promise<void>;
-        actionMsg: string;
-        successMsg: string;
-      }
-    ) => {
+    async ({
+      beforeMsg,
+      action,
+      actionMsg,
+      successMsg,
+    }: {
+      beforeMsg: string;
+      action: () => Promise<void>;
+      actionMsg: string;
+      successMsg: string;
+    }) => {
       try {
         showNotice("info", beforeMsg);
         await stopCore();
@@ -102,19 +93,17 @@ const SettingSystem = ({ onError }: Props) => {
         showNotice("info", t("Restarting Core..."));
         await restartCore();
         await mutateRunningMode();
-        await mutateServiceAvailable(); 
       } catch (err: any) {
         showNotice("error", err.message || err.toString());
         try {
           showNotice("info", t("Try running core as Sidecar..."));
           await restartCore();
           await mutateRunningMode();
-          await mutateServiceAvailable();
         } catch (e: any) {
           showNotice("error", e?.message || e?.toString());
         }
       }
-    }
+    },
   );
 
   // 卸载系统服务
@@ -145,33 +134,32 @@ const SettingSystem = ({ onError }: Props) => {
                 <WarningRounded sx={{ color: "warning.main", mr: 1 }} />
               </Tooltip>
             )}
-            {!serviceOk && !isAdminMode && ( 
+            {!isServiceMode && !isAdminMode && (
               <Tooltip title={t("Install Service")}>
                 <Button
                   variant="outlined"
                   color="primary"
                   size="small"
-                  onClick={installServiceAndRestartCore} 
+                  onClick={installServiceAndRestartCore}
                   sx={{ mr: 1, minWidth: "32px", p: "4px" }}
                 >
                   <BuildRounded fontSize="small" />
                 </Button>
               </Tooltip>
             )}
-            {serviceOk && ( 
-                <Tooltip title={t("Uninstall Service")}>
-                  <Button
-                    // variant="outlined"
-                    color="secondary"
-                    size="small"
-                    onClick={onUninstallService}
-                    sx={{ mr: 1, minWidth: "32px", p: "4px" }}
-                  >
+            {isServiceMode && (
+              <Tooltip title={t("Uninstall Service")}>
+                <Button
+                  // variant="outlined"
+                  color="secondary"
+                  size="small"
+                  onClick={onUninstallService}
+                  sx={{ mr: 1, minWidth: "32px", p: "4px" }}
+                >
                   <DeleteForeverRounded fontSize="small" />
-                  </Button>
-                </Tooltip>
-              )
-            }
+                </Button>
+              </Tooltip>
+            )}
           </>
         }
       >
@@ -187,12 +175,14 @@ const SettingSystem = ({ onError }: Props) => {
           onGuard={(e) => {
             if (!isTunAvailable) {
               showNotice("error", t("TUN requires Service Mode or Admin Mode"));
-              return Promise.reject(new Error(t("TUN requires Service Mode or Admin Mode")));
+              return Promise.reject(
+                new Error(t("TUN requires Service Mode or Admin Mode")),
+              );
             }
             return patchVerge({ enable_tun_mode: e });
           }}
         >
-          <Switch edge="end" disabled={!isTunAvailable} /> 
+          <Switch edge="end" disabled={!isTunAvailable} />
         </GuardState>
       </SettingItem>
       <SettingItem

src/hooks/use-system-state.ts

@@ -23,12 +23,14 @@ export function useSystemState() {
   });
 
   // 获取系统服务状态
+  const isServiceMode = runningMode === "Service";
   const { data: isServiceOk = false } = useSWR(
     "isServiceAvailable",
     isServiceAvailable,
     {
       suspense: false,
       revalidateOnFocus: false,
+      isPaused: () => !isServiceMode, // 仅在 Service 模式下请求
     },
   );
 
@@ -36,7 +38,8 @@ export function useSystemState() {
     runningMode,
     isAdminMode,
     isSidecarMode: runningMode === "Sidecar",
-    mutateRunningMode,
+    isServiceMode: runningMode === "Service",
     isServiceOk,
+    mutateRunningMode,
   };
 }