-
-
+
-
-
-
-
-
+
+
-
+
-
-
-
-
- ...
- ...
-
+
+
-
+
+
+
+
+
-
- ......
-
-
-
-
-
-
+
+
-
-
- | - |
+
+
-
+
+ --%
+
-
+
+
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
-
-
-
+
-
-
-
+
+ 
+
+
+
+
+
-
-
-
+
-
- -
-
-
+
-
+
+ 
+
+
+
+
+
-
- ${name}
-
- ${status === 'ok' ? duration + 'ms' : ''}
-
-
+
+
+
+ 
+ ${name}
+
+
+ ${status === 'ok' ? duration + 'ms' : '—'}
+
diff --git a/src/public/parts/shells/debug_info/public/templates/connectivity_list.html b/src/public/parts/shells/debug_info/public/templates/connectivity_list.html
index ff0a55e8e6..a810fb704e 100644
--- a/src/public/parts/shells/debug_info/public/templates/connectivity_list.html
+++ b/src/public/parts/shells/debug_info/public/templates/connectivity_list.html
@@ -1,8 +1,13 @@
${checks.map(check => `
-
- ${check.name}
-
- ${check.status === 'ok' && check.duration != null ? check.duration + 'ms' : ''}
-
-
+
+
+
+ 
+ ${check.name}
+
+
+ ${check.status === 'ok' && check.duration != null ? check.duration + 'ms' : '—'}
+
`).join('')}
diff --git a/src/public/parts/shells/debug_info/public/templates/system_info_table.html b/src/public/parts/shells/debug_info/public/templates/system_info_table.html
index c56986c83a..3ec50da2e2 100644
--- a/src/public/parts/shells/debug_info/public/templates/system_info_table.html
+++ b/src/public/parts/shells/debug_info/public/templates/system_info_table.html
@@ -1,6 +1,11 @@
${rows.map(row => `
- ${row.key}
- ${row.val}
+
+
+ 
+ ${row.key}
+
+
+ ${row.val}
`).join('')}
From b2817805e31faf397dac1a82b2a81e112e048c33 Mon Sep 17 00:00:00 2001
From: Xiaoqiush <1730504362@qq.com>
Date: Wed, 7 Oct 2026 13:12:52 +0800
Subject: [PATCH 2/2] fix(debug-info): reflect connectivity state
Remove the misleading always-healthy header indicator and show active fount network links when no RTT is available. Use emoji-native diagnostic labels and cover the connection-count rendering in the smoke test.
---
src/public/locales/emoji.json | 6 ++---
.../parts/shells/debug_info/public/index.css | 22 -------------------
.../parts/shells/debug_info/public/index.html | 11 +---------
.../public/templates/connectivity_list.html | 2 +-
.../debug_info/test/frontend/smoke.spec.mjs | 8 +++++++
5 files changed, 13 insertions(+), 36 deletions(-)
diff --git a/src/public/locales/emoji.json b/src/public/locales/emoji.json
index 95b4cac5d3..68ef773e3f 100644
--- a/src/public/locales/emoji.json
+++ b/src/public/locales/emoji.json
@@ -6126,9 +6126,9 @@
}
}
},
- "normal": "OK",
- "memoryUsage": "Memory",
- "realtimeLogs": "Live logs",
+ "normal": "✅",
+ "memoryUsage": "🧠📈",
+ "realtimeLogs": "📜🔴",
"update": {
"failed": "❌🔄",
"now": "🆕🔄▶️",
diff --git a/src/public/parts/shells/debug_info/public/index.css b/src/public/parts/shells/debug_info/public/index.css
index 73d2abd16c..db3f41c215 100644
--- a/src/public/parts/shells/debug_info/public/index.css
+++ b/src/public/parts/shells/debug_info/public/index.css
@@ -16,7 +16,6 @@
}
.debug-info-header,
-.header-title-row,
.panel-heading,
.version-heading,
.version-panel,
@@ -37,27 +36,6 @@
padding: .5rem 0 .75rem;
}
-.header-title-row {
- gap: 1rem;
- flex-wrap: wrap;
-}
-
-.page-status {
- display: inline-flex;
- align-items: center;
- gap: .35rem;
- color: var(--text-muted);
- font-size: .8rem;
-}
-
-.status-dot {
- width: .55rem;
- height: .55rem;
- border-radius: var(--radius-selector);
- background: var(--debug-accent);
- box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--debug-accent) 14%, transparent);
-}
-
.debug-info-header h1 {
font-family: var(--font-heading);
font-size: clamp(1.6rem, 3vw, 2.2rem);
diff --git a/src/public/parts/shells/debug_info/public/index.html b/src/public/parts/shells/debug_info/public/index.html
index 99fadb223e..0ef3d1e1f5 100644
--- a/src/public/parts/shells/debug_info/public/index.html
+++ b/src/public/parts/shells/debug_info/public/index.html
@@ -24,16 +24,7 @@
-
-
+
+
+
+
diff --git a/src/public/parts/shells/debug_info/public/index.mjs b/src/public/parts/shells/debug_info/public/index.mjs
index b5f006bc14..40c0abdf6a 100644
--- a/src/public/parts/shells/debug_info/public/index.mjs
+++ b/src/public/parts/shells/debug_info/public/index.mjs
@@ -6,6 +6,7 @@ import { onServerEvent } from '/scripts/endpoints/server_events.mjs'
import { ping } from '/scripts/endpoints/base.mjs'
import { createTestStatusWs, getSystemInfo, postRestart } from './src/endpoints.mjs'
import { mountTemplate, renderTemplate } from './templates.mjs'
+import { recordLatency, redrawLatencySparklines } from './src/latency_sparkline.mjs'
applyTheme()
await initTranslations('debug_info')
@@ -40,9 +41,34 @@ let isUpToDate = null
* @param {number} bytes - 字节数。
* @returns {string} 以 GiB 为单位保留两位小数的字符串。
*/
-const bytesToGiB = bytes => (bytes / 1024 ** 3).toFixed(2)
+const bytesToGiB = bytes => Number.isFinite(bytes) && bytes >= 0 ? (bytes / 1024 ** 3).toFixed(2) : 'Unknown'
+
+function getMemoryStats(memory = {}) {
+ const total = Number(memory.total)
+ const free = Number(memory.free)
+ if (!Number.isFinite(total) || !Number.isFinite(free) || total <= 0) return { used: null, percent: null }
+ const used = Math.max(0, total - Math.min(free, total))
+ return { used, percent: Math.round(used / total * 100) }
+}
+
+function setBadgeState(element, state) {
+ element.dataset.state = state
+}
const FOUNT_REPO_COMMITS = 'https://api.github.com/repos/steve02081504/fount/commits'
+const ICONIFY_LINE = 'https://api.iconify.design/line-md'
+const SERVICE_ICONS = new Map([
+ ['npm Registry', 'square'],
+ ['Deno Land', 'engine'],
+ ['jsDelivr', 'cloud'],
+ ['JSR', 'list-3-filled'],
+ ['fount Network', 'link'],
+ ['fount Server', 'computer'],
+ ['esm.sh', 'cloud-alt-braces'],
+ ['Iconify', 'image'],
+ ['fount Public', 'external-link'],
+])
+const serviceIcon = name => `${ICONIFY_LINE}/${SERVICE_ICONS.get(name) || 'square'}.svg`
/**
* 获取 GitHub 上指定分支的最新提交 SHA。
@@ -75,11 +101,11 @@ async function fetchVersionInfo() {
debugData.version.remote = remoteVer
isUpToDate = localVer === remoteVer
- versionIndicator.className = `badge badge-lg ${isUpToDate ? 'badge-success' : 'badge-error'} gap-2`
+ setBadgeState(versionIndicator, isUpToDate ? 'ok' : 'outdated')
versionIndicator.dataset.i18n = isUpToDate ? 'debug_info.versionStatus.upToDate' : 'debug_info.versionStatus.outdated'
} catch (error) {
console.error('Version check failed:', error)
- versionIndicator.className = 'badge badge-lg badge-warning gap-2'
+ setBadgeState(versionIndicator, 'failed')
versionIndicator.dataset.i18n = 'debug_info.versionStatus.checkFailed'
isUpToDate = null
}
@@ -97,17 +123,24 @@ async function fetchSystemInfo() {
const data = await getSystemInfo()
debugData.system = data
- const { os, cpu, memory, connectivity } = data
+ const { os = {}, cpu = {}, memory = {}, connectivity = [] } = data
+ const { percent } = getMemoryStats(memory)
+ document.getElementById('memory-percent').textContent = percent == null ? '--%' : `${percent}%`
+ document.getElementById('memory-progress').value = percent ?? 0
const rows = [
- { key: 'OS', val: `${os.platform} ${os.release} (${os.arch})` },
- { key: 'CPU', val: `${cpu.model} (${cpu.cores} cores) @ ${cpu.speed}MHz` },
- { key: 'Memory', val: `Total: ${bytesToGiB(memory.total)} GB / Free: ${bytesToGiB(memory.free)} GB` },
+ { key: 'OS', icon: `${ICONIFY_LINE}/monitor.svg`, val: `${os.platform} ${os.release} (${os.arch})` },
+ { key: 'CPU', icon: `${ICONIFY_LINE}/cog.svg`, val: `${cpu.model} (${cpu.cores} cores) @ ${cpu.speed}MHz` },
+ { key: 'Memory', icon: `${ICONIFY_LINE}/engine.svg`, val: `Total: ${bytesToGiB(memory.total)} GB / Free: ${bytesToGiB(memory.free)} GB` },
]
await mountTemplate(systemInfoTable, 'system_info_table', { rows })
debugData.connectivity.backend = connectivity
- await mountTemplate(backendChecks, 'connectivity_list', { checks: connectivity })
+ for (const check of connectivity) recordLatency(check.id || check.name, check.duration)
+ await mountTemplate(backendChecks, 'connectivity_list', {
+ checks: connectivity.map(check => ({ ...check, icon: serviceIcon(check.name) })),
+ })
+ redrawLatencySparklines(backendChecks)
} catch (error) {
console.error('System info fetch failed:', error)
systemInfoTable.innerHTML = '
+
+ 
-
-
+
-
-
-
- fount
-
-
-
-