대시보드 시스템 상태 카드에 메모리·디스크 신호등 추가

- Backend: PipelineMonitorService에 system 항목 추가 (OS 메모리, 디스크 사용률)
- Frontend: SystemMonitorDto에 system 필드 추가
- DashboardPage: 시스템/메모리/디스크 3열 신호등 레이아웃 적용
- dashboardCommand.css: gc-dash-sys-status, gc-sys-tl-item 스타일 추가

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Macbook
2026-06-11 16:37:42 +09:00
parent 900c743aa1
commit 14fafea739
4 changed files with 132 additions and 8 deletions
+30
View File
@@ -321,6 +321,36 @@
font-size: 0.72rem;
color: var(--se-text-muted);
}
.gc-traffic-caption--sub {
font-size: 0.62rem;
margin-top: 2px;
}
/* ── 시스템 상태 — 3열 신호등 ── */
.gc-dash-sys-status {
display: flex;
align-items: flex-start;
justify-content: space-around;
gap: 8px;
padding: 8px 4px;
}
.gc-sys-tl-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
flex: 1;
}
.gc-sys-tl-label {
font-size: 0.65rem;
font-weight: 600;
color: var(--se-text-muted);
letter-spacing: 0.03em;
text-transform: uppercase;
margin-top: 2px;
}
/* ── Indicator bars ── */