lablup · graphite-app · Nov 19, 2025 · Nov 19, 2025
diff --git a/react/src/components/AutoRefreshSwitch.tsx b/react/src/components/AutoRefreshSwitch.tsx
@@ -1,31 +1,32 @@
-import { useRafInterval } from 'ahooks';
-import { Switch, Typography } from 'antd';
+import { Switch, SwitchProps, Typography } from 'antd';
 import { BAIFlex } from 'backend.ai-ui';
-import React, { useState } from 'react';
+import React from 'react';
+import { useInterval } from 'src/hooks/useIntervalValue';
 
 const { Text } = Typography;
 
-interface Props {
+interface Props extends SwitchProps {
   children?: React.ReactNode;
   onRefresh: () => void;
-  interval: number;
+  interval: number | null;
 }
+
 const AutoRefreshSwitch: React.FC<Props> = ({
   children,
   interval,
   onRefresh,
+  ...switchProps
 }) => {
-  const [on, setOn] = useState(true);
-
-  useRafInterval(
+  useInterval(
     () => {
       onRefresh();
     },
-    on ? interval : undefined,
+    switchProps.checked ? interval : null,
   );
+
   return (
     <BAIFlex direction="row" gap={'xs'}>
-      <Switch size="small" checked={on} onChange={setOn} />
+      <Switch size="small" {...switchProps} />
       <Text>{children}</Text>
     </BAIFlex>
   );

diff --git a/react/src/components/ComputeSessionNodeItems/ContainerLogModal.tsx b/react/src/components/ComputeSessionNodeItems/ContainerLogModal.tsx
@@ -3,16 +3,26 @@ import { downloadBlob } from '../../helper/csv-util';
 import { useSuspendedBackendaiClient } from '../../hooks';
 import { useTanQuery } from '../../hooks/reactQueryAlias';
 import { useMemoWithPrevious } from '../../hooks/useMemoWithPrevious';
+import AutoRefreshSwitch from '../AutoRefreshSwitch';
 import BAISelect from '../BAISelect';
 import { ReloadOutlined } from '@ant-design/icons';
 import { LazyLog, ScrollFollow } from '@melloware/react-logviewer';
-import { Button, Divider, Grid, theme, Tooltip, Typography } from 'antd';
+import {
+  Button,
+  Divider,
+  Grid,
+  InputNumber,
+  theme,
+  Tooltip,
+  Typography,
+} from 'antd';
 import { BAIFlex, BAIModal, BAIModalProps } from 'backend.ai-ui';
 import _ from 'lodash';
 import { DownloadIcon } from 'lucide-react';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { graphql, useFragment } from 'react-relay';
+import { useBAISettingUserState } from 'src/hooks/useBAISetting';
 
 interface ContainerLogModalProps extends BAIModalProps {
   sessionFrgmt: ContainerLogModalFragment$key | null;
@@ -24,9 +34,18 @@ const ContainerLogModal: React.FC<ContainerLogModalProps> = ({
   defaultKernelId,
   ...modalProps
 }) => {
+  'use memo';
   const baiClient = useSuspendedBackendaiClient();
   const { token } = theme.useToken();
 
+  const [autoRefreshEnabled, setAutoRefreshEnabled] = useBAISettingUserState(
+    'container_log_auto_refresh_enabled',
+  );
+  const [autoRefreshInterval, setAutoRefreshInterval] = useBAISettingUserState(
+    'container_log_auto_refresh_interval',
+  );
+  const autoRefreshIntervalValue = autoRefreshInterval || 5_000;
+
   const session = useFragment(
     graphql`
       fragment ContainerLogModalFragment on ComputeSessionNode {
@@ -86,7 +105,7 @@ const ContainerLogModal: React.FC<ContainerLogModalProps> = ({
         .get_logs(session?.row_id, session?.access_key, selectedKernelId, 15000)
         .then((req: any) => req.result.logs);
     },
-    staleTime: 5000,
+    staleTime: autoRefreshIntervalValue,
   });
 
   const [lastLineNumbers, { resetPrevious: resetPreviousLineNumber }] =
@@ -174,27 +193,6 @@ const ContainerLogModal: React.FC<ContainerLogModalProps> = ({
               .value()}
           />
           <Divider type="vertical" />
-          {/* Request logs
-          <Select
-            value={logSize}
-            options={[
-              {
-                label: 'last 100 lines',
-                value: 100,
-              },
-              {
-                label: 'Full logs',
-                value: 'full',
-              },
-            ]}
-            onChange={(value) => {
-              setLogSize(value);
-              if(value!=='full'){
-                resetPreviousLineNumber();
-              }
-              refetch();
-            }}
-          ></Select> */}
           <Tooltip title={t('button.Download')}>
             <Button
               size="middle"
@@ -217,6 +215,29 @@ const ContainerLogModal: React.FC<ContainerLogModalProps> = ({
               onClick={() => refetch()}
             />
           </Tooltip>
+          <BAIFlex gap="xs" align="center">
+            <AutoRefreshSwitch
+              checked={autoRefreshEnabled}
+              onChange={setAutoRefreshEnabled}
+              interval={isRefetching ? null : autoRefreshIntervalValue}
+              onRefresh={() => {
+                refetch();
+              }}
+            >
+              {t('button.AutoRefresh')}:
+            </AutoRefreshSwitch>
+            <InputNumber
+              min={3}
+              value={(autoRefreshIntervalValue ?? 1000) / 1000}
+              onChange={(value) => {
+                if (typeof value === 'number') {
+                  setAutoRefreshInterval(value * 1000);
+                }
+              }}
+              addonAfter={t('time.Sec')}
+              style={{ maxWidth: 150 }}
+            />
+          </BAIFlex>
         </BAIFlex>
 
         <div

diff --git a/react/src/hooks/useBAISetting.tsx b/react/src/hooks/useBAISetting.tsx
@@ -35,6 +35,8 @@ interface UserSettings {
 
   classic_session_list?: boolean; // `experimental_neo_session_list` has been replaced with `classic_session_list`
   max_concurrent_uploads?: number;
+  container_log_auto_refresh_enabled?: boolean;
+  container_log_auto_refresh_interval?: number;
 }
 
 export type SessionHistory = {

diff --git a/resources/i18n/de.json b/resources/i18n/de.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Hinzufügen",
     "Apply": "Bewerbung",
+    "AutoRefresh": "Automatische Aktualisierung",
     "Cancel": "Stornieren",
     "Clear": "Löschen",
     "ClearLogs": "Protokolle löschen",

diff --git a/resources/i18n/el.json b/resources/i18n/el.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Προσθήκη",
     "Apply": "Εφαρμογή",
+    "AutoRefresh": "Αυτόματη ανανέωση",
     "Cancel": "Ματαίωση",
     "Clear": "Διαγράφω",
     "ClearLogs": "Εκκαθάριση αρχείων καταγραφής",

diff --git a/resources/i18n/en.json b/resources/i18n/en.json
@@ -63,6 +63,7 @@
   "button": {
     "Add": "Add",
     "Apply": "Apply",
+    "AutoRefresh": "Auto refresh",
     "Cancel": "Cancel",
     "Clear": "Clear",
     "ClearLogs": "Clear Logs",

diff --git a/resources/i18n/es.json b/resources/i18n/es.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Añadir",
     "Apply": "Solicitar",
+    "AutoRefresh": "Actualización automática",
     "Cancel": "Cancelar",
     "Clear": "Borrar",
     "ClearLogs": "Borrar registros",

diff --git a/resources/i18n/fi.json b/resources/i18n/fi.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Lisää",
     "Apply": "Hae",
+    "AutoRefresh": "Automaattinen päivitys",
     "Cancel": "Peruuta",
     "Clear": "Poistaa",
     "ClearLogs": "Tyhjennä lokit",

diff --git a/resources/i18n/fr.json b/resources/i18n/fr.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Ajouter",
     "Apply": "Appliquer",
+    "AutoRefresh": "Actualisation automatique",
     "Cancel": "Annuler",
     "Clear": "Supprimer",
     "ClearLogs": "Effacer les journaux",

diff --git a/resources/i18n/id.json b/resources/i18n/id.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Tambah",
     "Apply": "Menerapkan",
+    "AutoRefresh": "Penyegaran otomatis",
     "Cancel": "Batalkan",
     "Clear": "Menghapus",
     "ClearLogs": "Hapus Log",

diff --git a/resources/i18n/it.json b/resources/i18n/it.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Inserisci",
     "Apply": "Applicare",
+    "AutoRefresh": "Aggiornamento automatico",
     "Cancel": "Annulla",
     "Clear": "Eliminare",
     "ClearLogs": "Cancella registri",

diff --git a/resources/i18n/ja.json b/resources/i18n/ja.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "追加",
     "Apply": "応募する",
+    "AutoRefresh": "自動更新",
     "Cancel": "キャンセル",
     "Clear": "消去",
     "ClearLogs": "ログをクリアする",

diff --git a/resources/i18n/ko.json b/resources/i18n/ko.json
@@ -62,6 +62,7 @@
   "button": {
     "Add": "추가",
     "Apply": "적용",
+    "AutoRefresh": "자동 새로고침",
     "Cancel": "취소",
     "Clear": "삭제",
     "ClearLogs": "로그 삭제",

diff --git a/resources/i18n/mn.json b/resources/i18n/mn.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Нэмэх",
     "Apply": "Өргөдөл гаргах",
+    "AutoRefresh": "Автоматаар шинэчлэх",
     "Cancel": "Цуцлах",
     "Clear": "Устгах",
     "ClearLogs": "Бүртгэлийг арилгах",

diff --git a/resources/i18n/ms.json b/resources/i18n/ms.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Tambah",
     "Apply": "Mohon",
+    "AutoRefresh": "Penyegaran automatik",
     "Cancel": "Batal",
     "Clear": "Padam",
     "ClearLogs": "Kosongkan Log",

diff --git a/resources/i18n/pl.json b/resources/i18n/pl.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Dodaj",
     "Apply": "Zastosuj",
+    "AutoRefresh": "Automatyczne odświeżanie",
     "Cancel": "Anuluj",
     "Clear": "Usuwać",
     "ClearLogs": "Wyczyść dzienniki",

diff --git a/resources/i18n/pt-BR.json b/resources/i18n/pt-BR.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Adicionar",
     "Apply": "Aplicar",
+    "AutoRefresh": "Atualização automática",
     "Cancel": "Cancelar",
     "Clear": "Excluir",
     "ClearLogs": "Limpar registros",

diff --git a/resources/i18n/pt.json b/resources/i18n/pt.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Adicionar",
     "Apply": "Aplicar",
+    "AutoRefresh": "Atualização automática",
     "Cancel": "Cancelar",
     "Clear": "Excluir",
     "ClearLogs": "Limpar registros",

diff --git a/resources/i18n/ru.json b/resources/i18n/ru.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Добавлять",
     "Apply": "Применить",
+    "AutoRefresh": "Автообновление",
     "Cancel": "Отмена",
     "Clear": "Удалить",
     "ClearLogs": "Очистить журналы",

diff --git a/resources/i18n/th.json b/resources/i18n/th.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "เพิ่ม",
     "Apply": "นำมาใช้",
+    "AutoRefresh": "รีเฟรชอัตโนมัติ",
     "Cancel": "ยกเลิก",
     "Clear": "ล้าง",
     "ClearLogs": "ล้างบันทึก",

diff --git a/resources/i18n/tr.json b/resources/i18n/tr.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Ekle",
     "Apply": "Başvurmak",
+    "AutoRefresh": "Otomatik yenileme",
     "Cancel": "İptal etmek",
     "Clear": "Silmek",
     "ClearLogs": "Günlükleri Temizle",

diff --git a/resources/i18n/vi.json b/resources/i18n/vi.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "Thêm vào",
     "Apply": "Áp dụng",
+    "AutoRefresh": "Tự động làm mới",
     "Cancel": "Huỷ bỏ",
     "Clear": "Xóa bỏ",
     "ClearLogs": "Xóa các bản ghi",

diff --git a/resources/i18n/zh-CN.json b/resources/i18n/zh-CN.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "添加",
     "Apply": "申请",
+    "AutoRefresh": "自动刷新",
     "Cancel": "取消",
     "Clear": "删除",
     "ClearLogs": "清除日志",

diff --git a/resources/i18n/zh-TW.json b/resources/i18n/zh-TW.json
@@ -60,6 +60,7 @@
   "button": {
     "Add": "添加",
     "Apply": "申请",
+    "AutoRefresh": "自動重新整理",
     "Cancel": "取消",
     "Clear": "刪除",
     "ClearLogs": "清除日誌",