feat(debug-info): redesign diagnostics dashboard

src/public/locales/ar-SA.json

@@ -6136,6 +6136,9 @@
 				}
 			}
 		},
+		"normal": "طبيعي",
+		"memoryUsage": "استخدام الذاكرة",
+		"realtimeLogs": "السجلات المباشرة",
 		"update": {
 			"failed": "فشل طلب التحديث",
 			"now": "قم بالتحديث وإعادة التشغيل الآن",

src/public/locales/de-DE.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "Normal",
+		"memoryUsage": "Speichernutzung",
+		"realtimeLogs": "Live-Protokoll",
 		"update": {
 			"failed": "Die Aktualisierungsanforderung ist fehlgeschlagen",
 			"now": "Jetzt aktualisieren und neu starten",

src/public/locales/emoji.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "✅",
+		"memoryUsage": "🧠📈",
+		"realtimeLogs": "📜🔴",
 		"update": {
 			"failed": "❌🔄",
 			"now": "🆕🔄▶️",

src/public/locales/en-UK.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "Normal",
+		"memoryUsage": "Memory usage",
+		"realtimeLogs": "Live logs",
 		"update": {
 			"failed": "Update request failed",
 			"now": "Update and restart now",

src/public/locales/es-ES.json

@@ -6132,6 +6132,9 @@
 				}
 			}
 		},
+		"normal": "Normal",
+		"memoryUsage": "Uso de memoria",
+		"realtimeLogs": "Registros en vivo",
 		"update": {
 			"failed": "Error en la solicitud de actualización",
 			"now": "Actualiza y reinicia ahora",

src/public/locales/fr-FR.json

@@ -6132,6 +6132,9 @@
 				}
 			}
 		},
+		"normal": "Normal",
+		"memoryUsage": "Utilisation de la mémoire",
+		"realtimeLogs": "Journaux en direct",
 		"update": {
 			"failed": "La demande de mise à jour a échoué",
 			"now": "Mettre à jour et redémarrer maintenant",

src/public/locales/hi-IN.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "सामान्य",
+		"memoryUsage": "मेमोरी उपयोग",
+		"realtimeLogs": "लाइव लॉग",
 		"update": {
 			"failed": "अद्यतन अनुरोध विफल रहा",
 			"now": "अभी अपडेट करें और पुनः प्रारंभ करें",

src/public/locales/is-IS.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "Eðlilegt",
+		"memoryUsage": "Minnisnotkun",
+		"realtimeLogs": "Lifandi annáll",
 		"update": {
 			"failed": "Uppfærslubeiðni mistókst",
 			"now": "Uppfærðu og endurræstu núna",

src/public/locales/it-IT.json

@@ -6132,6 +6132,9 @@
 				}
 			}
 		},
+		"normal": "Normale",
+		"memoryUsage": "Utilizzo memoria",
+		"realtimeLogs": "Log in tempo reale",
 		"update": {
 			"failed": "Richiesta di aggiornamento non riuscita",
 			"now": "Aggiorna e riavvia ora",

src/public/locales/ja-JP.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "正常",
+		"memoryUsage": "メモリ使用率",
+		"realtimeLogs": "リアルタイムログ",
 		"update": {
 			"failed": "更新リクエストが失敗しました",
 			"now": "今すぐ更新して再起動",

src/public/locales/ko-KR.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "정상",
+		"memoryUsage": "메모리 사용률",
+		"realtimeLogs": "실시간 로그",
 		"update": {
 			"failed": "업데이트 요청 실패",
 			"now": "지금 업데이트하고 다시 시작하세요",

src/public/locales/lzh.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "正常",
+		"memoryUsage": "記憶體用量",
+		"realtimeLogs": "即時誌",
 		"update": {
 			"failed": "更之請未遂",
 			"now": "當即更並重啟",

src/public/locales/nl-NL.json

@@ -6132,6 +6132,9 @@
 				}
 			}
 		},
+		"normal": "Normaal",
+		"memoryUsage": "Geheugengebruik",
+		"realtimeLogs": "Live-logboek",
 		"update": {
 			"failed": "Updateverzoek is mislukt",
 			"now": "Update en start nu opnieuw",

src/public/locales/pt-PT.json

@@ -6132,6 +6132,9 @@
 				}
 			}
 		},
