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(() =>
|
||||
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>用于快速确认 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>
|
||||
</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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user