From 204dbddef78111c55ee852492bbdf5e189b66a5b Mon Sep 17 00:00:00 2001
From: SiriusAhu <SiriusLLLUUU@outlook.com>
Date: Wed, 6 May 2026 09:02:20 +0800
Subject: [PATCH] fix: resolve WebUI DBUG mismatch and mobile log wrapping

---
 .../components/shared/ConsoleDisplayer.vue    | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/shared/ConsoleDisplayer.vue b/dashboard/src/components/shared/ConsoleDisplayer.vue
index 8789925cac..b89fe90014 100644
--- a/dashboard/src/components/shared/ConsoleDisplayer.vue
+++ b/dashboard/src/components/shared/ConsoleDisplayer.vue
@@ -280,7 +280,7 @@ export default {
     },
 
     appendLogContent(element, log) {
-      const levelMatch = log.match(/\[(DEBG|INFO|WARN|ERRO|CRIT|DEBUG|WARNING|ERROR|CRITICAL)\]/);
+      const levelMatch = log.match(/\[(DBUG|INFO|WARN|ERRO|CRIT|DEBUG|WARNING|ERROR|CRITICAL)\]/);
       if (!levelMatch) {
         element.innerText = `${log}`;
         return;
@@ -361,6 +361,7 @@ export default {
   background-color: #1e1e1e;
   border-radius: 8px;
   height: 100%;
+  overflow-x: auto;
   overflow-y: auto;
   padding: 16px;
 }
@@ -400,6 +401,22 @@ export default {
   overflow-wrap: anywhere;
 }
 
+@media (max-width: 768px) {
+  .console-term {
+    padding: 12px;
+  }
+
+  :deep(.console-log-line--structured) {
+    min-width: max-content;
+  }
+
+  :deep(.console-log-message) {
+    overflow-wrap: normal;
+    word-break: normal;
+    white-space: pre;
+  }
+}
+
 :deep(.fade-in) {
   animation: fadeIn 0.3s;
 }