fix: correct address display error caused by async system proxy retrieval

src/components/home/clash-info-card.tsx

@@ -17,7 +17,7 @@ const formatUptime = (uptimeMs: number) => {
 export const ClashInfoCard = () => {
   const { t } = useTranslation();
   const { version: clashVersion } = useClash();
-  const { clashConfig, sysproxy, rules, uptime } = useAppData();
+  const { clashConfig, rules, uptime, systemProxyAddress } = useAppData();
 
   // 使用useMemo缓存格式化后的uptime，避免频繁计算
   const formattedUptime = useMemo(() => formatUptime(uptime), [uptime]);
@@ -42,7 +42,7 @@ export const ClashInfoCard = () => {
             {t("System Proxy Address")}
           </Typography>
           <Typography variant="body2" fontWeight="medium">
-            {sysproxy?.server || "-"}
+            {systemProxyAddress}
           </Typography>
         </Stack>
         <Divider />
@@ -74,7 +74,14 @@ export const ClashInfoCard = () => {
         </Stack>
       </Stack>
     );
-  }, [clashConfig, clashVersion, t, formattedUptime, rules.length, sysproxy]);
+  }, [
+    clashConfig,
+    clashVersion,
+    t,
+    formattedUptime,
+    rules.length,
+    systemProxyAddress,
+  ]);
 
   return (
     <EnhancedCard

src/components/setting/mods/sysproxy-viewer.tsx

@@ -3,6 +3,7 @@ import { BaseFieldset } from "@/components/base/base-fieldset";
 import { TooltipIcon } from "@/components/base/base-tooltip-icon";
 import { EditorViewer } from "@/components/profile/editor-viewer";
 import { useVerge } from "@/hooks/use-verge";
+import { useAppData } from "@/providers/app-data-provider";
 import { getClashConfig } from "@/services/api";
 import {
   getAutotemProxy,
@@ -172,6 +173,35 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
     }
   };
 
+  const { systemProxyAddress } = useAppData();
+
+  // 为当前状态计算系统代理地址
+  const getSystemProxyAddress = useMemo(() => {
+    if (!clashConfig) return "-";
+
+    const isPacMode = value.pac ?? false;
+
+    if (isPacMode) {
+      const host = value.proxy_host || "127.0.0.1";
+      const port = verge?.verge_mixed_port || clashConfig["mixed-port"] || 7897;
+      return `${host}:${port}`;
+    } else {
+      return systemProxyAddress;
+    }
+  }, [
+    value.pac,
+    value.proxy_host,
+    verge?.verge_mixed_port,
+    clashConfig,
+    systemProxyAddress,
+  ]);
+  const getCurrentPacUrl = useMemo(() => {
+    const host = value.proxy_host || "127.0.0.1";
+    // 根据环境判断PAC端口
+    const port = import.meta.env.DEV ? 11233 : 33331;
+    return `http://${host}:${port}/commands/pac`;
+  }, [value.proxy_host]);
+
   useImperativeHandle(ref, () => ({
     open: () => {
       setOpen(true);
@@ -417,7 +447,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
               <FlexBox>
                 <Typography className="label">{t("Server Addr")}</Typography>
                 <Typography className="value">
-                  {sysproxy?.server ? sysproxy.server : t("Not available")}
+                  {getSystemProxyAddress}
                 </Typography>
               </FlexBox>
             </>
@@ -425,7 +455,9 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
           {value.pac && (
             <FlexBox>
               <Typography className="label">{t("PAC URL")}</Typography>
-              <Typography className="value">{autoproxy?.url || "-"}</Typography>
+              <Typography className="value">
+                {getCurrentPacUrl || "-"}
+              </Typography>
             </FlexBox>
           )}
         </BaseFieldset>