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:
@@ -88,24 +88,6 @@ const activity = computed(() => snapshot.value?.activity ?? []);
|
|||||||
const blockedAccounts = computed(() =>
|
const blockedAccounts = computed(() =>
|
||||||
accounts.value.filter((item) => ["expired", "revoked", "challenge_required"].includes(item.authState)),
|
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>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -207,23 +189,6 @@ const subsystemCards = computed(() => {
|
|||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<article class="modern-card panel-card">
|
|
||||||
<div class="card-header">
|
|
||||||
<div class="header-text">
|
|
||||||
<h3>引擎状态快照</h3>
|
|
||||||
<p>用于快速确认 transport、lease 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>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -398,43 +363,6 @@ const subsystemCards = computed(() => {
|
|||||||
.feed-dot.danger { background-color: #ef4444; }
|
.feed-dot.danger { background-color: #ef4444; }
|
||||||
.feed-dot.info { background-color: #0ea5e9; }
|
.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 */
|
/* Base Typo */
|
||||||
.info-stack {
|
.info-stack {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -475,7 +403,7 @@ const subsystemCards = computed(() => {
|
|||||||
|
|
||||||
/* Responsiveness */
|
/* Responsiveness */
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.panels-grid, .subsystem-grid {
|
.panels-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user