From 441b07c79c62bcf66c0b6bf5684627648afd64af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20Ko=CC=88ninger?=
 <stephan.koeninger@codecentric.de>
Date: Sun, 22 Feb 2026 18:06:24 +0100
Subject: [PATCH 1/3] chore: add auto-update for journal

---
 .../main/frontend/views/journal/i18n.de.json  |  6 +--
 .../main/frontend/views/journal/i18n.en.json  |  6 +--
 .../main/frontend/views/journal/i18n.es.json  | 17 +++++++--
 .../main/frontend/views/journal/i18n.fr.json  | 17 +++++++--
 .../main/frontend/views/journal/i18n.is.json  | 17 ++++++++-
 .../main/frontend/views/journal/i18n.ko.json  | 17 ++++++++-
 .../frontend/views/journal/i18n.pt-BR.json    | 17 ++++++++-
 .../main/frontend/views/journal/i18n.ru.json  | 17 ++++++++-
 .../frontend/views/journal/i18n.zh-CN.json    | 17 ++++++++-
 .../frontend/views/journal/i18n.zh-TW.json    |  6 +--
 .../src/main/frontend/views/journal/index.vue | 37 ++++++++++++++++---
 11 files changed, 148 insertions(+), 26 deletions(-)

diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.de.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.de.json
index 7a36df83abb..b5ae6d01a83 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.de.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.de.json
@@ -2,9 +2,9 @@
   "journal": {
     "title": "Ereignis-Journal",
     "label": "Journal",
-    "per_page": {
-      "per_page": "Pro Seite:",
-      "all": "Alle"
+    "auto_update": "Ereignisse automatisch aktualisieren",
+    "error": {
+      "generic": "Fehler beim Abrufen neuer Ereignisse vom Server"
     },
     "filter": {
       "application": {
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.en.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.en.json
index e47417fdb31..215ccd23271 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.en.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.en.json
@@ -2,9 +2,9 @@
   "journal": {
     "title": "Event Journal",
     "label": "Journal",
-    "per_page": {
-      "per_page": "Per page:",
-      "all": "All"
+    "auto_update": "Auto-update events",
+    "error": {
+      "generic": "Error retrieving new events from server"
     },
     "filter": {
       "application": {
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.es.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.es.json
index 90ca0e7a400..fba877153c1 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.es.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.es.json
@@ -2,9 +2,20 @@
   "journal": {
     "title": "Bitácora de eventos",
     "label": "Eventos",
-    "per_page": {
-      "per_page": "Por página:",
-      "all": "Todos"
+    "auto_update": "Actualizar eventos automáticamente",
+    "error": {
+      "generic": "Error al recuperar nuevos eventos del servidor"
+    },
+    "filter": {
+      "application": {
+        "any": "Cualquiera"
+      },
+      "event_type": {
+        "any": "Cualquiera"
+      },
+      "instance_id": {
+        "any": "Cualquiera"
+      }
     }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.fr.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.fr.json
index 5463a08bf43..f92b75da82e 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.fr.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.fr.json
@@ -2,9 +2,20 @@
   "journal": {
     "title": "Journal d'évènements",
     "label": "Journal",
-    "per_page": {
-      "per_page": "Par page:",
-      "all": "Tous"
+    "auto_update": "Mise à jour automatique des événements",
+    "error": {
+      "generic": "Erreur lors de la récupération de nouveaux événements du serveur"
+    },
+    "filter": {
+      "application": {
+        "any": "Tous"
+      },
+      "event_type": {
+        "any": "Tous"
+      },
+      "instance_id": {
+        "any": "Tous"
+      }
     }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.is.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.is.json
index f2e70ebdf27..ee379399d8d 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.is.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.is.json
@@ -1,6 +1,21 @@
 {
   "journal": {
     "title": "Atburðaannáll",
-    "label": "Annáll"
+    "label": "Annáll",
+    "auto_update": "Sjálfvirk uppfærsla atburða",
+    "error": {
+      "generic": "Villa við að sækja nýja atburði frá þjóni"
+    },
+    "filter": {
+      "application": {
+        "any": "Allt"
+      },
+      "event_type": {
+        "any": "Allt"
+      },
+      "instance_id": {
+        "any": "Allt"
+      }
+    }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ko.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ko.json
index 915487ef39c..c7ad827f1ea 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ko.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ko.json
@@ -1,6 +1,21 @@
 {
   "journal": {
     "title": "이벤트 일지",
-    "label": "일지"
+    "label": "일지",
+    "auto_update": "이벤트 자동 업데이트",
+    "error": {
+      "generic": "서버에서 새 이벤트를 가져오는 중 오류가 발생했습니다"
+    },
+    "filter": {
+      "application": {
+        "any": "전체"
+      },
+      "event_type": {
+        "any": "전체"
+      },
+      "instance_id": {
+        "any": "전체"
+      }
+    }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.pt-BR.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.pt-BR.json
index da2a7c846d2..0d327d28093 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.pt-BR.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.pt-BR.json
@@ -1,6 +1,21 @@
 {
   "journal": {
     "title": "Registro de Eventos",
-    "label": "Registro"
+    "label": "Registro",
+    "auto_update": "Atualizar eventos automaticamente",
+    "error": {
+      "generic": "Erro ao recuperar novos eventos do servidor"
+    },
+    "filter": {
+      "application": {
+        "any": "Qualquer"
+      },
+      "event_type": {
+        "any": "Qualquer"
+      },
+      "instance_id": {
+        "any": "Qualquer"
+      }
+    }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ru.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ru.json
index 43a87985057..39d67e5bc3f 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ru.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.ru.json
@@ -1,6 +1,21 @@
 {
   "journal": {
     "title": "Журнал событий",
-    "label": "Журнал"
+    "label": "Журнал",
+    "auto_update": "Автоматическое обновление событий",
+    "error": {
+      "generic": "Ошибка при получении новых событий с сервера"
+    },
+    "filter": {
+      "application": {
+        "any": "Любое"
+      },
+      "event_type": {
+        "any": "Любой"
+      },
+      "instance_id": {
+        "any": "Любой"
+      }
+    }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-CN.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-CN.json
index ca43b9b8577..a3dbe242c02 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-CN.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-CN.json
@@ -1,6 +1,21 @@
 {
   "journal": {
     "title": "事件日志",
-    "label": "日志报表"
+    "label": "日志报表",
+    "auto_update": "自动更新事件",
+    "error": {
+      "generic": "从服务器检索新事件时出错"
+    },
+    "filter": {
+      "application": {
+        "any": "任意"
+      },
+      "event_type": {
+        "any": "任意"
+      },
+      "instance_id": {
+        "any": "任意"
+      }
+    }
   }
 }
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-TW.json b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-TW.json
index b63586e93c1..5fe256adddd 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-TW.json
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/i18n.zh-TW.json
@@ -2,9 +2,9 @@
   "journal": {
     "title": "事件日誌",
     "label": "日誌",
-    "per_page": {
-      "per_page": "每頁：",
-      "all": "全部"
+    "auto_update": "自動更新事件",
+    "error": {
+      "generic": "從伺服器檢索新事件時發生錯誤"
     },
     "filter": {
       "application": {
diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
index 51af1b241c6..f7ac1f860bb 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
@@ -30,15 +30,23 @@
           v-text="`${getName(filter.instanceId)} (${filter.instanceId})`"
         />
       </div>
+      <div class="flex items-center">
+        <label class="flex items-center cursor-pointer">
+          <input v-model="autoUpdate" type="checkbox" class="mr-2" />
+          <span v-text="$t('journal.auto_update')" />
+        </label>
+      </div>
     </div>
 
     <sba-alert :error="error" />
 
-    <JournalTable :events="events" :applications="applications" />
+    <JournalTable :events="listedEvents" :applications="applications" />
   </div>
 </template>
 
 <script>
+import { useI18n } from 'vue-i18n';
+
 import SbaAlert from '@/components/sba-alert';
 
 import { useApplicationStore } from '@/composables/useApplicationStore';
@@ -46,8 +54,10 @@ import { useDateTimeFormatter } from '@/composables/useDateTimeFormatter';
 import subscribing from '@/mixins/subscribing';
 import Instance from '@/services/instance';
 import { compareBy } from '@/utils/collections';
-import { InstanceEvent } from '@/views/journal/InstanceEvent';
-import { InstanceEventType } from '@/views/journal/InstanceEvent';
+import {
+  InstanceEvent,
+  InstanceEventType,
+} from '@/views/journal/InstanceEvent';
 import JournalTable from '@/views/journal/JournalTable.vue';
 import { deduplicateInstanceEvents } from '@/views/journal/deduplicate-events';
 
@@ -57,8 +67,10 @@ export default {
   setup() {
     const { formatDateTime } = useDateTimeFormatter();
     const { applications } = useApplicationStore();
+    const i18n = useI18n();
 
     return {
+      t: i18n.t,
       formatDate: formatDateTime,
       applications,
     };
@@ -72,12 +84,16 @@ export default {
     pageSize: 25,
     current: 1,
     error: null,
+    autoUpdate: true,
     filter: {
       application: undefined,
       instanceId: undefined,
     },
   }),
   computed: {
+    listedEvents() {
+      return this.events.slice(this.listOffset);
+    },
     instanceNames() {
       return this.events
         .filter(
@@ -92,6 +108,13 @@ export default {
         }, {});
     },
   },
+  watch: {
+    autoUpdate: function (value) {
+      if (value) {
+        this.listOffset = 0;
+      }
+    },
+  },
   async created() {
     try {
       const response = await Instance.fetchEvents();
@@ -111,7 +134,7 @@ export default {
       this.error = null;
     } catch (error) {
       console.warn('Fetching events failed:', error);
-      this.error = error;
+      this.error = this.t('journal.error.generic');
     }
   },
   methods: {
@@ -128,11 +151,13 @@ export default {
           }
           this.seenEventKeys.add(incomingEvent.key);
           this.events = Object.freeze([incomingEvent, ...this.events]);
-          this.listOffset += 1;
+          if (!this.autoUpdate) {
+            this.listOffset += 1;
+          }
         },
         error: (error) => {
           console.warn('Listening for events failed:', error);
-          this.error = error;
+          this.error = this.t('journal.error.generic');
         },
       });
     },

From 6aa622a283afe5e8dfa67313134a890fd03c6b1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20Ko=CC=88ninger?=
 <stephan.koeninger@codecentric.de>
Date: Sun, 22 Feb 2026 18:56:31 +0100
Subject: [PATCH 2/3] chore: add data-key attribute and key mapping in
 JournalTable

---
 .../src/main/frontend/views/journal/JournalTable.vue            | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/JournalTable.vue b/spring-boot-admin-server-ui/src/main/frontend/views/journal/JournalTable.vue
index a96cac980ed..b3ce3bcf6ef 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/JournalTable.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/JournalTable.vue
@@ -19,6 +19,7 @@
     v-model:filters="filters"
     v-model:expanded-rows="expandedRows"
     striped-rows
+    data-key="key"
     :value="mappedEvents"
     paginator
     sort-field="date"
@@ -225,6 +226,7 @@ const applicationNamesByInstanceId = computed(() => {
 const mappedEvents = computed(() => {
   return events.map((e) => ({
     ...e,
+    key: e.key,
     date: new Date(e.timestamp),
     application: applicationNamesByInstanceId.value[e.instance],
   }));

From 489069c241604bf289f93b35d718083edc1ed516 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20Ko=CC=88ninger?=
 <stephan.koeninger@codecentric.de>
Date: Fri, 27 Feb 2026 11:36:20 +0100
Subject: [PATCH 3/3] chore: enhance auto-update toggle in JournalTable with
 button and icon

---
 .../src/main/frontend/views/journal/index.vue    | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
index f7ac1f860bb..33bfa36cb15 100644
--- a/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
+++ b/spring-boot-admin-server-ui/src/main/frontend/views/journal/index.vue
@@ -30,11 +30,15 @@
           v-text="`${getName(filter.instanceId)} (${filter.instanceId})`"
         />
       </div>
-      <div class="flex items-center">
-        <label class="flex items-center cursor-pointer">
-          <input v-model="autoUpdate" type="checkbox" class="mr-2" />
-          <span v-text="$t('journal.auto_update')" />
-        </label>
+      <div class="flex items-center gap-2">
+        <span class="hidden md:inline" v-text="$t('journal.auto_update')" />
+        <sba-button
+          :title="$t('journal.auto_update')"
+          :primary="autoUpdate"
+          @click="autoUpdate = !autoUpdate"
+        >
+          <font-awesome-icon :icon="faArrowsDownToLine" />
+        </sba-button>
       </div>
     </div>
 
@@ -45,6 +49,7 @@
 </template>
 
 <script>
+import { faArrowsDownToLine } from '@fortawesome/free-solid-svg-icons';
 import { useI18n } from 'vue-i18n';
 
 import SbaAlert from '@/components/sba-alert';
@@ -72,6 +77,7 @@ export default {
     return {
       t: i18n.t,
       formatDate: formatDateTime,
+      faArrowsDownToLine,
       applications,
     };
   },