fix: 修复proxy_service和account_service中不当的顶层import

- proxy_service.py: 将requests和WhitelistManager改为函数内延迟import，
  避免启动时加载不需要的依赖；移除未使用的get_exit_ip_via_proxy导入
- account_service.py: 移除未使用的func、joinedload、AuditLog、
  user_has_permission顶层导入

web/frontend/src/pages/ProxyPage.tsx

@@ -1,19 +1,17 @@
-import { useEffect, useState, useRef } from 'react';
-import { Form, Input, Switch, Button, Card, message, Row, Col, theme } from 'antd';
+import { useEffect, useState } from 'react';
+import { Form, Input, Switch, Button, Card, message, Row, Col } from 'antd';
 import { proxyApi, type ProxyConfig } from '../api/modules';
+import RealtimeLogPanel from '../components/RealtimeLogPanel';
+import { useWebSocketLogs } from '../hooks/useWebSocketLogs';
 import { getErrorMessage } from '../utils/error';
 
-const WS_BASE = `${window.location.protocol === 'https:' ? 'wss' : 'ws'}://${window.location.host}`;
-
 export default function ProxyPage() {
-  const { token } = theme.useToken();
   const [form] = Form.useForm();
   const [loading, setLoading] = useState(false);
   const [testing, setTesting] = useState(false);
   const [testingWl, setTestingWl] = useState(false);
   const [configLoaded, setConfigLoaded] = useState(false);
-  const [logs, setLogs] = useState<{ level: string; message: string }[]>([]);
-  const wsRef = useRef<WebSocket | null>(null);
+  const { logs, connect: connectLogs, close: closeLogs } = useWebSocketLogs();
 
   const loadConfig = async () => {
     try {
@@ -37,30 +35,21 @@ export default function ProxyPage() {
   useEffect(() => {
     loadConfig();
     return () => {
-      wsRef.current?.close();
+      closeLogs();
     };
   }, []);
 
-  const appendLog = (level: string, msg: string) => {
-    setLogs((prev) => [...prev, { level, message: msg }]);
-  };
-
   const connectWs = (testId: string) => {
-    wsRef.current?.close();
-    setLogs([]);
-    const ws = new WebSocket(`${WS_BASE}/api/proxy/ws/test/${testId}`);
-    wsRef.current = ws;
-    ws.onmessage = (event) => {
-      const msg = JSON.parse(event.data);
-      if (msg.level === 'heartbeat') return;
-      if (msg.level === 'result') return;
-      appendLog(msg.level, msg.message);
-    };
-    ws.onclose = () => {
-      wsRef.current = null;
-      setTesting(false);
-      setTestingWl(false);
-    };
+    connectLogs(`/api/proxy/ws/test/${testId}`, {
+      onClose: () => {
+        setTesting(false);
+        setTestingWl(false);
+      },
+      onResult: () => {
+        setTesting(false);
+        setTestingWl(false);
+      },
+    });
   };
 
   const handleSave = async () => {
@@ -78,7 +67,6 @@ export default function ProxyPage() {
 
   const handleTestProxy = async () => {
     setTesting(true);
-    setLogs([]);
     try {
       const result = await proxyApi.test();
       if (result.test_id) connectWs(result.test_id);
@@ -90,7 +78,6 @@ export default function ProxyPage() {
 
   const handleTestWhitelist = async () => {
     setTestingWl(true);
-    setLogs([]);
     try {
       const result = await proxyApi.testWhitelist();
       if (result.test_id) connectWs(result.test_id);
@@ -101,13 +88,6 @@ export default function ProxyPage() {
   };
 
 
-  const logColors: Record<string, string> = {
-    error: token.colorError,
-    success: token.colorSuccess,
-    warning: token.colorWarning,
-    info: token.colorText,
-  };
-
   return (
     <div style={{ display: 'flex', flexDirection: 'column', height: '100%', gap: 8 }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexShrink: 0 }}>
@@ -166,22 +146,15 @@ export default function ProxyPage() {
         </Row>
       </Form>
 
-      <Card
+      <RealtimeLogPanel
+        mode="card"
+        logs={logs}
         title="实时日志"
-        size="small"
-        style={{ flex: 1, overflow: 'hidden' }}
-        styles={{ body: { height: '100%', overflow: 'auto', fontFamily: 'monospace', fontSize: 12, padding: '8px 16px' } }}
-      >
-        {logs.length === 0 ? (
-          <span style={{ color: token.colorTextTertiary }}>点击"测试代理"或"测试白名单"查看日志</span>
-        ) : (
-          logs.map((log, i) => (
-            <div key={i} style={{ color: logColors[log.level] || token.colorText, lineHeight: '20px' }}>
-              {log.message}
-            </div>
-          ))
-        )}
-      </Card>
+        emptyText={'点击"测试代理"或"测试白名单"查看日志'}
+        height="100%"
+        bodyStyle={{ minHeight: 160 }}
+        style={{ flex: 1 }}
+      />
     </div>
   );
 }