feat: 修改文件 │

│                                                                                           │
     │ 1. src/services/socketService.js - 指数退避 + 无限重试                                    │
     │ 2. src/components/ConnectionStatusBar/index.js - UI 优化 + 自动消失                       │
     │ 3. src/App.js - handleClose 实现 + dismissed 状态管理                                     │
     │ 4. src/contexts/NotificationContext.js - 添加成功状态检测                                 │
     │ 5. NOTIFICATION_SYSTEM.md - v2.11.0 文档更新

src/App.js

@@ -60,20 +60,42 @@ import { logger } from "utils/logger";
  * 需要在 NotificationProvider 内部使用，所以单独提取
  */
 function ConnectionStatusBarWrapper() {
-    const { connectionStatus, reconnectAttempt, retryConnection } = useNotification();
+    const { connectionStatus, reconnectAttempt, maxReconnectAttempts, retryConnection } = useNotification();
+    const [isDismissed, setIsDismissed] = React.useState(false);
+
+    // 监听连接状态变化
+    React.useEffect(() => {
+        // 重连成功后，清除 dismissed 状态
+        if (connectionStatus === 'connected' && isDismissed) {
+            setIsDismissed(false);
+            // 从 localStorage 清除 dismissed 标记
+            localStorage.removeItem('connection_status_dismissed');
+        }
+
+        // 从 localStorage 恢复 dismissed 状态
+        if (connectionStatus !== 'connected' && !isDismissed) {
+            const dismissed = localStorage.getItem('connection_status_dismissed');
+            if (dismissed === 'true') {
+                setIsDismissed(true);
+            }
+        }
+    }, [connectionStatus, isDismissed]);
 
     const handleClose = () => {
-        // 关闭状态条（可选，当前不实现）
-        // 用户可以通过刷新页面来重新显示
+        // 用户手动关闭，保存到 localStorage
+        setIsDismissed(true);
+        localStorage.setItem('connection_status_dismissed', 'true');
+        logger.info('App', 'Connection status bar dismissed by user');
     };
 
     return (
         <ConnectionStatusBar
             status={connectionStatus}
             reconnectAttempt={reconnectAttempt}
-            maxReconnectAttempts={5}
+            maxReconnectAttempts={maxReconnectAttempts}
             onRetry={retryConnection}
             onClose={handleClose}
+            isDismissed={isDismissed}
         />
     );
 }