Place

frontend/app/components/parts/ServerStatus.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { get } = api();
+const { get } = useApi();
 const { t } = useI18n();
 
 const status = ref<{
@@ -27,31 +27,20 @@ const online = computed(() => status.value?.mongo === 'connected');
 <template>
   <div class="server-status-card">
     <div class="monitor-bar">
-      <span class="monitor-label">SERVER STATUS</span>
+      <span class="monitor-label">STATUS</span>
       <span v-if="loading" class="monitor-blink">▚</span>
       <span v-else class="monitor-dot" :class="online ? 'green' : 'red'"></span>
     </div>
     
     <div class="monitor-screen">
       <div class="screen-grid">
+        <div class="screen-line">
+          <span>Everything OK!</span>
+        </div>
         <div class="screen-line">
           <span class="screen-key">UPTIME</span>
           <span class="screen-val">{{ loading ? '.......' : status?.uptime || '--' }}</span>
         </div>
-        <div class="screen-line">
-          <span class="screen-key">MEM_RSS</span>
-          <span class="screen-val">{{ loading ? '......' : status?.memory.rss || '--' }}</span>
-        </div>
-        <div class="screen-line">
-          <span class="screen-key">HEAP</span>
-          <span class="screen-val">{{ loading ? '......' : status?.memory.heapUsed || '--' }}</span>
-        </div>
-        <div class="screen-line">
-          <span class="screen-key">MONGO</span>
-          <span class="screen-val" :class="status?.mongo === 'connected' ? 'ok' : status?.mongo ? 'err' : ''">
-            [{{ loading ? '.+.' : status?.mongo || '--' }}]
-          </span>
-        </div>
       </div>
     </div>
   </div>
@@ -77,7 +66,6 @@ const online = computed(() => status.value?.mongo === 'connected');
   background: #0e0e0e;
   color: #d4d4d4;
   font-family: 'Hurmit', monospace;
-  font-size: 0.5rem;
   letter-spacing: 2px;
   text-transform: uppercase;
   border-bottom: 2px solid #3a3a3a;
@@ -128,7 +116,6 @@ const online = computed(() => status.value?.mongo === 'connected');
 
 .screen-key {
   font-family: 'Hurmit', monospace;
-  font-size: 0.55rem;
   color: var(--color-text);
   opacity: 0.4;
   letter-spacing: 1px;
@@ -137,7 +124,6 @@ const online = computed(() => status.value?.mongo === 'connected');
 
 .screen-val {
   font-family: 'Hurmit', monospace;
-  font-size: 0.65rem;
   color: var(--color-link);
   letter-spacing: 0.5px;