+		"normal": "Normal",
+		"memoryUsage": "Utilização de memória",
+		"realtimeLogs": "Registos em direto",
 		"update": {
 			"failed": "Falha na solicitação de atualização",
 			"now": "Atualize e reinicie agora",

src/public/locales/ru-RU.json

@@ -6134,6 +6134,9 @@
 				}
 			}
 		},
+		"normal": "Норма",
+		"memoryUsage": "Использование памяти",
+		"realtimeLogs": "Журнал в реальном времени",
 		"update": {
 			"failed": "Запрос на обновление не выполнен",
 			"now": "Обновите и перезапустите сейчас",

src/public/locales/uk-UA.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "Норма",
+		"memoryUsage": "Використання пам’яті",
+		"realtimeLogs": "Журнал у реальному часі",
 		"update": {
 			"failed": "Помилка запиту на оновлення",
 			"now": "Оновіть і перезапустіть зараз",

src/public/locales/vi-VN.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "Bình thường",
+		"memoryUsage": "Mức sử dụng bộ nhớ",
+		"realtimeLogs": "Nhật ký thời gian thực",
 		"update": {
 			"failed": "Yêu cầu cập nhật không thành công",
 			"now": "Cập nhật và khởi động lại ngay",

src/public/locales/zh-CN.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "正常",
+		"memoryUsage": "内存使用率",
+		"realtimeLogs": "实时日志",
 		"update": {
 			"failed": "更新请求失败",
 			"now": "立即更新并重启",

src/public/locales/zh-TW.json

@@ -6126,6 +6126,9 @@
 				}
 			}
 		},
+		"normal": "正常",
+		"memoryUsage": "記憶體使用率",
+		"realtimeLogs": "即時日誌",
 		"update": {
 			"failed": "更新請求失敗",
 			"now": "立即更新並重啟",

src/public/pages/log_viewer/index.css

@@ -3,6 +3,43 @@
 	font-size: 12.5px;
 }
 
+html[data-embedded="debug-info"],
+html[data-embedded="debug-info"] body,
+html[data-embedded="debug-info"] main {
+	background: transparent;
+}
+
+html[data-embedded="debug-info"] main {
+	padding: 0;
+}
+
+html[data-embedded="debug-info"] .log-container {
+	border: 0;
+	border-radius: 0;
+	box-shadow: none;
+	background: transparent;
+}
+
+html[data-embedded="debug-info"] .log-toolbar {
+	min-height: 2.75rem;
+	padding: .4rem .75rem;
+	border-bottom: var(--border) solid var(--border-color);
+	background: color-mix(in oklch, var(--surface-raised) 72%, transparent);
+}
+
+html[data-embedded="debug-info"] #backend-log-list {
+	background: var(--surface-sunken);
+}
+
+html[data-embedded="debug-info"] .log-row {
+	min-height: 1.7rem;
+	padding: .2rem .9rem;
+}
+
+html[data-embedded="debug-info"] .repl-panel {
+	display: none;
+}
+
 .log-row {
 	display: flex;
 	align-items: flex-start;

src/public/pages/log_viewer/index.mjs

@@ -9,6 +9,9 @@ import { createLogsWs, openSource } from './endpoints.mjs'
 import { renderLogItem, createLogToolbar, entryMatchesFilter } from './log.mjs'
 import { initRepl, mountReplPanel } from './repl/index.mjs'
 
+if (new URLSearchParams(location.search).get('embedded') === 'debug-info')
+	document.documentElement.dataset.embedded = 'debug-info'
+
 applyTheme()
 await initTranslations('log_viewer')