refactor(desktop-client/home): drop engine subsystem snapshot panel

The transport/lease-manager/vault JSON dump was a debug artifact and
duplicated information already surfaced in the network and accounts
panels. Remove the panel and its styles.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-28 09:14:31 +08:00
parent 7605890a14
commit 299e7c311e
@@ -88,24 +88,6 @@ const activity = computed(() => snapshot.value?.activity ?? []);
const blockedAccounts = computed(() =>
accounts.value.filter((item) => ["expired", "revoked", "challenge_required"].includes(item.authState)),
);
const subsystemCards = computed(() => {
const subsystems = snapshot.value?.subsystems ?? {};
return [
{
title: "Transport",
detail: JSON.stringify(subsystems.transport ?? {}, null, 2),
},
{
title: "Lease Manager",
detail: JSON.stringify(subsystems.leaseManager ?? {}, null, 2),
},
{
title: "Vault",
detail: JSON.stringify(subsystems.vault ?? {}, null, 2),
},
];
});
</script>
<template>
@@ -207,23 +189,6 @@ const subsystemCards = computed(() => {
</div>
</article>
</div>
<article class="modern-card panel-card">
<div class="card-header">
<div class="header-text">
<h3>引擎状态快照</h3>
<p>用于快速确认 transportlease manager vault 这三部分核心子系统是否处在正常工作状态</p>
</div>
</div>
<div class="subsystem-grid">
<div v-for="card in subsystemCards" :key="card.title" class="subsystem-block">
<span class="title">{{ card.title }}</span>
<div class="code-block">
<pre>{{ card.detail }}</pre>
</div>
</div>
</div>
</article>
</section>
</template>
@@ -398,43 +363,6 @@ const subsystemCards = computed(() => {
.feed-dot.danger { background-color: #ef4444; }
.feed-dot.info { background-color: #0ea5e9; }
/* Subsystems Bottom Panel */
.subsystem-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.subsystem-block {
display: flex;
flex-direction: column;
gap: 12px;
}
.subsystem-block .title {
font-size: 15px;
font-weight: 700;
color: #0f172a;
}
.code-block {
background: #f8fafc;
border: 1px solid #eef2f6;
border-radius: 14px;
padding: 20px;
overflow-x: auto;
}
.code-block pre {
margin: 0;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 13px;
color: #475569;
line-height: 1.6;
white-space: pre-wrap;
word-break: break-all;
}
/* Base Typo */
.info-stack {
display: flex;
@@ -475,7 +403,7 @@ const subsystemCards = computed(() => {
/* Responsiveness */
@media (max-width: 1024px) {
.panels-grid, .subsystem-grid {
.panels-grid {
grid-template-columns: 1fr;
}
}