From 3e00ebd067f48ba8c81115260127d938d23a2dd3 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Mon, 23 Jun 2025 12:55:49 +0300
Subject: [PATCH] fix big in tailing log

---
 app/routes/socket/connection.py |  2 +-
 ui/pages/logs.vue               | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/routes/socket/connection.py b/app/routes/socket/connection.py
index 7977fe06..192a719d 100644
--- a/app/routes/socket/connection.py
+++ b/app/routes/socket/connection.py
@@ -77,7 +77,7 @@ async def subscribe(config: Config, notify: EventBus, sio: socketio.AsyncServer,
         await sio.emit(Events.SUBSCRIBED, data={"event": data}, to=sid)
 
     async def emit_logs(data: dict):
-        await subscribe_emit(sio=sio, event=data, data=data)
+        await subscribe_emit(sio=sio, event="log_lines", data=data)
 
     if "log_lines" == data and _Data.log_task is None:
         log_file = Path(config.config_path) / "logs" / "app.log"
diff --git a/ui/pages/logs.vue b/ui/pages/logs.vue
index 572a6ac7..b1da8883 100644
--- a/ui/pages/logs.vue
+++ b/ui/pages/logs.vue
@@ -123,16 +123,17 @@ const socket = useSocketStore()
 const config = useConfigStore()
 const route = useRoute()
 
+const logContainer = useTemplateRef<HTMLDivElement>('logContainer')
+const bottomMarker = useTemplateRef<HTMLDivElement>('bottomMarker')
+const textWrap = useStorage<boolean>('logs_wrap', true)
+const bg_enable = useStorage<boolean>('random_bg', true)
+const bg_opacity = useStorage<number>('random_bg_opacity', 0.85)
+
 const logs = ref<Array<log_line>>([])
 const offset = ref<number>(0)
 const loading = ref<boolean>(false)
-const logContainer = useTemplateRef<HTMLDivElement>('logContainer')
-const bottomMarker = useTemplateRef<HTMLDivElement>('bottomMarker')
 const autoScroll = ref<boolean>(true)
-const textWrap = ref<boolean>(true)
 const reachedEnd = ref<boolean>(false)
-const bg_enable = useStorage<boolean>('random_bg', true)
-const bg_opacity = useStorage<number>('random_bg_opacity', 0.85)
 
 const query = ref<string>((() => {
   const filter = route.query.filter ?? ''