From 9381fa284b33ad2b9042d0618ad371a94e951978 Mon Sep 17 00:00:00 2001
From: MHSanaei <ho3ein.sanaei@gmail.com>
Date: Fri, 26 Jun 2026 00:43:32 +0200
Subject: [PATCH] feat(logs): add auto-update toggle to Access Logs and Logs
 viewers

A checkbox in both the Xray Access Logs and panel Logs modals polls the
existing refresh every 5s while enabled, respecting the current row count,
level/filter, and Direct/Blocked/Proxy selections. The poller tears down on
close or untoggle. Adds a localized pages.index.autoUpdate key to all 13 locales.
---
 frontend/src/pages/index/LogModal.tsx     | 17 +++++++++++++++++
 frontend/src/pages/index/XrayLogModal.tsx | 17 +++++++++++++++++
 internal/web/translation/ar-EG.json       |  1 +
 internal/web/translation/en-US.json       |  1 +
 internal/web/translation/es-ES.json       |  1 +
 internal/web/translation/fa-IR.json       |  1 +
 internal/web/translation/id-ID.json       |  1 +
 internal/web/translation/ja-JP.json       |  1 +
 internal/web/translation/pt-BR.json       |  1 +
 internal/web/translation/ru-RU.json       |  1 +
 internal/web/translation/tr-TR.json       |  1 +
 internal/web/translation/uk-UA.json       |  1 +
 internal/web/translation/vi-VN.json       |  1 +
 internal/web/translation/zh-CN.json       |  1 +
 internal/web/translation/zh-TW.json       |  1 +
 15 files changed, 47 insertions(+)

diff --git a/frontend/src/pages/index/LogModal.tsx b/frontend/src/pages/index/LogModal.tsx
index 0fd27ea63..7fd803ef6 100644
--- a/frontend/src/pages/index/LogModal.tsx
+++ b/frontend/src/pages/index/LogModal.tsx
@@ -13,12 +13,15 @@ interface LogModalProps {
   onClose: () => void;
 }
 
+const AUTO_UPDATE_INTERVAL = 5000;
+
 export default function LogModal({ open, onClose }: LogModalProps) {
   const { t } = useTranslation();
   const { isMobile } = useMediaQuery();
   const [rows, setRows] = useState('20');
   const [level, setLevel] = useState('info');
   const [syslog, setSyslog] = useState(false);
+  const [autoUpdate, setAutoUpdate] = useState(false);
   const [loading, setLoading] = useState(false);
   const [logs, setLogs] = useState<string[]>([]);
   const openRef = useRef(open);
@@ -39,6 +42,11 @@ export default function LogModal({ open, onClose }: LogModalProps) {
     }
   }, [rows, level, syslog]);
 
+  const refreshRef = useRef(refresh);
+  useEffect(() => {
+    refreshRef.current = refresh;
+  }, [refresh]);
+
   useEffect(() => {
     openRef.current = open;
     if (open) refresh();
@@ -48,6 +56,12 @@ export default function LogModal({ open, onClose }: LogModalProps) {
     if (openRef.current) refresh();
   }, [rows, level, syslog, refresh]);
 
+  useEffect(() => {
+    if (!open || !autoUpdate) return;
+    const id = setInterval(() => refreshRef.current(), AUTO_UPDATE_INTERVAL);
+    return () => clearInterval(id);
+  }, [open, autoUpdate]);
+
   const parsedLogs = useMemo(() => logs.map(parseLogLine), [logs]);
 
   function download() {
@@ -106,6 +120,9 @@ export default function LogModal({ open, onClose }: LogModalProps) {
           <Checkbox checked={syslog} onChange={(e) => setSyslog(e.target.checked)}>
             SysLog
           </Checkbox>
+          <Checkbox checked={autoUpdate} onChange={(e) => setAutoUpdate(e.target.checked)}>
+            {t('pages.index.autoUpdate')}
+          </Checkbox>
         </Form.Item>
         <Form.Item className="download-item">
           <Button type="primary" onClick={download} icon={<DownloadOutlined />} />
diff --git a/frontend/src/pages/index/XrayLogModal.tsx b/frontend/src/pages/index/XrayLogModal.tsx
index 984ecf9fe..fda4f429e 100644
--- a/frontend/src/pages/index/XrayLogModal.tsx
+++ b/frontend/src/pages/index/XrayLogModal.tsx
@@ -44,6 +44,8 @@ function shortTime(value?: string | number): string {
   return `${hh}:${mm}:${ss}`;
 }
 
+const AUTO_UPDATE_INTERVAL = 5000;
+
 export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
   const { t } = useTranslation();
   const { datepicker } = useDatepicker();
@@ -53,6 +55,7 @@ export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
   const [showDirect, setShowDirect] = useState(true);
   const [showBlocked, setShowBlocked] = useState(true);
   const [showProxy, setShowProxy] = useState(true);
+  const [autoUpdate, setAutoUpdate] = useState(false);
   const [loading, setLoading] = useState(false);
   const [logs, setLogs] = useState<XrayLogEntry[]>([]);
   const openRef = useRef(open);
@@ -75,6 +78,11 @@ export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
     }
   }, [rows, filter, showDirect, showBlocked, showProxy]);
 
