feat: show P2P diagnostics in the status pane and log

Show expandable relay, peer, and sync observations below Stats and route Diag
events to the existing Log Pane without notification or editor-status churn.
Retain departed-peer evidence and replay logs recorded before the pane opens.

Keep narrow panes usable with wrapping peer controls, readable device names,
and larger buttons. Add browser regressions for disclosure, control bounds,
button targets, and existing actions.
This commit is contained in:
vorotamoroz committed 2026-11-06 12:17:31 +00:00
1 parent fc5f02ca3b
commit cf527fbf86
22 files changed
+978 -88

No files matched your search

+2 -1
View File
@@ -17,7 +17,7 @@
};
let { close }: Props = $props();
// export let close: () => void;
function updateLog(logs: ReactiveInstance<string[]>) {
function updateLog(logs: Pick<ReactiveInstance<string[]>, "value">) {
const e = logs.value;
if (!suspended) {
messages = [...e];
@@ -28,6 +28,7 @@
}
onMount(async () => {
const _logMessages = reactive(() => logMessages.value);
updateLog(_logMessages);
_logMessages.onChanged(updateLog);
Logger(msg("logPane.logWindowOpened", {}, lang));
unsubscribe = () => _logMessages.offChanged(updateLog);