+  const refreshRef = useRef(refresh);
+  useEffect(() => {
+    refreshRef.current = refresh;
+  }, [refresh]);
+
   useEffect(() => {
     openRef.current = open;
     if (open) refresh();
@@ -84,6 +92,12 @@ export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
     if (openRef.current) refresh();
   }, [rows, showDirect, showBlocked, showProxy, refresh]);
 
+  useEffect(() => {
+    if (!open || !autoUpdate) return;
+    const id = setInterval(() => refreshRef.current(), AUTO_UPDATE_INTERVAL);
+    return () => clearInterval(id);
+  }, [open, autoUpdate]);
+
   function fullDate(value?: string | number): string {
     return IntlUtil.formatDate(value, datepicker);
   }
@@ -158,6 +172,9 @@ export default function XrayLogModal({ open, onClose }: XrayLogModalProps) {
           <Checkbox checked={showProxy} onChange={(e) => setShowProxy(e.target.checked)}>
             Proxy
           </Checkbox>
+          <Checkbox checked={autoUpdate} onChange={(e) => setAutoUpdate(e.target.checked)}>
+            {t('pages.index.autoUpdate')}
+          </Checkbox>
         </Form.Item>
         <Form.Item className="download-item">
           <Button type="primary" onClick={download} icon={<DownloadOutlined />} />
diff --git a/internal/web/translation/ar-EG.json b/internal/web/translation/ar-EG.json
index f6d35f60c..f0ecd4a64 100644
--- a/internal/web/translation/ar-EG.json
+++ b/internal/web/translation/ar-EG.json
@@ -246,6 +246,7 @@
       "dontRefresh": "التثبيت شغال، متعملش Refresh للصفحة",
       "logs": "السجلات",
       "accessLogs": "سجلات الوصول",
+      "autoUpdate": "تحديث تلقائي",
       "config": "الإعدادات",
       "backup": "نسخ احتياطي",
       "backupTitle": "نسخ احتياطي واستعادة",
diff --git a/internal/web/translation/en-US.json b/internal/web/translation/en-US.json
index 418030b65..71dd24ed5 100644
--- a/internal/web/translation/en-US.json
+++ b/internal/web/translation/en-US.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Installation is in progress, please do not refresh this page",
       "logs": "Logs",
       "accessLogs": "Access Logs",
+      "autoUpdate": "Auto Update",
       "config": "Config",
       "backup": "Backup",
       "backupTitle": "Backup & Restore",
diff --git a/internal/web/translation/es-ES.json b/internal/web/translation/es-ES.json
index 0fd734296..26475fc98 100644
--- a/internal/web/translation/es-ES.json
+++ b/internal/web/translation/es-ES.json
@@ -246,6 +246,7 @@
       "dontRefresh": "La instalación está en progreso, por favor no actualices esta página.",
       "logs": "Registros",
       "accessLogs": "Registros de acceso",
+      "autoUpdate": "Actualización automática",
       "config": "Configuración",
       "backup": "Copia de seguridad",
       "backupTitle": "Copia & Restauración",
diff --git a/internal/web/translation/fa-IR.json b/internal/web/translation/fa-IR.json
index c286f9ef8..e8c58dbd2 100644
--- a/internal/web/translation/fa-IR.json
+++ b/internal/web/translation/fa-IR.json
@@ -246,6 +246,7 @@
       "dontRefresh": "در حال نصب، لطفا صفحه را رفرش نکنید",
       "logs": "لاگ‌ها",
       "accessLogs": "لاگ‌های دسترسی",
+      "autoUpdate": "به‌روزرسانی خودکار",
       "config": "پیکربندی",
       "backup": "پشتیبان‌گیری",
       "backupTitle": "پشتیبان‌گیری و بازیابی",
diff --git a/internal/web/translation/id-ID.json b/internal/web/translation/id-ID.json
index 31a81ad09..098477d20 100644
--- a/internal/web/translation/id-ID.json
+++ b/internal/web/translation/id-ID.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Instalasi sedang berlangsung, harap jangan menyegarkan halaman ini",
       "logs": "Log",
       "accessLogs": "Log Akses",
+      "autoUpdate": "Pembaruan Otomatis",
       "config": "Konfigurasi",
       "backup": "Cadangan",
       "backupTitle": "Cadangan & Pulihkan",
diff --git a/internal/web/translation/ja-JP.json b/internal/web/translation/ja-JP.json
index 6e97e2d8d..2fb7fa2f5 100644
--- a/internal/web/translation/ja-JP.json
+++ b/internal/web/translation/ja-JP.json
@@ -246,6 +246,7 @@
       "dontRefresh": "インストール中、このページをリロードしないでください",
       "logs": "ログ",
       "accessLogs": "アクセスログ",
+      "autoUpdate": "自動更新",
       "config": "設定",
       "backup": "バックアップ",
       "backupTitle": "バックアップと復元",
diff --git a/internal/web/translation/pt-BR.json b/internal/web/translation/pt-BR.json
index 0c03ac039..1c67b90e5 100644
--- a/internal/web/translation/pt-BR.json
+++ b/internal/web/translation/pt-BR.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Instalação em andamento, por favor não atualize a página",
       "logs": "Logs",
       "accessLogs": "Logs de acesso",
+      "autoUpdate": "Atualização automática",
       "config": "Configuração",
       "backup": "Backup",
       "backupTitle": "Backup & Restauração",
diff --git a/internal/web/translation/ru-RU.json b/internal/web/translation/ru-RU.json
index d61e14f8b..9aa9e032a 100644
--- a/internal/web/translation/ru-RU.json
+++ b/internal/web/translation/ru-RU.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Установка в процессе. Не обновляйте страницу",
       "logs": "Логи",
       "accessLogs": "Логи доступа",
+      "autoUpdate": "Автообновление",
       "config": "Конфигурация",
       "backup": "Резервная копия",
       "backupTitle": "Бэкап и восстановление",
diff --git a/internal/web/translation/tr-TR.json b/internal/web/translation/tr-TR.json
index 1d1bac730..dcba7f162 100644
--- a/internal/web/translation/tr-TR.json
+++ b/internal/web/translation/tr-TR.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Kurulum devam ediyor, lütfen bu sayfayı yenilemeyin",
       "logs": "Günlükler",
       "accessLogs": "Erişim Günlükleri",
+      "autoUpdate": "Otomatik Güncelleme",
       "config": "Yapılandırma",
       "backup": "Yedek",
       "backupTitle": "Yedekleme ve Geri Yükleme",
diff --git a/internal/web/translation/uk-UA.json b/internal/web/translation/uk-UA.json
index 0eff86b61..8225f50aa 100644
--- a/internal/web/translation/uk-UA.json
+++ b/internal/web/translation/uk-UA.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Інсталяція триває, будь ласка, не оновлюйте цю сторінку",
       "logs": "Логи",
       "accessLogs": "Логи доступу",
+      "autoUpdate": "Автооновлення",
       "config": "Конфігурація",
       "backup": "Резервна копія",
       "backupTitle": "Резервне копіювання та відновлення",
diff --git a/internal/web/translation/vi-VN.json b/internal/web/translation/vi-VN.json
index f22c41ecd..376b6227d 100644
--- a/internal/web/translation/vi-VN.json
+++ b/internal/web/translation/vi-VN.json
@@ -246,6 +246,7 @@
       "dontRefresh": "Đang tiến hành cài đặt, vui lòng không làm mới trang này.",
       "logs": "Nhật ký",
       "accessLogs": "Nhật ký truy cập",
+      "autoUpdate": "Tự động cập nhật",
       "config": "Cấu hình",
       "backup": "Sao lưu",
       "backupTitle": "Sao lưu & Khôi phục",
diff --git a/internal/web/translation/zh-CN.json b/internal/web/translation/zh-CN.json
index c432a00e2..94739bdbc 100644
--- a/internal/web/translation/zh-CN.json
+++ b/internal/web/translation/zh-CN.json
@@ -246,6 +246,7 @@
       "dontRefresh": "安装中，请勿刷新此页面",
       "logs": "日志",
       "accessLogs": "访问日志",
+      "autoUpdate": "自动更新",
       "config": "配置",
       "backup": "备份",
       "backupTitle": "备份和恢复",
diff --git a/internal/web/translation/zh-TW.json b/internal/web/translation/zh-TW.json
index acda76ea1..8beab1ce9 100644
--- a/internal/web/translation/zh-TW.json
+++ b/internal/web/translation/zh-TW.json
@@ -246,6 +246,7 @@
       "dontRefresh": "安裝中，請勿重新整理此頁面",
       "logs": "記錄",
       "accessLogs": "存取記錄",
+      "autoUpdate": "自動更新",
       "config": "配置",
       "backup": "備份",
       "backupTitle": "備份和恢復",